@charset "utf-8";
/*
 * artDialog skin
 * http://code.google.com/p/artdialog/
 * (c) 2009-2010 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 */
body { _margin:0; _height:100%; /*IE6 BUG*/ }
.aui_outer { text-align:left; }
.aui_border, .aui_inner { border:0; margin:0; border-collapse:collapse; width:auto; }
.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_center, .aui_e, .aui_sw, .aui_s, .aui_se, .aui_header, .aui_tdIcon, .aui_main, .aui_footer { padding:0; }
.aui_header, .aui_buttons button { font: 12px/1.11 'Microsoft Yahei', Tahoma, Arial, Helvetica, STHeiti; _font-family:Tahoma,Arial,Helvetica,STHeiti; -o-font-family: Tahoma, Arial; }
.aui_title { overflow:hidden; text-overflow: ellipsis; }
.aui_state_noTitle .aui_title { display:none; }
.aui_close { display:block; position:absolute; text-decoration:none; outline:none; _cursor:pointer; }
.aui_close:hover { text-decoration:none; }
.aui_main { text-align:center; min-width:9em; min-width:0\9/*IE8 BUG*/; }
.aui_content { display:inline-block; *zoom:1; *display:inline; text-align:left; border:none 0; }
.aui_content.aui_state_full { display:block; width:100%; margin:0; padding:0!important; height:100%; }
.aui_loading { width:96px; height:32px; text-align:left; text-indent:-999em; overflow:hidden; background:url(icons/loading.gif) no-repeat center center; }
.aui_icon { vertical-align: middle; }
.aui_icon div { width:48px; height:48px; margin:10px 0 10px 10px; background-position: center center; background-repeat:no-repeat; }
.aui_buttons { padding:8px; text-align:right; white-space:nowrap; }
.aui_buttons button { margin-left:15px; padding: 6px 12px; cursor: pointer; display: inline-block; text-align: center; line-height: 1; *padding:4px 10px; *height:2em; letter-spacing:2px; font-family: Tahoma, Arial/9!important; width:auto; overflow:visible; *width:1; color: #333; border: solid 1px #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); }
.aui_buttons button:focus { outline:none 0; border-color:#426DC9; box-shadow:0 0 8px rgba(66, 109, 201, .9); }
.aui_buttons button:hover { color:#000; border-color:#666; }
.aui_buttons 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); }
.aui_buttons button[disabled] { cursor:default; color:#666; background:#DDD; border: solid 1px #999; filter:alpha(opacity=50); opacity:.5; box-shadow:none; }
button.aui_state_highlight { color: #FFF; border: solid 1px #3399dd; 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; }
button.aui_state_highlight:hover { color:#FFF; border-color:#1c6a9e; }
button.aui_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)); }
/* common end */

.aui_inner { background:#FFF; }
.aui_outer, .aui_center { border:1px solid rgba(0, 0, 0, .3)!important; border:1px solid #333\9!important; }
.aui_outer { border-radius:3px; }
.aui_border { border-radius:2px; box-shadow: inset 0 0 1px rgba(255, 255, 255, .9); }
.aui_nw, .aui_ne, .aui_sw, .aui_se { width:8px; height:8px; }
.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_e, .aui_sw, .aui_s, .aui_se { background:rgba(0, 0, 0, .2); background:#000\9!important; filter:alpha(opacity=20); }
.aui_state_focus .aui_inner { box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); }
.aui_state_focus .aui_outer { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); }
.aui_state_drag .aui_outer { box-shadow:none; border:1px solid rgba(0, 0, 0, .4)!important; border:1px solid #333\9!important; }
.aui_titleBar { position:relative; height:100%; }
.aui_title { height:28px; line-height:27px; padding:0 28px 0 10px; text-shadow:0 1px 0 rgba(18, 91, 167, .7); background-color:#edf5f8; font-weight:bold; color:#95a7ae; font-family: Tahoma, Arial/9!important; background-color:#bdc6cd; background: linear-gradient(top, #2673c4, #75a6da); background: -moz-linear-gradient(top, #2673c4, #75a6da); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2673c4), to(#75a6da)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2673c4', endColorstr='#75a6da'); border-top:1px solid #1e6bbc; border-bottom:1px solid #699bd1; }
.aui_state_focus .aui_title { color:#fff; font-size:14px}
.aui_state_drag .aui_title { background: linear-gradient(top, #3580cf, #85b2e3); background: -moz-linear-gradient(top, #3580cf, #85b2e3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3580cf), to(#85b2e3)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3580cf', endColorstr='#85b2e3'); box-shadow:none; }
.aui_state_drag .aui_titleBar { box-shadow:none; }
.aui_close { padding:0; top:3px; right:3px; width:21px; height:21px; line-height:21px; font-size:18px; color:#fff; text-align:center; font-family: Helvetica, STHeiti; _font-family: '\u9ed1\u4f53', 'Book Antiqua', Palatino; text-shadow:0 1px 0 rgba(18, 91, 167, .9); }
.aui_close:hover { color:#C72015; }
.aui_close:active { box-shadow: none; }
.aui_content { color:#666; }
.aui_state_focus .aui_content { color:#000; }





.clearfix:before,.clearfix:after{content: ""; display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}

.wd{width:980px; margin-left:auto; margin-right:auto;}

.payment_off,.payment_ok{position:fixed; top:50%; display:none; left:50%; z-index:999; width:600px; height:370px; margin:-185px 0 0 -300px; border-radius:5px;}
.payment_ok{width:440px; margin-left:-220px; height:260px; margin-top:-130px;}

.pay_title a::before,.pay_title a::after{content:''; position:absolute; top:50%; left:0; display:inline-block; height:1px; width:14px; background:#fff;}
.pay_title a::after{
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.pay_title a::before{
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pay_show .works_pay{background:#fff; border-radius:0 0 5px 5px; position:relative; padding:20px; color:#666;}
.payment_off .works_pay span{color:#808080; font-size:12px;}
.payment_off .works_pay .works_pay_title{font-size:18px; border-bottom:1px solid #d3d3d3; padding-bottom:5px; color:#333;}
.payment_off .works_pay .works_pay_title span{float:right; padding:5px 10px 0;}
.payment_off .works_pay .works_pay_list{height:130px; overflow:auto;}
.payment_off .works_pay .works_pay_list li{padding:7px 0; border-top:1px solid #ededed;}
.payment_off .works_pay .works_pay_list li.first{border:0;}
.payment_off .works_pay .works_pay_list li span{float:right; padding-right:30px;}
.payment_off .works_pay .works_pay_sum{border-top:1px solid #d3d3d3; text-align:right; padding-right:10px; color:#333;}



/*抽签弹出层*/
.fantasia_off,.payment_ok{position:fixed; top:50%; display:none; left:50%; z-index:999; width:600px; height:370px; margin:-185px 0 0 -300px; border-radius:5px;}

.fantasia_off .works_pay span{color:#808080; font-size:12px;}
.fantasia_off .works_pay .works_pay_title{font-size:18px; border-bottom:1px solid #d3d3d3; padding-bottom:5px; color:#333;}
.fantasia_off .works_pay .works_pay_title span{float:right; padding:5px 10px 0;}
.fantasia_off .works_pay .works_pay_list{height:130px; overflow:auto;}
.fantasia_off .works_pay .works_pay_list li{padding:7px 0; border-top:1px solid #ededed;}
.fantasia_off .works_pay .works_pay_list li.first{border:0;}
.fantasia_off .works_pay .works_pay_list li span{float:right; padding-right:30px;}
.fantasia_off .works_pay .works_pay_sum{border-top:1px solid #d3d3d3; text-align:right; padding-right:10px; color:#333;}
/*抽签弹出层*/

.pay_show{display:block;}
.pay_show::before{position:fixed; content:""; width:100%; height:100%; display:block; background:rgba(0,0,0,0.2); top:0; left:0;}
.pay_show .pay_title{position:relative; z-index:999; background:#00a3e7; color:#fff; padding:10px 20px; border-radius:5px 5px 0 0; font-size:22px;}
.pay_show .pay_title a{position:relative; padding:5px; float:right; margin-top:5px;}

.pay_show .works_pay_sub{width:100%; padding:20px 0 10px; text-align:center;}
.pay_show .works_pay_sub a{display:inline-block; width:120px; padding:5px 0; margin:0 15px; background:#00a3e7; color:#fff; cursor:pointer; border-radius:5px;}

.works_pay_info{text-align:center; padding-top:20px; color:#333;}
.works_pay_info h3{font-size:24px; padding-bottom:10px;}
.works_pay_info p span{color:#999;}

/* 我的关注图片样式 */
.wbDetailImg{overflow: hidden;}
.wbDetailImg img{max-width: 100%;}