﻿ /*!
 * ui-dialog.css
 * Date: 2014-07-03
 * https://github.com/aui/artDialog
 * (c) 2009-2014 TangBin, http://www.planeArt.cn
 *
 * This is licensed under the GNU LGPL, version 2.1 or later.
 * For details, see: http://www.gnu.org/licenses/lgpl-2.1.html
 */
 
 .ui-dialog {
     *zoom: 1;
     _float: left;
     position: relative;
     background-color: #FFF;
     border-radius: 6px;
     outline: 0;
     background-clip: padding-box;
     /*font-family: Helvetica, arial, sans-serif;*/
     font-family: \5FAE\8F6F\96C5\9ED1;
     font-size: 14px;
     line-height: 1.428571429;
     color: #333;
     opacity: 0;
     -webkit-transform: scale(0);
     transform: scale(0);
     -webkit-transition: -webkit-transform .15s ease-in-out, opacity .15s ease-in-out;
     transition: transform .15s ease-in-out, opacity .15s ease-in-out;
     border: 6px solid #aeaeae;
 }
 
 .ui-popup-show .ui-dialog {
     opacity: 1;
     -webkit-transform: scale(1);
     transform: scale(1);
 }
 
 .ui-popup-focus .ui-dialog {}
 
 .ui-popup-modal .ui-dialog {
     /*max-width: 50%;
    min-width: 320px;*/
 }
 
 .ui-dialog-grid {
     width: 100%;
     *width: auto;
     margin: 0;
     background: white;
     border-radius: 12px;
 }
 
 .ui-dialog-header,
 .ui-dialog-body,
 .ui-dialog-footer {
     padding: 0;
     border: 0 none;
     background: transparent;
     text-align: center;
 }
 
 .ui-dialog-header {
     white-space: nowrap;
     border-bottom: 1px solid #E5E5E5;
 }
 
 .ui-dialog-close {
     position: relative;
     _position: absolute;
     float: right;
     top: 18px;
     right: 13px;
     _height: 26px;
     /*padding: 0 4px;*/
     width: 32px;
     height: 31px;
     font-size: 21px;
     font-weight: bold;
     line-height: 1;
     color: #000;
     text-shadow: 0 1px 0 #FFF;
     opacity: .95;
     filter: alpha(opacity=60);
     cursor: pointer;
     background: transparent;
     _background: #FFF;
     border: 0;
     -webkit-appearance: none;
     /*background:url(../image/close_icon.png) no-repeat;*/
     display: none;
 }
 
 .ui-dialog-close:hover,
 .ui-dialog-close:focus {
     color: #000000;
     text-decoration: none;
     cursor: pointer;
     outline: 0;
     opacity: 1;
     filter: alpha(opacity=100);
 }
 
 .ui-dialog-title {
     margin: 0;
     line-height: 1.428571429;
     min-height: 20.428571429px;
     padding: 20px 15px 15px 30px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     cursor: default;
     text-align: left;
     color: #4a4a4a;
     font-size: 20px;
     font-family: "微软雅黑";
 }
 
 .ui-dialog-body {
     padding: 17px 30px 40px;
     *padding: 50px 80px 40px;
     text-align: center;
 }
 
 .ui-dialog-content {
     display: inline-block;
     position: relative;
     vertical-align: middle;
     *zoom: 1;
     *display: inline;
     /*min-width: 350px;
    max-width: 400px;*/
     text-align: center;
     *width: auto;
     *min-width: 0;
     *text-align: center;
 }
 
 .ui-dialog-footer {
     padding: 0 30px 35px;
     *padding: 0 50px 35px;
 }
 
 .ui-dialog-statusbar {
     float: left;
     margin-right: 20px;
     padding: 6px 0;
     line-height: 1.428571429;
     font-size: 14px;
     color: #888;
     white-space: nowrap;
 }
 
 .ui-dialog-statusbar label:hover {
     color: #333;
 }
 
 .ui-dialog-statusbar input,
 .ui-dialog-statusbar .label {
     vertical-align: middle;
 }
 
 .ui-dialog-button {
     /*float: right;*/
     white-space: nowrap;
 }
 
 .ui-dialog-footer button+button {
     margin-bottom: 0;
     margin-left: 5px;
 }
 
 .ui-dialog-footer button {
     font-family: \5FAE\8F6F\96C5\9ED1;
     width: auto;
     overflow: visible;
     display: inline-block;
     padding: 6px 28px;
     _margin-left: 5px;
     margin: 0 6px;
     font-size: 12px;
     font-weight: normal;
     line-height: 1.428571429;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     cursor: pointer;
     background-image: none;
     border: 1px solid transparent;
     border-radius: 10px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     -o-user-select: none;
     user-select: none;
     outline: none;
     font-weight: bold;
 }
 
 .ui-dialog-footer button:focus {
     /*outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;*/
     outline-offset: -2px;
 }
 
 .ui-dialog-footer button:hover,
 .ui-dialog-footer button:focus {
     color: white;
     text-decoration: none;
 }
 
 .ui-dialog-footer button:active {
     background-image: none;
     outline: 0;
     -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 }
 
 .ui-dialog-footer button[disabled] {
     pointer-events: none;
     cursor: not-allowed;
     opacity: 0.65;
     filter: alpha(opacity=65);
     -webkit-box-shadow: none;
     box-shadow: none;
 }
 
 .ui-dialog-footer button {
     color: white;
     background-color: #e66363;
     border-color: #cccccc;
 }
 
 .ui-dialog-footer button:hover,
 .ui-dialog-footer button:focus,
 .ui-dialog-footer button:active {
     color: white;
     background-color: #ebebeb;
     border-color: #adadad;
 }
 
 .ui-dialog-footer button:active {
     background-image: none;
 }
 
 .ui-dialog-footer button[disabled],
 .ui-dialog-footer button[disabled]:hover,
 .ui-dialog-footer button[disabled]:focus,
 .ui-dialog-footer button[disabled]:active {
     background-color: #ffffff;
     border-color: #cccccc;
 }
 
 .ui-dialog-footer button.ui-dialog-autofocus {
     color: #ffffff;
     background-color: #e66363;
     border-color: #e66363;
 }
 
 .ui-dialog-footer button.ui-dialog-autofocus:hover,
 .ui-dialog-footer button.ui-dialog-autofocus:focus,
 .ui-dialog-footer button.ui-dialog-autofocus:active {
     color: #ffffff;
     background-color: #e66363;
     border-color: #e66363;
 }
 
 .ui-dialog-footer button.ui-dialog-autofocus:active {
     background-image: none;
 }
 
 .ui-popup-top-left .ui-dialog,
 .ui-popup-top .ui-dialog,
 .ui-popup-top-right .ui-dialog {
     top: -8px;
 }
 
 .ui-popup-bottom-left .ui-dialog,
 .ui-popup-bottom .ui-dialog,
 .ui-popup-bottom-right .ui-dialog {
     top: 8px;
 }
 
 .ui-popup-left-top .ui-dialog,
 .ui-popup-left .ui-dialog,
 .ui-popup-left-bottom .ui-dialog {
     left: -8px;
 }
 
 .ui-popup-right-top .ui-dialog,
 .ui-popup-right .ui-dialog,
 .ui-popup-right-bottom .ui-dialog {
     left: 8px;
 }
 
 .ui-dialog-arrow-a,
 .ui-dialog-arrow-b {
     position: absolute;
     display: none;
     width: 0;
     height: 0;
     overflow: hidden;
     _color: #FF3FFF;
     _filter: chroma(color=#FF3FFF);
     border: 8px dashed transparent;
 }
 
 .ui-popup-follow .ui-dialog-arrow-a,
 .ui-popup-follow .ui-dialog-arrow-b {
     display: block;
 }
 
 .ui-popup-top-left .ui-dialog-arrow-a,
 .ui-popup-top .ui-dialog-arrow-a,
 .ui-popup-top-right .ui-dialog-arrow-a {
     bottom: -16px;
     border-top: 8px solid #7C7C7C;
 }
 
 .ui-popup-top-left .ui-dialog-arrow-b,
 .ui-popup-top .ui-dialog-arrow-b,
 .ui-popup-top-right .ui-dialog-arrow-b {
     bottom: -15px;
     border-top: 8px solid #fff;
 }
 
 .ui-popup-top-left .ui-dialog-arrow-a,
 .ui-popup-top-left .ui-dialog-arrow-b {
     left: 15px;
 }
 
 .ui-popup-top .ui-dialog-arrow-a,
 .ui-popup-top .ui-dialog-arrow-b {
     left: 50%;
     margin-left: -8px;
 }
 
 .ui-popup-top-right .ui-dialog-arrow-a,
 .ui-popup-top-right .ui-dialog-arrow-b {
     right: 15px;
 }
 
 .ui-popup-bottom-left .ui-dialog-arrow-a,
 .ui-popup-bottom .ui-dialog-arrow-a,
 .ui-popup-bottom-right .ui-dialog-arrow-a {
     top: -16px;
     border-bottom: 8px solid #7C7C7C;
 }
 
 .ui-popup-bottom-left .ui-dialog-arrow-b,
 .ui-popup-bottom .ui-dialog-arrow-b,
 .ui-popup-bottom-right .ui-dialog-arrow-b {
     top: -15px;
     border-bottom: 8px solid #fff;
 }
 
 .ui-popup-bottom-left .ui-dialog-arrow-a,
 .ui-popup-bottom-left .ui-dialog-arrow-b {
     left: 15px;
 }
 
 .ui-popup-bottom .ui-dialog-arrow-a,
 .ui-popup-bottom .ui-dialog-arrow-b {
     margin-left: -8px;
     left: 50%;
 }
 
 .ui-popup-bottom-right .ui-dialog-arrow-a,
 .ui-popup-bottom-right .ui-dialog-arrow-b {
     right: 15px;
 }
 
 .ui-popup-left-top .ui-dialog-arrow-a,
 .ui-popup-left .ui-dialog-arrow-a,
 .ui-popup-left-bottom .ui-dialog-arrow-a {
     right: -16px;
     border-left: 8px solid #7C7C7C;
 }
 
 .ui-popup-left-top .ui-dialog-arrow-b,
 .ui-popup-left .ui-dialog-arrow-b,
 .ui-popup-left-bottom .ui-dialog-arrow-b {
     right: -15px;
     border-left: 8px solid #fff;
 }
 
 .ui-popup-left-top .ui-dialog-arrow-a,
 .ui-popup-left-top .ui-dialog-arrow-b {
     top: 15px;
 }
 
 .ui-popup-left .ui-dialog-arrow-a,
 .ui-popup-left .ui-dialog-arrow-b {
     margin-top: -8px;
     top: 50%;
 }
 
 .ui-popup-left-bottom .ui-dialog-arrow-a,
 .ui-popup-left-bottom .ui-dialog-arrow-b {
     bottom: 15px;
 }
 
 .ui-popup-right-top .ui-dialog-arrow-a,
 .ui-popup-right .ui-dialog-arrow-a,
 .ui-popup-right-bottom .ui-dialog-arrow-a {
     left: -16px;
     border-right: 8px solid #7C7C7C;
 }
 
 .ui-popup-right-top .ui-dialog-arrow-b,
 .ui-popup-right .ui-dialog-arrow-b,
 .ui-popup-right-bottom .ui-dialog-arrow-b {
     left: -15px;
     border-right: 8px solid #fff;
 }
 
 .ui-popup-right-top .ui-dialog-arrow-a,
 .ui-popup-right-top .ui-dialog-arrow-b {
     top: 15px;
 }
 
 .ui-popup-right .ui-dialog-arrow-a,
 .ui-popup-right .ui-dialog-arrow-b {
     margin-top: -8px;
     top: 50%;
 }
 
 .ui-popup-right-bottom .ui-dialog-arrow-a,
 .ui-popup-right-bottom .ui-dialog-arrow-b {
     bottom: 15px;
 }
 
 @-webkit-keyframes ui-dialog-loading {
     0% {
         -webkit-transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(360deg);
     }
 }
 
 @keyframes ui-dialog-loading {
     0% {
         transform: rotate(0deg);
     }
     100% {
         transform: rotate(360deg);
     }
 }
 
 .ui-dialog-loading {
     vertical-align: middle;
     position: relative;
     display: block;
     *zoom: 1;
     *display: inline;
     overflow: hidden;
     width: 32px;
     height: 32px;
     top: 50%;
     margin: -16px auto 0 auto;
     font-size: 0;
     text-indent: -999em;
     color: #666;
 }
 
 .ui-dialog-loading {
     width: 100%\9;
     text-indent: 0\9;
     line-height: 32px\9;
     text-align: center\9;
     font-size: 12px\9;
 }
 
 .ui-dialog-loading::after {
     position: absolute;
     content: '';
     width: 3px;
     height: 3px;
     margin: 14.5px 0 0 14.5px;
     border-radius: 100%;
     box-shadow: 0 -10px 0 1px #ccc, 10px 0px #ccc, 0 10px #ccc, -10px 0 #ccc, -7px -7px 0 0.5px #ccc, 7px -7px 0 1.5px #ccc, 7px 7px #ccc, -7px 7px #ccc;
     -webkit-transform: rotate(360deg);
     -webkit-animation: ui-dialog-loading 1.5s infinite linear;
     transform: rotate(360deg);
     animation: ui-dialog-loading 1.5s infinite linear;
     display: none\9;
 }
 /*2016-03-01*/
 
 .ui-dialog {
     border: 0;
     background: transparent;
     color: #000000;
 }
 
 .ui-dialog tr {
     display: block;
     border-width: 0;
     border-color: transparent;
     padding: 0;
     margin: 0;
 }
 
 .ui-dialog tr:last-of-type {
     padding-bottom: 34px;
 }
 
 .ui-dialog tr td {
     display: block;
     border-width: 0;
     border-color: transparent;
 }
 
 .ui-dialog-header {
     border: 0;
     border-color: transparent;
     background: #ffffff;
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
 }
 
 .ui-dialog-title {
     padding: 20px 20px 0;
     line-height: 60px;
     min-height: 60px;
     color: #000000;
     font-size: 32px;
     font-weight: normal;
     text-align: center;
 }
 
 .ui-dialog-body {
     background: #ffffff;
     border-bottom-left-radius: 10px;
     border-bottom-right-radius: 10px;
     padding: 36px 20px;
 }
 
 .ui-dialog-content {
     line-height: 50px;
     font-size: 28px;
     max-height: 253px;
     overflow-y: auto;
 }
 
 .ui-dialog-footer {
     padding: 0 0 0;
     text-align: center;
 }
 
 .ui-dialog-footer button {
     width: 39%;
     height: 64px;
     line-height: 64px;
     overflow: hidden;
     border: solid 2px #eeeeee;
     border-radius: 5px;
     color: #FFFFFF;
     font-size: 32px;
     font-weight: normal;
     padding: 0;
     background: transparent;
 }
 
 .ui-dialog-footer button,
 .ui-dialog-footer button+button {
     background: #e66363;
     color: white;
     margin: 0 5%;
 }
 /* .ui-dialog-footer button:hover,
 .ui-dialog-footer button.ui-dialog-autofocus,
 .ui-dialog-footer button.ui-dialog-autofocus:hover,
 .ui-dialog-footer button.ui-dialog-autofocus:focus,
 .ui-dialog-footer button.ui-dialog-autofocus:active {
     color: #FFFFFF !important;
     background: transparent;
     border-color: #FFFFFF;
 } */
 
 .ui-dialog-close:hover,
 .ui-dialog-close:focus {
     color: #FFFFFF;
 }