/*基础代码*/
body,div,span,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,button,textarea,p,blockquote,th,td,iframe{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
ul,ol,li,dd{list-style-type:none;list-style:none;}
a img,img {border:0;border:none;}
:focus{outline:0;}
.clearfix:after{display:block;clear:both;height:0;line-height:0;visibility:hidden;content:"";}
.clearfix{*zoom:1;}
.spacebox{width:100%;border-top:1px transparent;height:0;overflow:hidden;background-color:transparent;clear:both;}

input, select { outline: none; }

body{ font-family:"Microsoft YaHei"; font-size:12px; background:#fff; color:#777; word-break:break-all;word-wrap: break-word;-webkit-text-size-adjust: none; min-width:1200px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:100%;}
table { border-collapse: collapse; border-spacing: 0; margin: 0px auto; }
input,button { vertical-align:middle; font-family:"Microsoft YaHei";  margin: 0; padding:0px; font-size:100%; }
textarea { resize:none; font-size:12px; margin:0px; padding:0px; }
img { border: 0px; margin: 0px; padding: 0px; vertical-align:top; }
div{ margin:0 auto;}
em,i,sub,sup{ font-style:normal; font-weight:normal;}

a { color: #666; }
a, a:link, a:visited, a:hover, a:active { text-decoration: none; }
a:hover, a:active { cursor: pointer; color: Red; }
img { vertical-align: middle; }

.fl { float: left; }
.fr { float: right; }

.bg-body{width:100%;background:#fafafa;}
.w-1200{ width: 1200px; margin: 0 auto;}
.mainBox{ width:1200px; margin: 0 auto;}
.w_100{width:100%;}
/*头部*/

/*===========页头============*/
.headBody{ background:#fff; width: 100%;}
.headBody .header{ height:37px; line-height:37px;background:#FCFCFC; color:#777; border-bottom:solid 1px #F0F0F0;}
.headBody .header a{ color:#777;}
.headBody .header a:hover{ color:#cb0f19;}
.headBody .head_l{ float:left; width:600px; display:inline;}
.headBody .head_l b{ float:left; font-weight:normal;}
.headBody .head_l span{ float:left; color:#666; display:inline-block; margin-right:45px;}
.headBody .head_l strong{ float:left; font-size:16px; margin-right:20px;}
.headBody .head_r{ float:right;width:230px; display:inline;}
.headBody .head_r a{ float:right; display:inline; margin-left:20px;}
.headBody .head_r em{ float:right;display:inline; width:1px; height:10px; overflow:hidden; background:#D2D2D2; margin:13px 0px 0px 20px;}
.headBody .head_r span{ float:left; padding-left:20px;}
.headBody .head_r .icon-friend i{ float:left; width:25px; height:11px; background:url(../images/icon-new.png) no-repeat; vertical-align:top; margin:13px 5px 0px 0px; cursor:pointer;}
.headBody .head_r .phone_jinxin i{ float:left; width:12px; height:19px; overflow:hidden; background:url(../images/head_icon2.png) no-repeat -130px -30px; margin:8px 5px 0px 0px;-webkit-transition: all .2s ease;transition: all .2s ease;}
.headBody .head_r .phone_jinxin:hover i{ background:url(../images/head_icon2.png) no-repeat -130px -55px;}


.headBody .headCnt { width: 1200px; height:110px; }
.headBody .logo { float: left; width:200px; padding-top:6px; display: inline; }
.headBody .main-nav { float: left; width:780px; margin-top:38px; }
.headBody .main-nav li { float: left; position: relative; height:45px; line-height:45px; margin-right:18px; font-weight:bold;}
.headBody .main-nav li a { display: block; padding: 0px 14px; font-size: 18px; color: #333; }
.headBody .main-nav li:hover a, .headBody .main-nav li a.current { color: #fff; background: #ff4545; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.headBody .login-right { float: right; width: 200px; display: inline; margin-right: 10px; }
.headBody .no-login { height: 35px; margin-top:40px; }
.headBody .no-login a { float: right; width: 78px; height: 33px; line-height: 32px; text-align: center; font-size: 16px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.headBody .no-login .btn-login { border: solid 1px #999; background: #fff; color: #444; }
.headBody .no-login .btn-reg { border: solid 1px #ff4545; background: #fff; color: #ff4545; margin-left: 10px; }
.headBody .no-login .btn-login:hover, .headBody .no-login .btn-reg:hover { background-color: #ff4545; border-color: #ff4545; color: #fff; }
.headBody .logged { margin-top: 25px; position: relative; z-index:999; }
.headBody .userinfo-up, .userinfo-up { width: 198px; height: 33px; background: #fff; border: solid 1px #dcdcdc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.headBody .userinfo-up i, .userinfo-up i { float: right; width: 9px; height: 5px; overflow: hidden; background: url(../images/head_icon2.png) no-repeat -140px 0px; display: inline; margin: 15px 10px 0 0; }
.headBody .user-phone, .userinfo-up .user-phone { float: left; width: 100px; padding-left: 20px; line-height: 33px; color: #333; font-size: 14px; }
.headBody .user-phone:hover { color: #ff4545; }
.headBody .user-vip, .userinfo-up .user-vip { float: left; height: 17px; padding: 0px 3px; margin-top: 9px; background: #FFD642; color: #A88403; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.headBody .user-vip:hover { background-color: #FFE488; }
.headBody .logged-hover .userinfo-up { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
.headBody .logged-hover .userinfo-up i { -webkit-transform: rotate(180deg); -webkit-transition: -webkit-transform 0.5s ease-in-out; -moz-transform: rotate(180deg); -moz-transition: -moz-transform 0.5s ease-in-out; transform: rotate(180deg); transition: transform 0.5s ease-in-out; }
.headBody .userinfo-drop-down { position: absolute; left: 0px; top: 35px; width: 200px; height: 0px; overflow: hidden; }
.headBody .down-bk { width: 198px; border: solid 1px #dcdcdc; border-top: none; background: #fff; height:160px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }
.headBody .user-balance { line-height: 48px; padding-left: 20px; font-size: 14px; color: #333; white-space: nowrap; }
.headBody .quick-entry { margin-top: 6px; padding-left: 20px; }
.headBody .quick-entry li { float: left; width: 36px; }
.headBody .quick-entry a { display: block; }
.headBody .quick-entry i { display: block; width: 36px; height: 36px; }
.headBody .quick-entry span { display: block; width: 36px; height: 20px; text-align: center; font-size: 14px; color: #333; margin-top: 3px; position: relative; }
.headBody .quick-entry .icon-recharge i { background: url(../images/head_icon2.png) no-repeat 0px -30px; }
.headBody .quick-entry .icon-recharge:hover i { background-position: 0 -130px; }
.headBody .quick-entry .icon-invest { margin-left: 28px; }
.headBody .quick-entry .icon-invest i { background: url(../images/head_icon2.png) no-repeat -40px -30px; }
.headBody .quick-entry .icon-invest:hover i { background-position: -40px -130px; }
.headBody .quick-entry .icon-message { margin-left: 26px; }
.headBody .quick-entry .icon-message i { background: url(../images/head_icon2.png) no-repeat -80px -30px; }
.headBody .quick-entry .icon-message:hover i { background-position: -80px -130px; }
.headBody .quick-entry em { display: block; width: 5px; height: 5px; background: #ff4545; position: absolute; right: 0px; top: 0px; background: url(../images/head_icon2.png) no-repeat -120px -30px; }
.headBody .enter { padding: 22px 0 0 20px; font-size: 14px; color: #333; }
.headBody .enter a { color: #333; }
.headBody .exit { height: 34px; border-top: solid 1px #dcdcdc; text-align: center; margin-top:8px; }
.headBody .exit a { display: block; line-height: 34px; color: #333; }
.headBody .enter a:hover, .headBody .exit a:hover { color: #ff4545; }




/*2014-12-15添加*/
.headBody .coffers{ float:left; position:relative; margin-left:20px; z-index:98;}
.headBody .user_name{ float:left; padding:0px 15px; position:relative; z-index:99;}
.headBody .user_name a{ float:left; margin-left:0px;}
.headBody .user_name i{ float:left; width:8px; height:5px; overflow:hidden; margin:16px 0px 0px 10px; background:url(../images/head_icon.png) no-repeat -190px 0px;}
.headBody .coffers_layer{ position:absolute; left:0px; top:36px;width:270px;border:solid 1px #dddddd; border-right-width:2px;border-bottom-width:2px; background:#fff; display:none;}
.headBody .head_balance{ margin:0px 12px;}
.headBody .head_balance img{ display:inline-block; vertical-align:middle; margin:17px 5px 0px;}
.headBody .head_r .logged .head_balance span{ padding-left:0px;}
.headBody .head_r .logged .head_balance img{ float:left;}
.headBody .head_r .logged .head_balance .money{ padding-left:0px; color:#ff8003; padding-right:3px;}
.headBody .head_r .logged .link_touzi,.headBody .head_r .logged .link_chongzhi{  float:right; width:35px; height:18px; text-align:center; line-height:18px; background:#17a2d5; color:#fff; margin-left:8px; margin-top:10px;}
.headBody .head_r .logged .link_touzi:hover{ background:#25B3E7;}
.headBody .head_r .logged .link_chongzhi{ background:#df5259;}
.headBody .head_r .logged .link_chongzhi:hover{ background:#e86c73;}
.headBody .head_operation{ margin:0 12px; border-top:solid 1px #eeeeee;}
.headBody .head_r .logged .head_operation a{ float:right; margin-left:0px;}
.headBody .head_r .logged .head_operation .enter{ float:left; color:#df5259;}
.headBody .head_r .logged .head_operation .enter:hover{ color:#c7000a;}
.headBody .head_message{ float:left; height:37px; line-height:37px;}
.headBody .head_message i{ float:left; width:16px; height:12px; overflow:hidden; background:url(../images/head_icon.png) no-repeat -170px -10px; margin-top:13px;}
.headBody .head_message .mess{ float:left; padding:0px 3px 0px 7px;}
.headBody .head_message .num{ float:left; color:#df5259; padding-left:0px;}
.headBody .no_message i{ background-position: -190px -10px;}
.headBody .no_message .num{ color:#999;}
.headBody .coffers_hover .user_name{ padding:0px 14px; border-left:solid 1px #dddddd; border-right:solid 1px #dddddd; background:#fff;} 
.headBody .coffers:hover .user_name i{ -webkit-transform: rotate(180deg); -webkit-transition:-webkit-transform 0.5s ease-in-out;}
/*2014-12-04修改*/
.headBody .header .icon_new{ float:left; width:75px; height:20px; line-height:20px; text-align:center; color:#fff; font-size:12px; background:url(../images/icon_new.png) no-repeat; margin-top:9px;}
.headBody .header .icon_new:hover{ background-position:0px -20px; color:#fff;}
/*2015-1-14添加*/
.headBody .header .icon_activity{ float:left; height:20px; line-height:20px; margin-top:9px; color:#ff0300;}
.headBody .header .icon_activity:hover{ color:#ff5351;}
.headBody .header .icon_activity i{ float:left; width:19px; height:17px; margin:2px 5px 0px 0px; background:url(../images/icon_activity.png) no-repeat;}
/*2015-1-15添加主导航下拉二级导航*/
.headBody .headCnt .media_nav{ padding:0px 29px 0px 19px; border:solid 1px #fff; height:40px; line-height:40px; cursor:pointer;z-index: 90; }
.headBody .headCnt li em{ display:block; width:11px; height:6px; overflow:hidden; background:url(../images/nav_arr.png) no-repeat; position:absolute; right:10px; top:19px; cursor:pointer;}
.headBody .headCnt .nav_drop_down{ position:absolute; left:-1px; top:40px; background:#fff; border:solid 1px #e3e3e3; border-top:none; display:none;}
.headBody .headCnt .nav_drop_down a{ display:block; font-size:14px; height:40px; line-height:40px; border-top:solid 1px #e3e3e3; padding-left:20px; width:92px; white-space:nowrap; cursor:pointer;}
.headBody .headCnt .nav_drop_down a:hover{ background:#c7000a; color:#fff;}
.headBody .headCnt .media_nav_on{ border-color:#e3e3e3;}
.headBody .headCnt .media_nav_on .nav_drop_down{ display:block;}



.ibyu{ width:1200px; margin:0px auto; padding:20px 0;}
.ibyu li{ float:left; padding-right:30px; margin-right:30px; border-right:1px solid #ddd}
.ibyu li .li-img{ float:left; width:53px; height:45px; margin-right:10px;}
.ibyu li .li-img span{display:block; width:45px; height:45px; float:left; background:url(../images/17mail-9.png) no-repeat; background-position:0 -628px;}
.ibyu li .li-img span.span-t{ background-position:0 -673px}
.ibyu li .li-img span.span-s{ background-position:0 -718px}
.ibyu li .li-img span.span-f{ background-position:0 -763px}
.ibyu li p{ float:left; line-height:45px; font-size:16px; color:#666}
.ibyu li.last{ margin:0; border:0; padding:0;}



/*面包签导航*/
.Navigation{ width:1200px; margin:0 auto; color:#666; text-align:left; font-size:14px;height:40px; line-height:40px;}
.Navigation a:link,.Navigation a:visited{color:#666;text-decoration:none;}
.Navigation a:hover{ text-decoration:underline;}
.Navigation span{margin:0 2px 0 0;}
.Navigation .now{font-weight:700;}

.i-header-search-wrap{width: 700px; margin:10px auto; height:100px; }
.site-search-wrap{width: 685px;height:50px;display: block;position: relative;background: url(../images/search-bg.png);border-radius: 3px;padding:2px;}

.site-search-wrap #keyword{display:inline-block;float: left;color: #9b9ba3;line-height:50px;height:50px;font-size: 16px;width: 602px;text-indent: 20px;border: 0;padding: 0;border-top-left-radius: 2px;border-bottom-left-radius: 2px;outline: none;}
.site-search-wrap #submit{display:inline-block;float: left;cursor: pointer;height:50px;width: 83px;background: url(../images/search-btn.png) no-repeat center center #f4543c;overflow: hidden;border: none;border-top-right-radius: 2px;border-bottom-right-radius: 2px;outline: none;}
.site-search-wrap #submit:hover{background: url(../images/search-btn.png) no-repeat center center #FF7460;}
.hb-keyword{position: relative;overflow: hidden;margin-left: 10px;margin-top: 12px;}
.hb-keyword span{display: block;float: left;color: #333;}
.hb-keyword a{display: block;float: left;color: #666;margin-left: 15px;}
.hb-keyword a:hover{color:#f4543c;text-decoration: underline;}


/*右侧边栏*/
.float-w {width:70px;padding: 2px;background: #FFFFFF;position: fixed;right:10px;top:50%;border-radius: 2px;box-shadow: #CCCCCC 0 0 10px;z-index: 999;}
.float-w .iteam-w {border-bottom: 1px solid #EEEEEE;width: 100%;display: block;text-align: center;padding-bottom:4px;position: relative;}
.float-w .iteam-w em {display: inline-block;width: 36px;height: 36px;overflow: hidden;background: url("../images/floatbgh.png") no-repeat;margin-top: 14px;}
.float-w .ico01 em {background-position: 0 0;}
.float-w .ico01:hover em {background-position:-36px 0;}
.float-w .ico02 em {background-position: 0 -36px;}
.float-w .ico02:hover em {background-position: -36px -36px;}
.float-w .ico03 em {background-position:0 -72px;}
.float-w .ico03:hover em {background-position:-36px -72px ;}
.float-w .ico04 em {background-position:0 -144px;}
.float-w .ico04:hover em {background-position:-36px -144px ;}
.float-w .iteam-w h3 {width: 100%;height: 28px;line-height: 28px;text-align: center;color: #5c5c5c;font-weight: normal;font-size: 12px;}
.float-w .iteam-top {width: 100%;display: block;text-align: center;padding-bottom:6px;padding-top: 8px;}
.float-w .iteam-top em {display: inline-block;width: 36px;height: 36px;overflow: hidden;background: url("../images/floatbgh.png") no-repeat 0 -108px;}
.float-w a.ico03 i{display:none;width: 160px; height: 150px; background: url("../images/skmt.png") no-repeat center;box-shadow:0 0 6px #ccc; position: absolute;top:30px; right: 68px; margin-top: -75px; padding: 10px 0 0 10px;box-shadow:none;}
.float-w a.ico03 i img{display: block; width:140px; height:140px;}
.float-w a.ico03:hover i{display: block;}


.rollbar{position:fixed;top:60%;right:0;z-index:999;width:40px;border:1px solid rgba(0,0,0,.05);}
.rollbar .item{display:block;position:relative;width:38px;height:38px;margin-top:1px;font-size:0;line-height:0;outline:0;background:#FFF}
.rollbar .fa{width:100%;height:38px;;line-height:38px;text-align:center;outline:0;vertical-align:middle;display:inline-block;font-size:22px;color:#BEBEBE;background: #fff;}
.rollbar .item.item-code, .rollbar .item.item-wechat{margin-top:0; text-align:center;}
.rollbar .item.item-top{display: none}
.rollbar .item.item-wechat .fa{font-size: 16px;}
.rollbar .item:hover{text-decoration:none;background:#e50012}
.rollbar .item:hover .fa{background:#e50012;color:#FFF}
.rollbar .item.item-code:hover .rollbar-qrcode{visibility:visible;left:-172px}
.rollbar .item.item-wechat:hover .rollbar-wechat{visibility:visible;left:-172px}
.rollbar .rollbar-qrcode, .rollbar .rollbar-wechat{visibility:hidden;width:160px;height:180px;position:absolute;left:-200px;top:-65px;background:#FFF;border:1px solid #E9E9E9;box-shadow:0 0 10px rgba(0,0,0,.1);transition:all .15s ease-in}
.rollbar .rollbar-qrcode:after,.rollbar .rollbar-qrcode:before,.rollbar .rollbar-wechat:after,.rollbar .rollbar-wechat:before{position:absolute;top:50%;margin-top:-7px;content:"";display:block;width:0;border:7px solid transparent}
.rollbar .rollbar-qrcode:before, .rollbar .rollbar-wechat:before{right:-14px;border-left:7px solid #E9E9E9}
.rollbar .rollbar-qrcode:after, .rollbar .rollbar-wechat:after{right:-13px;border-left:7px solid #FFF}
.rollbar .rollbar-qrcode img, .rollbar .rollbar-wechat img{width:90%;height: auto; margin:10px auto 5px auto;}
.rollbar .rollbar-qrcode .tips, .rollbar .rollbar-wechat .tips{margin-top:0;font-size:12px;line-height:17px;color:#666; text-align:center;}

/*footer*/
.x-footer{ background-color: #202020; width:100%;}
.x-footer-hd { width:1200px; margin:0px auto; padding:30px 0; clear:both; }
.x-footer .tit span { display: block; float: left; margin-right: 12px; width: 27px; height: 25px; background: url(../images/foot.png) no-repeat; background-position: 0 -75px; }
.x-footer .tit span.span-t { width: 21px; height: 27px; background-position: 0 0; margin: 0 14px 0 5px; }
.x-footer .tit span.span-s { width: 25px; height: 25px; background-position: 0 -50px; margin-left: 2px; }
.x-footer .tit b { line-height: 25px; font-size: 14px; font-weight: normal; }
.x-footer-link {float:left; }
.x-footer-link dl { float: left; width:120px; margin-right:20px; text-align: left; font-size: 12px; }
.x-footer-link dl dt { font-weight:700; color:#777; font-size:14px;height:30px; line-height:30px; font-weight:normal; margin-bottom:15px;}
.x-footer-link dl dd { height:30px; line-height:30px;}
.x-footer-link dd a { display: block; float: left; color: #ccc; font-size: 14px; line-height: 14px; }
.x-footer-link dd a:hover { color: #dd0000; }
.x-footer-cus{float:right;}
.x-footer-cus dl { margin: 12px 0 0 40px }
.x-footer-cus dt { float: left; color: #ccc; padding-right: 25px; margin-right: 25px; border-right: 1px solid rgba(255,255,255,.1); }
.x-footer-cus dt b { font-size: 30px; line-height: 30px; }
.x-footer-cus dt p { font-size: 13px; }
.x-footer-cus dd { float: left; }
.x-footer-cus dd a { -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; display: block; padding: 6px 23px 4px 23px; background: border-box; background-color: rgba(255,255,255,.1); cursor:pointer; }
.x-footer-cus dd a span { color: #ccc; font-size: 16px; line-height: 23px; display: inline-block; padding-left: 32px; background: url(../images/foot.png) no-repeat; background-position: 0 -27px; }
.x-footer-cus dd a:hover { background-color: rgba(255,255,255,.2); }
.x-footer-bd { padding: 20px 0; background-color: #1b1b1b; }
.x-footer-bd p { text-align: center; }