.module{background:#fff;margin-bottom:20px;overflow:hidden}.module .hd{padding:10px 20px;background:#fafafa;border-bottom:1px solid #f0f0f0;line-height:24px}.module .hd .title{position:relative;display:inline-block;font-size:18px;font-weight:bold}.module .hd .title::after{position:absolute;left:-12px;bottom:-2px;z-index:0;width:160px;height:16px;padding:0 12px;content:"";background:linear-gradient(to right, rgba(51, 181, 229, 0.1333333333) 0, rgba(51, 181, 229, 0) 100%);border-top-left-radius:4px;border-bottom-left-radius:4px}.module .bd{padding:20px}.mod-view{margin-bottom:0}.mod-view .hd{padding:0;background:none;border-bottom:none;text-align:center}.mod-view .tip{line-height:30px;color:#fc0000}.mod-view .bd{padding:30px 30px 15px;text-align:center}.mod-view .bd .view{position:relative;display:inline-block;max-width:900px;background:#fff;line-height:360px;box-shadow:1px 2px 5px rgba(0,0,0,.5);overflow:hidden}.mod-view .bd .view canvas{display:block;max-width:100%}.mod-view .bd .caption-ruler{position:absolute;left:0;top:0;z-index:90;border-width:0;border-style:solid;border-color:#000;border-color:rgba(0,0,0,.5)}.mod-view .bd .caption-wrap{position:absolute;left:0;top:0;z-index:98;border:2px dashed rgba(0,0,0,0)}.mod-view .bd .caption-wrap:hover{border:2px dashed rgba(0,0,0,.4);background:hsla(0,0%,100%,.25)}.mod-view .ft{padding-bottom:30px;text-align:center}.mod-view .ft strong,.mod-view .ft input{vertical-align:middle}.mod-panel .hd{padding:5px 20px}.mod-panel .hd .info{float:right;line-height:36px}.mod-panel .hd ul{display:flex}.mod-panel .hd li{height:36px;line-height:36px;font-size:16px}.mod-panel .hd li a{display:block;padding:0 25px;color:#888}.mod-panel .hd li.active{position:relative}.mod-panel .hd li.active a{font-weight:bold;color:#333}.mod-panel .hd li.active a::after{position:absolute;left:50%;bottom:-3px;width:20px;height:5px;content:"";margin-left:-10px;background:#3990ab;border-radius:3px}.mod-panel .bd{margin:0 30px;padding:15px 0;border-bottom:1px solid #dbdbdb}.mod-panel .bd a{color:#3990ab}.mod-panel .bd a:hover{text-decoration:underline}.mod-panel .bd .row{margin-bottom:15px;line-height:32px;*position:relative;*zoom:1}.mod-panel .bd .field-name{float:left;width:150px;padding-right:20px;text-align:right;color:#666}.mod-panel .bd ul{margin-left:170px;overflow:hidden;*position:relative;*zoom:1}.mod-panel .bd ul.template{margin-left:25px}.mod-panel .bd ul.template label img{padding:5px}.mod-panel .bd ul.template input[type=radio]:checked+img{padding:4px}.mod-panel .bd li{float:left;margin-right:10px;margin-bottom:8px}.mod-panel .bd select{height:32px;padding:0 7px;border:1px solid #dbdbdb;line-height:32px;outline:none}.mod-panel .bd textarea{display:block;width:380px;height:60px;padding:5px 12px;border:1px solid #dbdbdb;line-height:20px;overflow-x:hidden;overflow-y:auto;resize:none}.mod-panel .bd input[type=text]{width:380px;height:20px;padding:5px 12px;border:1px solid #dbdbdb;line-height:20px}.mod-panel .bd select+input[type=text]{width:297px}.mod-panel .bd input[type=color]{max-width:60px}.mod-panel .bd label span,.mod-panel .bd label input,.mod-panel .bd label em,.mod-panel .bd label strong{vertical-align:middle}.mod-panel .bd label input[type=radio]{display:none}.mod-panel .bd label span,.mod-panel .bd label img{padding:5px 15px;border:1px solid #dbdbdb}.mod-panel .bd label input[type=radio]:checked+span,.mod-panel .bd label input[type=radio]:checked+img{padding:4px 14px;border:2px solid #3990ab}.mod-panel .bd label em{margin:0 4px;font-size:16px}.mod-panel .panels{margin-bottom:15px}.mod-panel .panels .panel{display:none}.mod-panel .panels .panel:first-child{display:block}.mod-intro .bd h3{line-height:36px;font-size:16px;font-weight:bold}.mod-intro .bd p{margin-bottom:12px;line-height:24px;text-indent:2em}.mod-intro .bd a{color:#3990ab}.mod-intro .bd a:hover{text-decoration:underline}