@charset "utf-8";
/*
 * artDialog skin
 * http://code.google.com/p/artdialog/
 * (c) 2009-2012 TangBin, http://www.planeArt.cn
 *
 * This is licensed under the GNU LGPL, version 2.1 or later.
 * For details, see: http://creativecommons.org/licenses/LGPL/2.1/
 */
 
/* common start */
.d-outer { text-align:left; }
.d-header{display:none;}
.d-border, .d-dialog { border:0 none; margin:0; border-collapse:collapse;min-width:3em;margin:0 auto;}
.d-nw, .d-n, .d-ne, .d-w, .d-c, .d-e, .d-sw, .d-s, .d-se, .d-header, .d-main, .d-footer { padding:0; }
.d-header, .d-button { font: 12px/1.11 'Microsoft Yahei', Tahoma, Arial, Helvetica, STHeiti; _font-family:Tahoma,Arial,Helvetica,STHeiti; -o-font-family: Tahoma, Arial; }
.d-title { overflow:hidden; text-overflow: ellipsis; cursor:default; }
.d-state-noTitle .d-title { display:none; }
.d-close { display:block; position:absolute; text-decoration:none; outline:none; _cursor:pointer; }
.d-close:hover { text-decoration:none; }
.d-main { text-align:center; vertical-align:middle; background:#FFF;border-radius:0.4em;}
.d-content { display:inline-block; display:block\0/*IE8 BUG*/; display:inline-block\9\0; *zoom:1; *display:inline; text-align:left; border:0 none;  }
.d-content.d-state-full { display:block; width:100%; margin:0; padding:0!important; height:100%; }
.d-loading { width:96px; height:32px; text-align:left; text-indent:-999em; overflow:hidden; background:url(loading.gif) no-repeat center center; }
.d-buttons { padding:8px; text-align:right; white-space:nowrap; }
.d-button { margin-left:15px; padding: 0 8px; cursor: pointer; display: inline-block; min-height:2.2em; text-align: center; *padding:4px 10px; *height:2em; letter-spacing:2px; font-family: Tahoma, Arial/9!important; width:auto; overflow:visible; *width:1; color: #333; border: 1px solid #999; border-radius: 5px; background: #DDD; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD'); background: linear-gradient(top, #FFF, #DDD); background: -moz-linear-gradient(top, #FFF, #DDD); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#DDD)); text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); box-shadow: 0 1px 0 rgba(255, 255, 255, .7),  0 -1px 0 rgba(0, 0, 0, .09); -moz-transition:-moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: box-shadow linear .2s; }
.d-button::-moz-focus-inner, .d-button::-moz-focus-outer { border:0 none; padding:0; margin:0; }
.d-button:focus { outline:none 0; border-color:#426DC9; box-shadow:0 0 8px rgba(66, 109, 201, .9); }
.d-button:hover { color:#000; border-color:#666; }
.d-button:active { border-color:#666; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF'); background: linear-gradient(top, #DDD, #FFF); background: -moz-linear-gradient(top, #DDD, #FFF); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#FFF)); box-shadow:inset 0 1px 5px rgba(66, 109, 201, .9), inset 0 1px 1em rgba(0, 0, 0, .3); }
.d-button[disabled] { cursor:default; color:#666; background:#DDD; border: 1px solid #999; filter:alpha(opacity=50); opacity:.5; box-shadow:none; }
.d-state-highlight { color: #FFF; border: 1px solid #1c6a9e; background: #2288cc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); text-shadow: -1px -1px 1px #1c6a9e; }
.d-state-highlight:hover { color:#FFF; border-color:#0F3A56; }
.d-state-highlight:active { border-color:#1c6a9e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); }
.d-mask { background:#000; filter:alpha(opacity=50); opacity:.5; }
/* common end */

.d-inner { background:#FFF; /* margin: 0 8%;width:84%; */ }
.d-outer, .d-inner {border-radius:0.4em;}
.d-nw, .d-ne, .d-sw, .d-se { width:8px; height:8px; }
.d-nw, .d-n, .d-ne, .d-w, .d-e, .d-sw, .d-s, .d-se { background:rgba(0, 0, 0, .4); background:#000\9!important; filter:alpha(opacity=40); }
.d-state-lock .d-nw, .d-state-lock .d-n, .d-state-lock .d-ne, .d-state-lock .d-w, .d-state-lock .d-e, .d-state-lock .d-sw, .d-state-lock .d-s, .d-state-lock .d-se { background:rgba(0, 0, 0, .5); background:#000\9!important; filter:alpha(opacity=50); }
.d-titleBar { position:relative; height:100%; }
/* .d-title { height:28px; line-height:27px; padding:0 28px 0 10px; text-shadow:0 1px 0 rgba(255, 255, 255, .7); background-color:#edf5f8; font-weight:bold; color:#95a7ae; font-family: Tahoma, Arial/9!important; background-color:#bdc6cd; background: linear-gradient(top, #edf5f8, #bdc6cd); background: -moz-linear-gradient(top, #edf5f8, #bdc6cd); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#edf5f8), to(#bdc6cd)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf5f8', endColorstr='#bdc6cd'); border-top:1px solid #edf5f8; border-bottom:1px solid #b6bec5; } */
.d-title{height:0;line-height:0;display:none;}
.d-state-focus .d-title { color:#4c5a5f; }
.d-state-drag .d-title { background: linear-gradient(top, #bdc6cd, #edf5f8); background: -moz-linear-gradient(top, #bdc6cd, #edf5f8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bdc6cd), to(#edf5f8)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdc6cd', endColorstr='#edf5f8'); box-shadow:none; }
.d-state-drag .d-titleBar { box-shadow:none; }
.d-close { padding:0; top:4px; right:4px; width:21px; height:21px; line-height:21px; font-size:18px; color:#68767b; text-align:center; font-family: Helvetica, STHeiti; _font-family: Tahoma, '\u9ed1\u4f53', 'Book Antiqua', Palatino; text-shadow:0 1px 0 rgba(255, 255, 255, .9); }
.d-close:hover { background:#85140E; color:#FFF; text-shadow:0 1px 0 rgba(0, 0, 0, .5); }
.d-close:active { background:#450B07; color:#FFF; }
.d-content { color:#000; }
.d-state-focus .d-content { color:#000;width:100%; }.d-buttons { background-color:#F6F6F6; border-top: 1px solid #DADEE5; }
.d-state-noTitle .d-nw, .d-state-noTitle .d-ne, .d-state-noTitle .d-sw, .d-state-noTitle .d-se { width:3px; height:3px; }
.d-state-noTitle .d-inner { border:1px solid #666; }
.d-state-noTitle { border:0 none; box-shadow:none; }
.d-state-noTitle .d-nw, .d-state-noTitle .d-n, .d-state-noTitle .d-ne, .d-state-noTitle .d-w, .d-state-noTitle .d-e, .d-state-noTitle .d-sw, .d-state-noTitle .d-s, .d-state-noTitle .d-se { background:rgba(0, 0, 0, .05); background:#000\9!important; filter:alpha(opacity=5)!important; }
.d-state-noTitle .d-titleBar { bottom:0; _bottom:0; _margin-top:0; }
.d-state-noTitle .d-close { top:0; right:0; width:18px; height:18px; line-height:18px; text-align:center; text-indent:0; font-size:18px; text-decoration:none; color:#214FA3; background:none; filter:!important; }
.d-state-noTitle .d-close:hover, .d-state-noTitle .d-close:active { text-decoration:none; color:#900; }
.d-state-noTitle .d-dialog { box-shadow: none; }

@media screen and (min-width:0) {/* css3 */
	.d-nw, .d-n, .d-ne, .d-w, .d-e, .d-sw, .d-s, .d-se { display:none; }
	.d-inner { border:0 none; }
	.d-outer { border-color:#666; }
/* 	.d-state-focus .d-dialog {width:100%;} */
	.d-state-drag, .d-state-focus:active  { box-shadow:none; }
	.d-close { border-radius:0.4em; }
	.d-close:hover { box-shadow: 0 1px 0 rgba(255, 255, 255, .4); }
	.d-outer { -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-box-shadow .2s ease-in-out, -webkit-transform .2s ease-in-out; transition: box-shadow .2s ease-in-out, transform .2s ease-in-out; }
	.d-state-visible { -webkit-transform: scale(1); transform: scale(1); }
}

/*hc*/
.qrcode-dialog{padding: 1.5em 2.5em;box-shadow:1px 1px 50px #333;border-radius:0.4em;}
.qrcode-dialog .d-tip-title{font-size:1.125em;}
.tip-dialog .d-tip{
    line-height: 1.5em;
    color: #898989;
    padding: 1em 0;
}
.qrcode-dialog .qrcode-tip{
    line-height: 1.5em;
    color: #898989;
    padding: 0.4em 0;
    font-size:1em;
}
.qrcode-dialog .iconfont{position:absolute;top:1em;right:1em;}
.d-qrcode-box img{width:100%;}
.tip-dialog{padding: 1.5em;box-shadow:1px 1px 50px #333;position:relative;border-radius:0.4em;}
.tip-dialog .d-tip-title{font-size:1.25em;}
.tip-dialog .d-tip{
    line-height: 1.5em;
    color: #898989;
    padding: 1em 0 1.5em;
    font-size:1.25em;
}
.tip-dialog .d-tip2{
    line-height: 1.5em;
    padding-bottom:1.5em;
    font-size:1.125em;
    text-align:center;
}
.tip-dialog-suc{padding:1em;background:#000;
    color:#FFF; text-align:center;border-radius:0.3em;}
.tip-dialog-suc .iconfont{font-size:1.25em;}
.d-tip-footer{float:right;width:100%;text-align:right;}
.d-tip-footer1{width:100%;float:left;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;margin-top:5px;}
.wd-percent49{width:49.3%;float:left;border-right:1px solid #ccc;text-align:center;line-height: 2.5em;}
.wd-percent49 a{width:100%;}
.mb32{margin-bottom:2em;}
.tip-dialog-loading{padding:1em;color:#FFF; text-align:center;border-radius:0.3em;}

.imgParent{width:32%;height:80px;position:relative;float:left;margin-left:1px;border:1px solid #ccc;margin-top:2px;margin-bottom:2px;}
.ppp {
    position: relative;
    width: 100%;
    height: 100%;
}
.delPicAC {
    width: 25px;
    height: 25px;
    position: absolute;
    border-radius: 3px;
    top: 5px;
    right: 5px;
    background-color: #6F6D6D;
    opacity: 0.7;
    z-index: 100;
}
.iconfontdel {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    line-height: 25px;
    height: 25px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.loadingWrap {
    display: block;
    position: absolute;
    background: rgb(51, 51, 51);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 0.6;
    z-index: 9998;
}
.loadingTip {
    background: #000;
    z-index: 9999;
    color: #FFF;
    position: absolute;
    width: 30%;
    height: 50px;
    left: 35%;
    
    top: 39%;
    border-radius: 5px;
}
.tipInAnimate {
    -webkit-animation: tipIn .5s .2s ease both;
    -moz-animation: tipIn .5s .2s ease both;
}
.loadingText {
	position: absolute;
    color: #fff;
	z-index: 10000;
	line-height:50px;
	left: 25%;
}