#preview_body {padding-top: 20px;background-color: #fff;box-sizing: border-box;} #preview-mask{z-index: 1000;position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);} .phone-preview{width:100%;height:100%;overflow-y: auto !important;z-index: 2000;position : absolute;top:0;left:0} .phone-preview .phont-perview-main {display: flex;} .phont-perview-main {position:absolute;display: flex;height: 700px;} .left-tool .view-choose button.active {background-color: #36aeea;border: none;color: #fff;} .left-tool .view-choose button {border: 1px solid #d1dee4;background-color: #fff;color: #36aeea;font-size: 16px;width: 120px;height: 30px;line-height: 30px;border-radius: 15px;margin-top: 10px;cursor: pointer;outline: none;} #qr-click{cursor:pointer;} .left-tool {margin-right: 47px;} .left-tool .view-choose {width: 170px;height: 160px;box-sizing: border-box;padding: 25px; background-color: #fff;border-radius: 4px;margin-bottom: 10px;} .left-tool .qrcode-view {width: 170px;box-sizing: border-box;padding: 22px;background-color: #fff;border-radius: 4px;} /* 4.7 */ .right-view[data-type=fsType]{z-index: 100;width: 378px;box-sizing: border-box;height: 772px; background-image: url('http://www.365editor.com/images/personalcenter/47.png'); background-size: 100% auto;background-repeat: no-repeat;background-position: left top;padding-top: 73px;padding-left: 22px; } .right-view[data-type=fzType] { width: 405px;box-sizing: border-box;height: 788px; background-image: url(http://www.365editor.com/images/personalcenter/50.png); background-size: 100% auto;background-repeat: no-repeat;background-position: left top; padding-top: 75px;padding-left: 20px; } .right-view[data-type=ffType] { width: 408px;box-sizing: border-box;height: 826px; background-image: url(http://www.365editor.com/images/personalcenter/51.png); background-size: 100% auto;background-repeat: no-repeat;background-position: left top; padding-top: 102px;padding-left: 23px; } .right-view[data-type=fsType] div.preview_title { width: 333px;height: 40px;line-height: 40px;background-color: #21292c; font-size: 14px;color: #fff;text-align: center;padding: 0px 12px;display: flex; align-items: center;justify-content: space-between;box-sizing: border-box; } .right-view[data-type=fzType] div.preview_title { width: 363px;height: 40px;line-height: 40px;background-color: #21292c; font-size: 14px;color: #fff;text-align: center;padding: 0px 12px; display: flex;align-items: center;box-sizing: border-box; justify-content: space-between; } .right-view[data-type=ffType] div.preview_title { width: 362px;height: 40px;line-height: 40px; background-color: #21292c;font-size: 14px;color: #fff; text-align: center;padding: 0px 12px;display: flex;align-items: center;box-sizing: border-box; justify-content: space-between; } #preview_body{ width: 333px;height: 564px;overflow-x: hidden; overflow-y: auto;background-color: #fff; } .right-view[data-type=fzType] #preview_body { width: 363px;height: 602px; overflow-x: hidden;overflow-y: auto; } .right-view[data-type=fsType] #preview_body { width: 333px;height: 564px; overflow-x: hidden;overflow-y: auto; } .right-view[data-type=ffType] #preview_body { width: 362px;height: 593px; overflow-x: hidden;overflow-y: auto; } .left-tool .qrcode-view .title p:nth-child(1) { color: #36aeea;font-size: 14px; line-height: 1;margin-bottom: 17px; padding: 10px;text-align: center; background: #DAA520;color: #fff;border-radius: 5px; } .left-tool .qrcode-view .title p { font-size: 12px;color: #333333;line-height: 1.2; } .left-tool{ margin-top: 220px; margin-left: -3px; } .close-btn { position: relative; height: 35px; left: -140px; color: #fff; font-weight: 700; top: 190px; font-size: 20px; cursor: pointer; } .left-tool .view-choose{ background-color: inherit; width: 125px; padding: 0; border-radius:0; height: 120px; } .left-tool .view-choose button{ font-size: 14px; border-radius: 0px ; height: 33px; line-height: 33px; margin-top: 5px; color: #333; background: #eee; } .left-tool .view-choose button.active{ background-color: #fff; color: #333; } .left-tool .qrcode-view{ margin-left: -3px; width: 125px; padding: 20px 5px; } .left-tool .qrcode-view .title p:nth-child(1){ margin-bottom: 0px; padding: 8px; font-size: 14px; } .pc_preview{ display: inline-block; border: 1px solid #36aeea; background-color: #fff; margin-top: 13px; border-radius: 15px; font-size: 14px; padding: 5px 15px 5px 17px; color: #36aeea; margin-left: 11px; cursor: pointer; }