@charset "utf-8";
/* CSS Document */
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/
body{font-size:14px;font-family:'微软雅黑',Helvetica,Arial,sans-serif;color:#000000;background:url(../images/mainbg.png);position:relative}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0;font-size:inherit;width:100%}img{border:0 none}li{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}a{text-decoration:none;outline:none;color:#000000}input,button,select,textarea{outline:none}textarea{resize:none}a:hover{text-decoration:underline;}
/*reset over*/

/* html5 reset */
header,footer,section,article,nav{ display:block; }
/* html5 reset over */

/* common */
.center{ margin:0 auto; }
.col_97{ color:#979797; }
.col_pin{ color:#ff9d9a }
.font_14{font-size: 14px;}
/* common over */

body{ background:url(images/bg.jpg); }
.main{  width:100%; }

.header{ width:960px; height:919px; background:url(images/qixi.jpg) no-repeat ; position:relative; }
.header a{ display:block; position:absolute; overflow:hidden; text-decoration:none; }
.header .xineurope{ width:64px; height:62px; left:88px; top:109px; }
.header .tiezi{ width:73px; height:70px; left:638px; top:344px; }

.qixi_info{ width:960px; padding:0; position:relative; margin-bottom:36px; }
#infobtn{ width:73px; height:50px; overflow:hidden; background:url(images/info.png) no-repeat; position:absolute; right:145px; top:-50px; cursor:pointer;z-index: 20; }
.qixi_info h3{ padding:13px 30px; height:48px; line-height:24px; color:#ffffff; background:#ffc5c4; font-size:18px; }
#infobox{  position:relative; border-left:4px solid #e6e6e6; border-right:4px solid #e6e6e6; *top:-3px; background: #ffffff; width: auto; height: auto; font-size:18px;line-height:24px;}
#infobox div{ padding:10px 26px; line-height:22px; }
#infobox em{ display:block; width:960px; height:26px; position:absolute; left:-4px; bottom:-26px; *bottom:-23px; cursor:pointer;background:url(images/btnfoot.png) no-repeat left bottom; }

.disbox{ width:960px; height:235px; overflow:hidden; background:url(images/disbox.png) no-repeat left top; position:relative; margin-bottom:10px; }
.disbox h3{ width:100px; height:40px; position:absolute; left:100px; top:92px; font-size:24px; line-height:40px; color:#f6a3a1; }
.subbtn{ width:78px; height:78px; overflow:hidden; background:url(images/subbtn.png) no-repeat; position:absolute; left:740px; top:85px; border:none; cursor:pointer; }
.disbox div{ width:516px; height:136px; overflow:hidden; position:absolute; left:212px; top:64px; }
.disbox div textarea{ border:none; background:#fff; width:493px; height:106px; position:absolute; left:16px; top:5px; overflow:auto; }
.disbox div.miyu{ background:url(images/inputbg.png) no-repeat; }
.disbox div.gaobai{ background:url(images/inputbg.png) no-repeat left -136px; }
.disbox div.dansheng{ background:url(images/inputbg.png) no-repeat left -272px; }
.disbox h4{ background:url(images/lab.png) no-repeat; width:190px; height:36px; overflow:hidden; position:absolute; left:243px; top:28px; }
.disbox h4 b{ display:inline-block; width:59px; height:36px; float:left; margin-right:3px; cursor:pointer; }
.disbox h5{ position:absolute; left:230px; top:180px; color: #979797; }
.disbox h5 a{color: #ff9d9a;}

.disshow{ width:960px; padding-bottom:20px; }
#maindis{ clear:both; overflow:hidden; padding-bottom:20px; }
#maindis .dislist{ float:left; margin-right:2px; }
#disbox_1,#disbox_2,#disbox_3{ width:318px; }
#disbox_1,#disbox_2{ float:left; }
#disbox_1{ margin-right:3px; }
#disbox_3{ float:right; }
.dislist{ width:318px; padding-top:43px; margin-bottom:30px; }
.dislist dl{ width:280px; padding:20px 12px; overflow:hidden; margin:0 auto; }
.dislist dl dt{ background:url(images/user.png) no-repeat; width:67px; height:65px; overflow:hidden; float:left; }
.dislist dl dt a{ display:block; width:59px; height:54px; overflow:hidden; padding:4px; }
.dislist dl dt a img{ width:59px; height:54px; }
.dislist dl dd{ width:195px; float:right; color:#828282; line-height:20px; padding:0 5px; }
.dislist dl dd p{ margin-bottom: 2px;}
.dislist dl dd a{ color:#feb89d; }
.dislist dl dd p span{font-size: 12px; color:#979797;}

.disshow .gaobai{ background:url(images/gaobai.png) no-repeat 28px top; }
.disshow .gaobai dl{ border:2px solid #feb89d; border-top:4px solid #feb89d; box-shadow:0px 2px 5px #feb89d; }
.disshow .miyu{ background:url(images/miyu.png) no-repeat 28px top; }
.disshow .miyu dl{ border:2px solid #e199dc; border-top:4px solid #e199dc; box-shadow:0px 2px 5px #e199dc; }
.disshow .dansheng{ background:url(images/dansheng.png) no-repeat 28px top; }
.disshow .dansheng dl{ border:2px solid #acbeff; border-top:4px solid #acbeff; box-shadow:0px 2px 5px #acbeff; }

.footer{ width:100%; background:url(images/footerbg.png) repeat-x center top #fff;; height:220px; }
.footer .center{ width:960px; padding:33px 0 0; text-align:center;}
.footer .center h2{ text-align:center; margin-bottom:15px; }
.footer .center h4{ padding:0 0 10px; line-height:18px; font-size:14px; }
.footer .center h4 a{ color:#7d7d7d; }
.footer .center h4 span{ margin:0 10px;color:#bbbbbb; }
.footer .center h4 p{ font-size:12px; color:#969595; }
.footer .center p{ color:#969595; line-height:23px; }
.footer .center p a{ color:#969595; margin:0 5px; }

#todis{ width:67px; height:60px; display:none; background:url(images/todis.png) no-repeat; position:fixed; left:20px; top:60%; }
#loading{ background:url(images/loading.gif) no-repeat center center; width:101px; height:39px; margin:0 auto; }

/* share */
.share{ height:54px; margin-bottom:12px; color:#f76532; }
.share b{ display:block; float:left; font-size: 14px; height:54px; padding:0 0 0 35px; background:url(images/sharebg.png) no-repeat left 13px; line-height:54px; margin-right:5px; }
.share #ckepop{ float:right; }
.share #ckepop a{ display:block; float:left; width:54px; height:54px; overflow:hidden; padding:0; overflow:hidden; cursor: pointer; }
.share #ckepop a.jiathis_button_tsina{ background:url(images/share.png) no-repeat left top !important; }
.share #ckepop a.jiathis_button_tsina:hover{ background:url(images/share.png) no-repeat left bottom !important; }
.share #ckepop a.jiathis_button_renren{ background:url(images/share.png) no-repeat -54px top !important; }
.share #ckepop a.jiathis_button_renren:hover{ background:url(images/share.png) no-repeat -54px bottom !important; }
.share #ckepop a.jiathis_button_tqq{ background:url(images/share.png) no-repeat -108px top !important; }
.share #ckepop a.jiathis_button_tqq:hover{ background:url(images/share.png) no-repeat -108px bottom !important; }
.share #ckepop a.jiathis_button_kaixin001{ background:url(images/share.png) no-repeat -162px top !important; }
.share #ckepop a.jiathis_button_kaixin001:hover{ background:url(images/share.png) no-repeat -162px bottom !important; }
.share #ckepop a.jiathis_button_weixin{ background:url(images/share.png) no-repeat -215px top !important; }
.share #ckepop a.jiathis_button_weixin:hover{ background:url(images/share.png) no-repeat -215px bottom !important; }
.share #ckepop a span{ display: none !important; }
/* share over */

.b-panel {
    left: 0;
    position: absolute;
    top: 0;
}
.dlg-hd {
    overflow: hidden;
}
.mboxDialog {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    box-shadow: none;
    color: #999;
    display: none;
    height: 100%;
    left: 0;
    overflow: visible;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
}
.mboxDialog .dlg-hd {
    background: #ffffff;
    height: 730px;
    left: 50%;
    margin-left: -290px;
    position: absolute;
    top: 420px;
    width: 580px;
    border: 4px solid #acbeff;
    box-shadow:0 2px 5px #acbeff;
    text-align: center;
    padding: 10px 0;
}
.dlg-hd .flbc {position: absolute; top: 10px;right: 10px;}
.dlg-hd .col_red{color: #8b0000;}
.dlg-hd h1{ font-size: 18px;}
.dlg-hd h1{ font-size: 16px;}