.thom_picture{background-image:url(/image/thom.jpg)}.jonny_picture{background-image:url(/image/jonny.jpg)}.colin_picture{background-image:url(/image/colin.jpg)}.phil_picture{background-image:url(/image/phil.jpg)}.hex-cmpnt-Modal>.K12{padding:20px;position:relative}.hex-cmpnt-Modal>.K12>.title{overflow:hidden;margin-bottom:14px}.hex-cmpnt-Modal>.K12>.title>.left{float:left;overflow:hidden}.hex-cmpnt-Modal>.K12>.title>.left>h2{color:#333;font-size:16px;line-height:25px;float:left}.hex-cmpnt-Modal>.K12>.title>.left>i{width:6px;height:15px;border-radius:3px;background-color:#196fff;float:left;margin:6px 7px 0 0;display:block;float:left}.hex-cmpnt-Modal>.K12>.title>.left>span.name{font-size:12px;color:#999;margin-left:8px}.hex-cmpnt-Modal>.K12>.title>.right{float:right}.hex-cmpnt-Modal>.K12>.title>.right>a{width:15px;height:15px;display:block;margin-top:5px;background-image:url(img/close.svg);background-position:center;background-repeat:no-repeat}.hex-cmpnt-Modal>.K12>.title>.right>a:hover{background-image:url(img/close_h.svg)}.hex-cmpnt-Modal>.K12>.button{bottom:20px;right:20px;position:absolute}.hex-cmpnt-Modal>.K12>.button>button{margin-left:20px}.hex-cmpnt-Modal>.K12>.button>button.cancel{color:grey;line-height:34px}.hex-cmpnt-Modal>.K12>.button>button.cancel:hover{color:#333}.hex-cmpnt-Modal>.K12>.button>button.cancel:active{color:#333}.hex-cmpnt-Modal>.K12>.content.input{padding:20px 50px 0;display:flex}.hex-cmpnt-Modal>.K12>.content.input>label{flex:none;line-height:35px;padding-right:20px;color:#676767}.hex-cmpnt-Modal>.K12>.content.input>input{height:35px;flex:1;width:calc(100% - 42px);padding:0 20px;border:1px solid #b3b3b3;border-radius:2px}.hex-cmpnt-Modal>.K12>.content.input>input:focus{border:1px solid #196fff;outline:inherit}#MsgModal.hex-cmpnt-Modal2{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000;background-color:rgba(0,0,0,.7);right:0;bottom:0;overflow-x:hidden;overflow-y:auto}#MsgModal.hex-cmpnt-Modal2>div{z-index:1055;padding:15px 20px;overflow:auto;border-radius:10px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;box-shadow:0 2px 16px 0 rgba(28,45,60,.16);max-height:500px}#MsgModal.hex-cmpnt-Modal2>div>.title{overflow:hidden;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}#MsgModal.hex-cmpnt-Modal2>div>.title>.left{overflow:hidden;display:flex;align-items:center}#MsgModal.hex-cmpnt-Modal2>div>.title>.left>i{width:6px;height:15px;border-radius:3px;background-color:#196fff;float:left;margin:6px 7px 0 0;display:block;float:left}#MsgModal.hex-cmpnt-Modal2>div>.title>.left>h2{color:#333;font-size:16px;line-height:25px;float:left}#MsgModal.hex-cmpnt-Modal2>div>.title>.left>span{margin-left:4px;font-size:12px;color:grey;line-height:25px}#MsgModal.hex-cmpnt-Modal2>div>.title>.left>span>i{font-style:initial}#MsgModal.hex-cmpnt-Modal2>div>.title>.right>a{width:20px;height:20px;display:block;background-image:url(icon/close.svg);background-position:center;background-repeat:no-repeat}#MsgModal.hex-cmpnt-Modal2>div>.title>.right>a:hover{background-image:url(icon/close_h.svg)}#MsgModal.hex-cmpnt-Modal2>div>.content{text-align:center}#MsgModal.hex-cmpnt-Modal2>div>.content>.mark{display:flex;align-items:center;justify-content:center;margin-top:2px}#MsgModal.hex-cmpnt-Modal2>div>.content>.mark>i{display:inline-block;width:22px;height:22px;min-width:22px;background-repeat:no-repeat;background-position:center;background-size:contain}#MsgModal.hex-cmpnt-Modal2>div>.content>.mark>i.success{background-image:url(icon/success.png)}#MsgModal.hex-cmpnt-Modal2>div>.content>.mark>i.error{background-image:url(icon/error.png)}#MsgModal.hex-cmpnt-Modal2>div>.content>.mark>i.confim{background-image:url(icon/error.png)}#MsgModal.hex-cmpnt-Modal2>div>.content>.mark>span{margin-left:10px;font-size:18px;color:#333;font-weight:bolder}#MsgModal.hex-cmpnt-Modal2>div>.content>.text{display:inline-block;margin-top:16px;color:#676767;font-size:14px}#MsgModal.hex-cmpnt-Modal2>div>.button{margin-top:24px;display:flex;justify-content:space-around}#MsgModal.hex-cmpnt-Modal2>div>.button>button{width:96px;height:34px;line-height:32px;border-radius:4px;font-size:16px;color:#fff}#MsgModal.hex-cmpnt-Modal2>div>.button>button.success{border:1px solid #196fff;background-color:#196fff;color:#fff}#MsgModal.hex-cmpnt-Modal2>div>.button>button.success:hover{border:1px solid #3d84ff;background-color:#3d84ff}#MsgModal.hex-cmpnt-Modal2>div>.button>button.success:active{border:1px solid #1057e6;background-color:#1057e6}#MsgModal.hex-cmpnt-Modal2>div>.button>button.error{border:1px solid #ff5151;background-color:#ff5151;color:#fff}#MsgModal.hex-cmpnt-Modal2>div>.button>button.error:hover{border:1px solid #e43333;background-color:#e43333}#MsgModal.hex-cmpnt-Modal2>div>.button>button.error:active{border:1px solid #d71a1a;background-color:#d71a1a}#MsgModal.hex-cmpnt-Modal2>div>.button>button.cancel{background-color:#fff;color:#999;border:1px solid #999}#MsgModal.hex-cmpnt-Modal2>div>.button>button.cancel:hover{color:#666;border:1px solid #666}#MsgModal.hex-cmpnt-Modal2>div>.button>button.cancel:active{color:#666;border:1px solid #666}.alert{position:fixed;left:50%;transform:translateX(-50%);top:112px;height:40px;box-sizing:border-box;padding:9px 16px;background:#fff;box-shadow:0 9px 28px 8px rgba(0,0,0,.05),0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12);border-radius:2px;margin:0 auto;z-index:999}.alert>span{display:flex;align-items:center}.alert>span>i{display:inline-block;background-image:url(img/right_alert.png);width:14px;height:14px;min-width:14px;margin-right:4px;background-size:contain;background-position:center center;background-repeat:no-repeat}.alert>span>i.error{background-image:url(img/errorCloud.svg)}.alert>span>i.warn{background-image:url(img/confim.svg)}.alert>span>i.warn_yellow{background-image:url(img/warn.svg)}.alert>span>span{font-size:14px;color:rgba(0,0,0,.65)}.thom_picture{background-image:url(/image/thom.jpg)}.jonny_picture{background-image:url(/image/jonny.jpg)}.colin_picture{background-image:url(/image/colin.jpg)}.phil_picture{background-image:url(/image/phil.jpg)}.hex-cmpnt-Modal{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000;background-color:rgba(0,0,0,.7);display:none;right:0;bottom:0;overflow-x:hidden;overflow-y:auto}.hex-cmpnt-Modal>div:not(.large){border-radius:10px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff}.hex-cmpnt-Modal>div.large{border-radius:10px;margin:30px auto;position:relative;background-color:#fff}