.yx-box{position:fixed;_position:absolute;z-index:9999;top:50%;left:50%;background-color:#f8f8f8;border:1px solid #cdcdcd;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.2);-moz-box-shadow:0 0 8px rgba(0,0,0,0.2);box-shadow:0 0 8px rgba(0,0,0,0.2);font-weight:normal;font-size:12px;text-align:left}.yx-box a,.yx-box a:hover,.yx-box a:active,.yx-box a:visited{text-decoration:none}.yx-box .cf:before,.yx-box .cf:after{content:" ";display:table}.yx-box .cf:after{clear:both}.yx-box .cf{*zoom:1}.yx-box .yx-close{position:absolute;top:0;right:0;width:30px;height:30px;text-align:center;line-height:30px;font-size:28px;font-family:Arial,sans-serif;color:#cdcdcd}.yx-box .yx-close:hover{color:#9a9a9a}.yx-box .yx-intro{width:380px;overflow:hidden;position:relative}.yx-box .yx-intro .yx-intro-inner{width:760px}.yx-box .yx-intro .yx-intro-text,.yx-box .yx-intro .yx-intro-qr{width:380px;height:260px;float:left;position:relative;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}.yx-box .yx-intro h3{color:#b9b9b9;margin:0;font-size:12px;font-family:sans-serif;font-weight:normal}.yx-box .yx-intro .yx-intro-text h3{padding:70px 0 20px 90px}.yx-box .yx-intro .yx-intro-text ol{list-style:none;margin:0 0 0 90px;padding:0}.yx-box .yx-intro .yx-intro-text ol li{height:40px;line-height:40px;font-size:14px;font-family:"\5FAE\8F6F\96C5\9ED1",sans-serif;padding-left:34px;background-image:url("./img/checkbox.png");background-repeat:no-repeat;background-position:0 -28px}.yx-box .yx-intro .yx-intro-text ol li,.yx-box .yx-intro .yx-intro-text ol li a{color:#666}.yx-box .yx-intro .yx-intro-text ol li a:hover{color:#333}.yx-box .yx-intro .yx-intro-text ol li.checked{background-position:0 12px}.yx-box .yx-intro .yx-intro-text ol li.checked,.yx-box .yx-intro .yx-intro-text ol li.checked a{color:#1cc29d}.yx-box .yx-intro .yx-intro-text ol li.checked a:hover{color:#1dba97}.yx-box .yx-intro .yx-intro-qr{display:none}.yx-box .yx-intro .yx-intro-qr .yx-intro-qr-tip{width:29px;height:58px;position:absolute;left:-30px;top:101px;cursor:pointer;background:#fff url("./img/qr-tip.png") top left no-repeat;border:1px dashed #aaa;border-right:none;opacity:1;-webkit-transition:opacity 0.3s ease-out;-moz-transition:opacity 0.3s ease-out;-ms-transition:opacity 0.3s ease-out;-o-transition:opacity 0.3s ease-out;transition:opacity 0.3s ease-out}.yx-box .yx-intro .yx-intro-qr .yx-intro-qr-tip:hover{border-color:#333}.yx-box .yx-intro .yx-intro-qr h3{padding:20px 0;text-align:center}.yx-box .yx-intro .yx-intro-qr .yx-intro-qr-img{text-align:center;opacity:0;-webkit-transition:opacity 2s ease-out;-moz-transition:opacity 2s ease-out;-ms-transition:opacity 2s ease-out;-o-transition:opacity 2s ease-out;transition:opacity 2s ease-out}.yx-box .yx-intro .yx-intro-qr .yx-intro-qr-img img{display:none;border:1px dashed #eee}.yx-box .yx-intro-status-qr .yx-intro-text{margin-left:-380px}.yx-box .yx-intro-status-qr .yx-intro-qr .yx-intro-qr-tip{opacity:0}.yx-box .yx-intro-status-qr .yx-intro-qr .yx-intro-qr-img{opacity:1}.yx-box .yx-share{width:450px}.yx-box .yx-share h3{padding:24px;margin:0;font-size:18px;font-weight:normal;color:#333;font-family:"\5FAE\8F6F\96C5\9ED1",sans-serif;overflow:hidden;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis}.yx-box .yx-share .yx-summary{margin:0 0 0 24px;position:relative;min-height:90px}.yx-box .yx-share .yx-summary .yx-pic{position:absolute;left:0;top:0;_left:-90px;width:90px;height:90px;background-color:#ddd;background-position:center center}.yx-box .yx-share .yx-summary p{margin:0 0 0 90px;padding:4px 24px 0 20px;color:#707070;font-size:14px;line-height:22px;font-family:"\5FAE\8F6F\96C5\9ED1",sans-serif;_height:100px}.yx-box .yx-share .yx-remark{margin:15px 24px;height:20px;border:1px solid #cdcdcd;background-color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:inset 0 2px 2px #eee;-moz-box-shadow:inset 0 2px 2px #eee;box-shadow:inset 0 2px 2px #eee;padding:9px 10px 11px;overflow:hidden}.yx-box .yx-share .yx-remark input{border:0 none;margin:0;padding:0;outline:none;width:100%;_width:380px;height:20px;color:#999}.yx-box .yx-share .yx-remark input:focus{color:#666}.yx-box .yx-share .yx-bottom{margin:15px 24px 20px}.yx-box .yx-share .yx-bottom .yx-mobile{float:left;margin-top:12px;font-family:sans-serif}.yx-box .yx-share .yx-bottom .yx-mobile span{color:#666;border-right:1px solid #ccc;padding:0 6px 0 0;margin:0 6px 0 0}.yx-box .yx-share .yx-bottom .yx-mobile a,.yx-box .yx-share .yx-bottom .yx-mobile a:active,.yx-box .yx-share .yx-bottom .yx-mobile a:visited{color:#1cc29d}.yx-box .yx-share .yx-bottom .yx-mobile a:hover{color:#1dba97;text-decoration:underline}.yx-box .yx-share .yx-bottom .yx-sbtn{display:block;float:right;height:40px;line-height:40px;padding:0 20px 0 45px;cursor:pointer;font-family:"\5FAE\8F6F\96C5\9ED1",sans-serif;font-size:14px;color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#1cc29d url("./img/sharebtn.png") 11px 9px no-repeat}.yx-box .yx-share .yx-bottom .yx-sbtn:hover{background-color:#1dba97;background-position:11px -69px}.yx-box .yx-msg{width:450px;padding:80px 0;text-align:center;font-family:"\5FAE\8F6F\96C5\9ED1",sans-serif;font-size:16px;color:#888;font-weight:normal}.yx-status-intro{margin:-130px 0 0 -190px}.yx-status-intro .yx-intro{display:block}.yx-status-intro .yx-share{display:none}.yx-status-intro .yx-msg{display:none}.yx-status-share{margin:-150px 0 0 -225px}.yx-status-share .yx-intro{display:none}.yx-status-share .yx-share{display:block}.yx-status-share .yx-msg{display:none}.yx-status-msg{margin:-90px 0 0 -225px}.yx-status-msg .yx-intro{display:none}.yx-status-msg .yx-share{display:none}.yx-status-msg .yx-msg{display:block}