.social{background:#f0f0ee;width:1180px;margin:50px auto;padding:50px 0;min-width:1180px}.social .s1 span{display:block;text-align:center}.social .s1 .t1{font-size:40px;font-weight:700;margin-bottom:25px}.social .s1 .t2{font-size:20px;color:#888;line-height:25px}.social .s1 .t2.last{margin-bottom:35px}.social .s1 .t3{margin:0 auto 35px;font-size:14px;width:222px;height:45px;line-height:45px;color:#fff;background:#888;cursor:pointer}.social .s2{overflow:hidden;padding-left:1%}.social .s2 .item{position:relative;float:left;width:24%;margin:0 1% 10px 0;background:#f0f0ee}.social .s2 .item img{width:100%}.social .s2 .item .name{position:absolute;top:0;left:0;background:rgba(0,0,0,.5);width:100%;height:98.5%;text-align:center;opacity:0}.social .s2 .item .name span{color:#fff;top:50%;position:absolute;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%;overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap}.social .s2 .item a:hover .name{opacity:1;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.social .s3{margin-top:40px}.social .s3 a,.social .s3 span{display:block;text-align:center;margin:0 auto;width:150px;background:#888;height:45px;line-height:45px;color:#fff;font-size:14px}.social .s1 .t3:hover,.social .s3 a:hover{background:#222}.social .s4,.social .s5{position:fixed;width:865px;height:600px;top:50%;left:50%;z-index:112;padding-left:35px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;display:none}.social .s4 .l1,.social .s4 .l2,.social .s4 .r1{float:left;padding-top:30px}.social .s4 .l1,.social .s4 .l2{width:57%;margin-right:3%}.social .s4 .r1{width:40%;background:#f0f0f0;height:100%;padding-left:25px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}.social .s4 .tt{font-size:18px;font-weight:700}.social .s4 .l1 .dopb-0{margin:15px 0}.social .s4 .l1 .dopb-0 .imgs{display:none;height:220px;overflow-y:auto}.social .s4 .l1 .dopb-0 .imgs .item,.social .s4 .l1 .dopb-3 .item{display:inline-block;position:relative;margin-right:32px;margin-bottom:10px;width:96px;height:96px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;float:left}.social .s4 .l1 .dopb-0 .imgs img,.social .s4 .l1 .dopb-3 .item img{max-width:100%;cursor:pointer;max-height:100%}.social .s4 .l1 .dopb-0 .imgs .item.active,.social .s4 .l1 .dopb-3 .item.active{border:2px solid #222}.social .s4 .l1 .dopb-0 .imgs .item,.social .s4 .l1 .dopb-3 .item{border:2px solid #fff}.social .s4 .l1 .dopb-0 .imgs .item i,.social .s4 .l1 .dopb-3 .item i{position:absolute;top:6px;left:6px;font-size:20px;cursor:pointer;opacity:.3}.social .s4 .l1 .dopb-0 .imgs .item.active i,.social .s4 .l1 .dopb-3 .item.active i{opacity:1}.social .s4 .l1 .dopb-0 .imgs .item:nth-of-type(4n),.social .s4 .l1 .dopb-3 .item:nth-of-type(4n){margin-right:0}.social .s4 .l1 .dopb-1{-webkit-box-shadow:#b7b7b7 0 -2px 0 0 inset;box-shadow:#b7b7b7 0 -2px 0 0 inset;border-width:initial;border-style:none;border-color:initial;-webkit-border-image:initial;-moz-border-image:initial;border-image:initial;margin:0 0 16px;padding:0;border-radius:0;padding-bottom:7px}.social .s4 .l1 .dopb-1 .btn{margin-right:40px;cursor:pointer}.social .s4 .l1 .dopb-1 .btn.active{border-bottom:3px solid #222;padding-bottom:4px}.social .s4 .l1 .dopb-2{width:100%;height:457px;padding:80px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.social .s4 .l1 .dopb-3{width:100%;height:457px;display:none}.social .s4 .l1 .dopb-2.active{height:230px;margin-bottom:15px}.social .s4 .l1 .dopb-2{border:1px dashed #d8d8d8}.social .s4 .l1 .dopb-2 .dopb-2-1{font-size:32px;font-weight:700;margin-bottom:10px}.social .s4 .l1 .dopb-2 .dopb-2-2{font-size:18px}.social .s4 .l1 .dopb-2 .dopb-2-2 input{display:none}.social .s4 .l1 .dopb-2 .dopb-2-2 label{color:#be0000;border-bottom:1px solid #be0000}.social .s4 .l1 .dopb-3 .dopb-3-1{border:1px solid #222;height:44px;line-height:44px;width:388px;font-weight:700;text-align:center;margin:210px auto 0;cursor:pointer}.social .s4 .l1 .dopb-3 .dopb-3-1 img{vertical-align:sub;margin-right:10px}.social .s4 .l2{display:none}.social .s4 .l2 .l2-1{padding-bottom:70px;margin-bottom:20px;border-bottom:1px solid #dcdcdc}.social .s4 .l2 .l2-1 .note{margin:20px 0}.social .s4 .l2 .red{color:#be0000;font-weight:400}.social .s4 .l2 .l2-1 .item{margin-bottom:25px}.social .s4 .l2 .l2-1 .item input{width:400px;height:30px;line-height:30px;padding-left:5px}.social .s4 .l2 .l2-1 .item .i1{font-size:14px;margin-bottom:5px;font-weight:700}.social .s4 .l2 .l2-1 .item .err{font-size:14px;margin-top:5px;color:#be0000}.social .s4 .l2 .l2-2 .c1{margin-bottom:15px}.social .s4 .l2 .l2-2 .c1 a{color:#be0000;border-bottom:1px solid #be0000}.social .s4 .r2{height:470px}.social .s4 .r1 .r3{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:100%;color:#888}.social .s4 .r1 .r4{height:100%;overflow-y:scroll;padding-right:5px;display:none}.social .s4 .r1 .r4 .aclear{text-align:center;margin:0 20px 20px 0;font-size:14px;font-weight:700;border-bottom:1px solid #222;cursor:pointer;float:right}.social .s4 .r1 .r4 .item{clear:both;margin-bottom:10px;position:relative}.social .s4 .r1 .r4 .item textarea{height:80px;resize:none;width:200px;margin-left:10px}.social .s4 .r1 .r4 .item i{position:absolute;left:296px;top:0;font-size:12px;cursor:pointer}.social .s4 .r1 .r4 .item .image{width:80px;height:80px;float:left;border:1px solid #dcdcdc;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.social .s4 .r1 .r4 .item img{max-height:100%;max-width:100%}.social .s4 .r2 .r5{float:right;margin:15px 25px 0 0}.social .s4 .r2 .r5 span,.social .s4 .r2 .r6 span{display:inline-block;text-align:center;width:93px;height:34px;line-height:34px;font-size:14px;cursor:default;background:#888;color:#fff}.social .s4 .r2 .r5 span.enabled{background:#222;cursor:pointer}.social .s4 .r2 .r5 span.enabled:hover,.social .s4 .r2 .r6 .back:hover,.social .s4 .r2 .r6 .submit.enabled:hover{background:#555}.social .s4 .r2 .r6{display:none;margin-top:15px;overflow:hidden}.social .s4 .r2 .r6 .back{background:#222;cursor:pointer;float:left}.social .s4 .r2 .r6 .submit{float:right;margin-right:25px}.social .s4 .r2 .r6 .submit.enabled{background:#222;cursor:pointer}.social .s4 .r1 .close{position:absolute;top:10px;right:10px;color:#888;cursor:pointer}.social .s5{z-index:113;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.social .s5{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.social .s5 .s5-1{font-size:32px;font-weight:700}.social .s5 .s5-2{font-size:20px;margin:10px 0 20px}.social .s5 .s5-3 i{font-size:100px;border:3px solid #222;border-radius:50%}.social .s5 .s5-4{width:230px;background:#222;color:#fff;height:35px;line-height:35px;margin:25px 0 15px;cursor:pointer}.social .s5 .s5-4:hover{background:#555}.social .s5 .s5-5{width:230px;background:#888;color:#fff;height:35px;line-height:35px;cursor:pointer}.social .s5 .s5-5:hover{background:#222}.social .s5 .s5-6{font-size:14px;color:#888;margin-top:120px}.share-wapper{position:fixed;width:860px;height:520px;top:50%;left:50%;z-index:112;padding:35px 25px 45px 15px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff}.share-wapper .img img{max-height:530px;max-width:100%;width:auto}.share-wapper .close{position:absolute;top:10px;right:10px;color:#888;cursor:pointer}.share-wapper .img,.share-wapper .text{float:left}.share-wapper .img{width:62%;margin-right:3%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:531px}.share-wapper .text{width:33%}.share-wapper .text .name{width:70%;overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap}.share-wapper .text .fav{float:right;margin-right:15px}.share-wapper .text .fav i{margin-right:5px;font-size:14px}.share-wapper .text .des{clear:both;margin:20px 0;max-height:80px;color:#888;overflow-y:auto}.share-wapper .text .lo{font-weight:700;margin-bottom:25px;display:block;color:#888;font-size:14px}.share-wapper .text .pro{overflow-y:auto;max-height:350px}.share-wapper .text .pro dl{width:45%;float:left;margin-right:5%;margin-bottom:15px}.share-wapper .text .pro dl img{border:1px solid #dcdcdc;width:100%}.share-wapper .text .pro .title{display:block;color:#888;font-size:14px}.share-wapper .text .pro .price{font-size:14px;color:#888;margin-right:5px}.share-wapper .text .pro .price.red{color:#ae0000}.share-wapper .text .pro del{font-size:14px;color:#888;font-style:italic}