/*垂直居中­*/ .verticalAlign { vertical-align: middle; display: inline-block; height: 100%; margin-left: -1px; } .xcConfirm .xc_layer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000; } .xcConfirm .popBox { position: fixed; left: 50%; top: 25%; background-color: #ffffff; z-index: 2147000001; width: 420px; height: 185px; margin-left: -210px; /* margin-top: -51px; */ border-radius: 4px; font-weight: bold; color: #535e66; box-shadow: 0 0 10px 0 rgba(62, 67, 85, 0.5), 0 2px 8px 0 rgba(62, 67, 85, 0.15); } .xcConfirm .popBox .ttBox { height: 49px; padding: 14px 19px; /* border-bottom: solid 1px #eef0f1; */ vertical-align: top; } .xcConfirm .popBox .ttBox .tt { font-size: 16px; display: block; float: left; height: 30px; position: relative; } .xcConfirm .popBox .ttBox .clsBtn { display: block; cursor: pointer; vertical-align: top; width: 34px; height: 34px; position: absolute; top: 6px; right: 12px; background-image: url(../images/close.png); background-position: center; background-size: 100%; background-repeat: no-repeat; } .xcConfirm .popBox .txtBox { height: 70px; overflow: hidden; } .xcConfirm .popBox .txtBox .bigIcon { } .xcConfirm .popBox .txtBox p { line-height: 26px; overflow-x: hidden; overflow-y: auto; font-size: 15px; padding-left: 20px; margin-top: 6px; font-weight: normal; color: #3e4355; } .xcConfirm .popBox .txtBox p input { width: 381px; height: 36px; /*border: solid 1px #bfcbd9;*/ font-size: 14px; font-weight: normal; padding: 6px; border-radius: 4px; outline: none; } .xcConfirm .popBox .btnArea { /*border-top: solid 1px #eef0f1;*/ } .xcConfirm .popBox .btnGroup { float: right; } .xcConfirm .popBox .btnGroup .sgBtn { margin-top: 17px; margin-right: 20px; } .xcConfirm .popBox .sgBtn { display: block; cursor: pointer; float: left; /*width: 76px; height: 35px; line-height: 35px;*/ text-align: center; /*color: #FFFFFF;*/ border-radius: 4px; font-size: 14px; font-weight: normal; } .xcConfirm .popBox .sgBtn.ok { /*background-color: #4191ff;*/ /*color: #FFFFFF;*/ } .xcConfirm .popBox .sgBtn.cancel { /*background-color: #546a79; color: #FFFFFF;*/ } .animated { -webkit-animation-duration: 600ms; animation-duration: 600ms; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s } @-webkit-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 0.5 } } @keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 0.5 } } .inFade { -webkit-animation-name: inFade; animation-name: inFade } @-webkit-keyframes inFade { 0% { opacity: 0.5 } 100% { opacity: 0 } } @keyframes inFade { 0% { opacity: 0.5 } 100% { opacity: 0 } } .inFade { -webkit-animation-name: inFade; animation-name: inFade } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-200px); transform: translateY(-200px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px) } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceDownIn { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-200px); transform: translateY(-200px) } } @keyframes bounceDownIn { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-200px); transform: translateY(-200px) } } .bounceDownIn { -webkit-animation-name: bounceDownIn; animation-name: bounceDownIn }