@charset "utf-8";

*:focus {outline:none !important;} 
*,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{ margin:0; padding:0;}
a{ text-decoration:none; color:#333; border:none; cursor:pointer;}

a.blue-2e9{ color:#2e96f7;}
a:hover,a.hover{ color:#2184e9;}
a:link,a:hover,a:visited,a:active{ border:none;}
img{ border:none; vertical-align:middle;}
ul,ol{ list-style:none;}
.clear{ clear:both;}
.left{ float:left; display:inline;}
.right{ float:right; display:inline;}
.pointer{ cursor:pointer;}
input,textarea{ font-family:"Microsoft YaHei"; vertical-align:middle;}
textarea{ font-size:12px;}
.radio{ vertical-align:middle; margin-right:5px;}
body{ line-height:150%; font-size:12px; background:#fff; font-family:"Microsoft YaHei","SimSun",Arial;}
.body{ height:100%; overflow:hidden;}
i{ vertical-align:middle;}
h1,h2,h3,h4,h5,h6{ font-weight:100; display:inline;}
#top{ position:absolute; left:0; top:0;}
div{  word-break:break-all;}
.height-auto{ height:auto !important;}
.anchor{ height:0; width:1; text-indent:-999em; display:block;}
.relative{ position:relative;}

.text-hidden{ overflow: hidden;text-overflow:ellipsis; white-space:nowrap;}

.mask{ background:url(../image/dark60.png); height:100%; width:100%; position:fixed; left:0; top:0; z-index:100; display:none;}


.f12{ font-size:12px !important;}
.f14{ font-size:14px !important;}
.f16{ font-size:16px !important;}
.f18{ font-size:17px !important;}
.f20{ font-size:20px !important;}
.f22{ font-size:22px !important;}
.f24{ font-size:24px !important;}
.f40{ font-size:40px !important;}
.red{ color:#c40000 !important;}
.orange{ color:#f46033 !important;}
.dark666{ color:#666 !important;}
.black333{ color:#333 !important;}
.black999{ color:#999 !important;}
.gray,.gray:hover{ color:#cccccc;}
.blue,.blue:hover{ color:#0c81b9;}
.blue01{ color:#408ed6;}
.green,.green:hover{ color:#15ab01;}


.border-none{ border:none !important;}
.border-bottom-none{ border-bottom:none !important;}
.border-right-none{ border-right:none !important;}
.margin-none{ margin:0 !important;}
.mb0{ margin-bottom:0 !important;}
.mb20{ margin-bottom:20px !important;}
.mr0{ margin-right:0 !important;}
.mt0{ margin-top:0 !important;}
.pt0{ padding-top:0 !important;}
.margin0{ margin:0 !important;}
.margin010{ margin:0 10px !important;}
.padding200{ padding:20px 0 !important;}
.padding0{ padding:0 !important;}


.tc{ text-align:center !important;}
.tl{ text-align:left !important;}
.tr{ text-align:right !important;}
.fixed{ position:fixed; left:0; top:0; z-index:999;}

.wrap{ width:1200px; margin:0 auto; background:#fff;}
.w1200{ width:1200px; margin:0 auto;}
.w100{ width:100%;}


.bg{ background:url(../image/background2.png) no-repeat;}
i{ display:inline-block; vertical-align:middle;}
.btn{ border:none; cursor:pointer; background:url(../image/btn9.png) no-repeat;}
.xing{ background-position:-59px -31px; width:13px; height:12px; margin-right:1px;}
.xing01{ background-position:-46px -31px; width:13px; height:12px; margin-right:1px;}
.xing02{ background-position:-14px -18px; width:13px; height:12px; margin-right:1px;}


.header{ background:#fff; z-index:100;}

.topNavBox{ background:#f9f9f9; border-bottom:1px solid #eaeaea;}
.topNav{ height:42px; line-height:42px; color:#333; width:1200px; margin:0 auto;}
.topNav .left{ padding-left:20px;}
.topNav .left .left{ padding:0px;}
.topNav .left i{ width:14px; height:10px; background-position:-37px 0px; margin:0 5px;}
.topNav .left .red{ margin:0 5px;}
.topNav .left .out{ color:#757575;}
.topNav .left .infoBox{ display:inline-block; position:relative; cursor:pointer;}
.topNav .left .infoBox .infoShow{ width:329px; border:1px solid #e5e5e5; position:absolute; left:-113px; top:41px; z-index:1001; background:#fff; display:none; cursor:auto; color:#585858;}
.topNav .left .infoBox .infoShow i{ width:12px; height:5px; background-position:-17px 0px; position:absolute; top:-5px; left:140px;}
.topNav .left .infoBox .infoShow ul li{ padding:0 12px; height:30px; line-height:30px;}
.topNav .left .infoBox .infoShow ul li.li{ background:#f9f9f9;}
.topNav .left .infoBox .infoShow ul li span{ width:250px; display:inline-block;}
.topNav .left .infoBox .infoShow ul li a{ color:#0c81b9;}
.topNav .left .infoBox .infoShow ul li a:hover{ color:#0c81b9; text-decoration:underline;}
.topNav .left .infoBox .infoShow ul li .gray{ color:#a5a5a5;}
.topNav .left .infoBox .infoShow ul li .gray:hover{ color:#a5a5a5; text-decoration:underline;}
.topNav .right{ padding:9px 0;}
.topNav .right li{ float:left; display:inline; line-height:24px;}
.topNav .right li a{ padding:0 10px; border-right:1px solid #e9e9e9;}
.topNav .right li.noBorder a{ border:none;}
.topNav .right li.phone{ position:relative;}
.topNav .right li.phone span{ cursor:pointer; display:block; width:55px; padding:0 15px; border-right:1px solid #E9E9E9;}
.topNav .right li.phone span:hover{ color:#333;}
.topNav .right li.phone i{ width:10px; height:16px; background-position:0 0; margin-right:5px;}
.topNav .right li.phone .phoneShow{ width:148px; height:144px; border:1px solid #d9d9d9; position:absolute; left:-35px; top:25px; text-align:center; display:none; filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4); -moz-box-shadow: 2px 2px 10px #909090; -webkit-box-shadow: 2px 2px 10px #909090; box-shadow:2px 2px 10px #909090; z-index:3;
}
.topNav .right li.phone .phoneShow i{ width:12px; height:5px; background-position:-17px 0px; position:absolute; top:-5px; left:68px;}
.topNav .right li.phone .phoneShow img{ margin:0 auto; height:99px; width:99px; margin-top:15px;}

.securityCenter,.sellCenter,.myHome{ cursor:pointer; position:relative; z-index:3;}
.securityCenter i,.sellCenter i,.myHome i{ width:7px; height:4px; background-position:-10px 0; margin-left:5px;}
.topNav .right li i.sc{ width:12px; height:12px; background-position:0 -18px; margin-right:3px; margin-bottom:2px;}

.securityCenterShow,.sellCenterShow,.myHomeShow{ background:#fff; position:absolute; left:0px; top:20px; padding-top:13px; border:1px solid #d9d9d9; text-align:center; display:none; border-top:none;}
.sellCenterShow,.myHomeShow{ width:100px;}
.topNav .right li span{ padding:1px 0px 0px 0px; display:block; width:81px;}
.topNav .right .sellCenter span.hover,.topNav .right .securityCenter span.hover,.topNav .right .myHome span.hover{ background:#fff; width:79px; border:1px solid #e5e5e5; padding:0px 0px 0px 0px; border-bottom:none;}
.topNav .right .sellCenter span.hover a i,.topNav .right .securityCenter span.hover a i,.topNav .right .myHome span.hover a i{ background-position:-10px -4px;}
.topNav .right .sellCenter span.hover a,.topNav .right .securityCenter span.hover a,.topNav .right .myHome span.hover a{ padding:0 0 0 9px; border:none;}
.topNav .right li .securityCenterShow li a,.topNav .right li .sellCenterShow li a,.topNav .right li .myHomeShow li a{ border:none; padding:3px 10px;}
.topNav .right li .securityCenterShow li,.topNav .right li .sellCenterShow li,.topNav .right li .myHomeShow li{ border:none; line-height:26px;}
.topNav .right li .securityCenterShow li a:hover,.topNav .right li .sellCenterShow li a:hover,.topNav .right li .myHomeShow li a:hover{ color:#0c81b9;}
.topNav .right li .securityCenterShow ul{ overflow:auto;}
.topNav .right li .securityCenterShow ul li{ width:100%;}
.topNav .right li .securityCenterShow ul a{ display:block; width:100%; padding:0px;}


.login_head{ height:136px; overflow:hidden; width:100%;}
.login_head_top{ padding-top:37px; height:62px; margin-bottom:35px;}
.login_head_left{ width:177px; border-right:1px solid #a5a5a5; margin-right:20px;}
.login_head_right{ line-height:62px; color:#0058a0; font-size:30px;}
.login_head .part{ line-height:12px; color:#000;}


.head{ height:120px; position:relative;}
.head .logo{ margin:20px 50px 0 0;}
.head .advertising{ width:220px; height:94px; margin-top:14px;}
.head .advertising a{display:block;width:200px;height:94px;}
.head .advertising span{ display:inline-block; height:24px; line-height:24px;font-size:12px; background:url(../image/dark60.png); color:#fff; padding:0 7px; margin-top:70px; max-width:200px; overflow:hidden;}
.head .advertising a:hover span{font-weight:bold;}


.head .search{ position:absolute; right:0px; top:35px; width:558px;}
.head .search .search-box ul{ height:40px; background:#fafafa; border-left:1px solid #d6d6d6;}
.head .search .search-box ul li{ float:left; display:inline; width:90px; padding:10px 0; border-bottom:1px solid #d6d6d6; border-top:1px solid #d6d6d6; text-align:center; color:#999999; cursor:pointer;}
.head .search .search-box ul li.game{ width:96px;}
.head .search .search-box ul li.text-box{ width:140px; cursor:auto; padding:0;}
.head .search .search-box ul li.btn-box{ padding:0; border:none; width:50px;}
.head .search .search-box ul li p{ height:18px; line-height:18px; width:100%; border-right:1px solid #d6d6d6;}
.head .search .search-box ul li span{ max-width:48px; overflow:hidden; height:18px; display:inline-block; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap;}
.head .search .search-box ul li i{ width:7px; height:5px; background-position:-81px -73px; margin-left:10px; vertical-align:middle;}
.head .search .text-box .text{ width:122px; padding:0 8px; height:38px; line-height:38px; color:#999999; background:none; overflow:hidden; border:none;}
.head .search .text-box .text.text01{ color:#333; background:#fff;}
.head .search .btn-box .btn{ width:50px; height:40px; background-position:0 -110px;}
.head .search .btn-box .btn:hover{ background-position:-50px -110px;}

.head .search .search-box .ul-hover{ border-left-color:#2e96f7;}
.head .search .search-box .ul-hover-a{ border-left-color:#2e96f7;}
.head .search .search-box .ul-hover-b{ border-left-color:#d6d6d6;}
.head .search .search-box .ul-hover-b li{ border-top-color:#2e96f7;}
.head .search .search-box .ul-hover-a li{ border-color:#2e96f7;}
.head .search .search-box .ul-hover li{ border-top-color:#2e96f7; border-bottom-color:#d6d6d6;}
.head .search .search-box ul li.hover{ background:#fff; border-bottom:1px solid #fff; border-right:1px solid #d6d6d6; border-left:1px solid #d6d6d6; box-shadow:0px 0px 6px #ddd; -moz-box-shadow: 0px 0px 6px #c7c7c7; -webkit-box-shadow: 0px 1px 6px #ddd; filter:progid:DXImageTransform.Microsoft.Shadow(color=#f4f4f4,direction=135,strength=6); color:#333333; font-weight:bold; border-top:2px solid #2e96f7; margin-top:-1px;}
.head .search .search-box ul li.hover i{ background-position:-81px -79px;}
.head .search .search-box ul li.hover{ width:88px;}
.head .search .search-box ul li.game.hover{ width:95px; border-left:none;}
.head .search .search-box ul li.text-box.hover{ width:138px;}
.head .search .search-box ul span.hover{ color:#333333;}

.head .sub-search{ padding:0 13px 10px 13px;height:30px; position:relative;}
.select-fwq,.search-fwq{float:left;}
.select-fwq{hegiht:30px; line-height:30px;padding-right:20px; border-right:1px solid #ededed;margin-right:20px;}
.select-fwq select{min-width:160px;}
.select-fwq select option{padding:4px 6px;}
.head .sub-search .text-a{ width:148px; height:28px; padding:0 10px; line-height:28px; color:#999999; border:1px solid #d5d5d5;}
.head .sub-search .text-a.text01{ color:#333; background:#fff;}
.head .sub-search a{ color:#666666; margin-left:10px; line-height:30px; display:inline-block; vertical-align:top;}
.head .sub-search .btn{ height:28px; line-height:28px; padding:0 8px; background:#f5f5f5; border:1px solid #d5d5d5; border-left:none; display:inline-block; vertical-align:middle; margin:0;}
.associate{ position:absolute; left:13px; top:29px; width:168px; background:#fff; border:1px solid #d5d5d5;}
.associate li{ border-bottom:1px solid #f4f4f4;}
.associate li a{ display:block; height:40px; line-height:40px; margin:0; padding:0 10px;}
.associate li a:hover{ background:#f4f4f4; font-weight:bold;}
.head .sub-search .dark666{ margin-left:10px;}

.search-result{ border-top:1px solid #ededed;}
.search-result-not{ height:120px; padding-top:55px; background:url(../image/yu.png) 70px 12px no-repeat; padding-left:270px;}
.search-result-not p{ line-height:32px; color:#333333; font-size:14px;}
.search-result-not p a{ font-size:12px; color:#2e96f7;}


.w1200.nav{ position:inherit;}
.head .search .show-box{ position:absolute; left:0; top:40px; border:1px solid #d5d5d5; border-top:none; padding:13px; width:529px; background:#fff; box-shadow:0px 6px 6px #ddd; -moz-box-shadow: 0px 6px 6px #c7c7c7; -webkit-box-shadow: 0px 6px 6px #ddd; filter:progid:DXImageTransform.Microsoft.Shadow(color=#f4f4f4,direction=135,strength=6); display:none;}
.head .search .show-box .close{ position:absolute; right:8px; top:8px; width:17px; height:16px; background-position:-81px -87px; cursor:pointer; z-index:1;}
.head .search .show-box .close:hover{ background-position:-99px -87px;}
.head .search .show-box a:hover{ color:#2184e9 !important;}

.head .search .game-show{ padding:13px 0 0 0; width:555px;}
.head .show-box .tab-nav{ height:20px; line-height:20px; background:#fafafa; border-bottom:1px solid #ededed; border-top:1px solid #ededed; padding:10px 0;}
.head .show-box .tab-nav ul{ overflow:auto;}
.head .show-box .tab-nav ul li{ float:left; display:inline; width:auto; padding:0 4px; text-align:center; cursor:pointer; color:#666666;}
.head .show-box .tab-nav ul li.hot{ width:34px; padding:0 8px 0 13px; border-right:1px solid #ededed; margin-right:6px; color:#fd5f57; cursor:pointer;}
.head .show-box .tab-nav ul li.hover p{ color:#2184e9; height:16px; line-height:12px; border-bottom:3px solid #2184e9; font-weight:bold;}
.head .show-box .tab-nav ul li.hot.hover p{ color:#fd5f57; border-bottom:3px solid #fd5f57;}
.head .show-box .tab-nav ul li.other{ width:34px; padding:0 3px;}
.head .show-box .tab-nav ul li:hover p{ color:#2184e9;}
.head .show-box .tab-nav ul li.hot:hover p{ color:#fd5f57;}
.head .game-show .tab-box{ padding:0 0 0 13px;}
.head .game-show .tab-box .top{ overflow:auto; border-bottom:1px solid #ededed; padding-top:20px;}
.head .game-show .tab-box .top-column{ width:158px; padding-right:20px; float:left; display:inline; margin-bottom:20px;}
.head .game-show .tab-box .top-column .left{ width:50px; margin-right:10px;}
.head .game-show .tab-box .top-column .left img{ width:50px; height:50px;}
.head .game-show .tab-box .top-column .right{ width:98px;}
.head .game-show .tab-box .top-column .right p{ width:98px; height:25px; line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.head .game-show .tab-box .top-column .right a{ color:#333333; font-weight:bold;}
.head .show-box-list{ padding:8px 0 10px 0;}
.head .show-box-list li{ float:left; width:106px; line-height:30px; height:30px;}
.head .show-box-list li span{ color:#abd5fc; vertical-align:top;}
.head .show-box-list a{ margin-left:10px; display:inline-block; max-width:75px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.head .search .system-show{ padding:13px 0 13px 13px; width:542px;}
.head .system-show .part{ color:#34495e; height:35px; line-height:35px; padding:0;}
.head .system-show ul{ overflow:auto; margin-bottom:10px;}
.head .system-show li{ float:left; display:inline; color:#666666; text-align:center; margin-right:12px;}
.head .system-show li a{ display:block; width:94px; height:61px; padding-top:7px; border:1px solid #dedede; background:#fafafa;}
.head .system-show li i{ display:block; width:31px; height:31px; margin:0 auto;}
.head .system-show li p{ height:30px; line-height:30px; color:#666;}
i.systemiconbg1{ background-position:-1px -235px;}
i.systemiconbg3{ background-position:-33px -235px;}
i.systemiconbg2{ background-position:-65px -235px;}
i.systemiconbg6{ background-position:-97px -235px;}
i.systemiconbg9{ background-position:-33px -235px;}
i.systemiconbg5{ background-position:-0px -299px;}
i.systemiconbg7{ background-position:-33px -299px;}
i.systemiconbg4{ background-position:-65px -299px;}
i.systemiconbg8{ background-position:-97px -299px;}

.head .system-show li a:hover i.systemiconbg1,
i.systemiconbg1:hover{ background-position:-1px -267px;}
.head .system-show li a:hover i.systemiconbg3,
i.systemiconbg3:hover{ background-position:-33px -267px;}
.head .system-show li a:hover i.systemiconbg2,
i.systemiconbg2:hover{ background-position:-65px -267px;}
.head .system-show li a:hover i.systemiconbg6,
i.systemiconbg6:hover{ background-position:-97px -267px;}
.head .system-show li a:hover i.systemiconbg9,
i.systemiconbg9:hover{ background-position:-33px -267px;}
.head .system-show li a:hover i.systemiconbg5,
i.systemiconbg5:hover{ background-position:-0px -331px;}
.head .system-show li a:hover i.systemiconbg7,
i.systemiconbg7:hover{ background-position:-33px -331px;}
.head .system-show li a:hover i.systemiconbg4,
i.systemiconbg4:hover{ background-position:-64px -331px;}
.head .system-show li a:hover i.systemiconbg8,
i.systemiconbg8:hover{ background-position:-97px -331px;}

.head .system-show li a:hover,.head .system-show li a.hover{ background:#2184e9; border:1px solid #2184e9; margin:1px 0 0 0;}
.head .system-show li a:hover p,.head .system-show li a.hover p{ color:#fff;}

.head .search .type-show{ padding:3px 0 8px 13px; width:542px;}
.head .type-show-cloumn{ overflow:auto; padding:13px 0 0 0; border-bottom:1px solid #ededed;}
.head .type-show-cloumn:nth-last-of-type(1){ border-bottom:none;}
.head .type-show-cloumn .left{ width:106px; margin-bottom:13px;}
.head .type-show-cloumn .left a{ display:inline-block; height:22px; line-height:22px; padding:0 10px; border-radius:3px; color:#6c7d89;}
.head .type-show-cloumn .left a:hover{ color:#6c7d89 !important;}
.head .type-show-cloumn .left i{ width:5px; height:8px; background-position:-107px -72px; margin:0 0 2px 5px; display:none;}
.head .type-show-cloumn .left a.hover{ color:#2184e9 !important; background:none;}
.head .type-show-cloumn .left a.hover i{ background-position:-107px -72px; display:inline-block;}
.head .type-show-cloumn .left a.hover:hover{ color:#fff !important; background:#2184e9;}
.head .type-show-cloumn .left a.hover:hover i{ background-position:-90px -72px; display:inline-block;}
.head .type-show-cloumn .right{ width:424px; float:left;}
.head .type-show-cloumn .show-box-list{ padding:0;}
.head .type-show-cloumn .show-box-list li{ padding:0; line-height:22px;}
.head .type-show-cloumn .show-box-list a.hover{ color:#2184e9;}

.head .search .server-show{ padding:13px 0 0 0; width:555px;}
.head .search-page{ height:20px; line-height:20px; background:#fafafa; border-bottom:1px solid #ededed; border-top:1px solid #ededed; padding:10px 0;}
.head .search-page .hot{ width:34px; padding:0 8px 0 13px; border-right:1px solid #ededed; margin-right:6px; text-align:center; float:left; display:inline; color:#fd5f57; cursor:pointer;}
.head .search-page .hot.hover p{ color:#fd5f57; border-bottom:3px solid #fd5f57; height:16px; line-height:12px; font-weight:bold;}
.head .search-page .switch-box{ width:483px; float:left; display:inline;}
.head .search-page .switch-cnt .bg{ width:18px; height:18px; cursor:pointer;}
.head .search-page #slidePrev,.head .search-page #slidePrev_b{ background-position:-160px -234px !important;}
.head .search-page #slideNext,.head .search-page #slideNext_b{ background-position:-178px -234px !important;}
.head .search-page #slidePrev:hover,.head .search-page #slidePrev_b:hover{ background-position:-160px -252px !important;}
.head .search-page #slideNext:hover,.head .search-page #slideNext_b:hover{ background-position:-178px -252px !important;}
.head .search-page .item{ width:447px;}
.head .search-page .item li{ min-width:443px; padding:0 2px;}
.head .search-page .item a{ margin:0 8px; display:block; float:left;}
.head .search-page .item a.hover span{ display:inline-block; color:#2184e9; height:16px; line-height:12px; border-bottom:3px solid #2184e9; vertical-align:top;}
.head .server-show-cloumn{ padding:0 0 0 13px;}
.head #switch_column_box,.head #switch_column_box_b{ height:20px;}

.head .search .text-box-show{ width:555px; padding:0; border-top:none;}
.head .search .text-box-show li{ padding:0 12px; height:40px; line-height:40px; border-bottom:1px solid #f4f4f4; cursor:pointer;}
.head .search .text-box-show li:hover{ background:#f4f4f4;}
.head .search .text-box-show li:hover span{ color:#2184e9; font-weight:bold;}
.head .search .text-box-show li.close-li .gray{ color:#95adc3; cursor:pointer;}
.head .search .text-box-show li.close-li:hover{ background:none; cursor:auto;}

.head .search .error{ background:#fd5f57; color:#fff; height:30px; line-height:30px; padding:0 13px; min-width:70px; position:absolute; top:-30px; left:0;}
.head .search .error.system-error{ left:96px;}
.head .search .error.type-error{ left:186px;}


.head .search .part{ height:30px; line-height:26px; padding:0 4px;}
.head .search .part a{ color:#666666; font-size:12px; display:inline-block; margin-right:13px;}
.head .search .part a.hot{ color:#f46033;}


.navBox{ height:40px; line-height:40px; background:#2e96f7;}
.nav{ height:40px;}
.nav .left{ overflow:auto;}
.nav .left li{ float:left; display:inline;position:relative; }
.nav .left li a{ display:block; width:100px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:16px;}
.nav .left li.hover a,.nav .left li.hover a:hover{ background:#1c74cd; font-weight:bold;}
.nav .left li:hover a{ background:#2184e9;}
.nav .right{ font-size:16px; background:#5cb5ff; position:relative;}
.nav .right a,.home-header .all-game a{ color:#fff; display:block; padding:0 18px; width:104px;}
.nav .right a:hover,.home-header .all-game a:hover{ background:#2184e9;}
.nav .right i,.home-header .all-game i{ width:32px; height:25px; background-position:-51px 0; margin:0 7px 8px 0;}



.all-game-show{ position:absolute; right:0; top:40px; display:none; z-index:1000;}
.all-game-show li{ width:140px; height:40px; line-height:40px; text-align:center; background:#2e96f7; border-bottom:1px solid #2589e8;}
.all-game-show li a{ color:#fff; display:block; font-size:14px;}
.all-game .all.hover,.all-game .all:hover{ background:#1c74cd !important; font-weight:bold;}


.crumbs{ height:50px; line-height:50px; color:#555555;}
.crumbs i{ width:8px; height:12px; background-position:-221px 0; margin-right:7px;}
.crumbs span{ font-family:"宋体"; color:#b3b3b3; padding:0 6px;}
.crumbs a{ color:#777777;}
.crumbs a:hover{ color:#2184e9;}


.title{ height:60px; line-height:60px; font-size:26px; color:#333333;}
.title h2,.title h1{ font-size:26px;}
.title .more{ float:right; font-size:16px; color:#858585;}


.maskTable{ position:fixed; background:#000; z-index:1000;}


.footer{ background:#eff2f5; border-top:1px solid #e5e5e5;}

.footer .quality{ overflow:auto; padding:28px 0; border-bottom:1px solid #e5e5e5;}
.footer .quality .left{ width:299px; text-align:center; height:120px; border-right:1px solid #e5e5e5;}
.footer .quality .left.br0{ border-right:none;}
.footer .quality .left i{ width:68px; height:68px;}
.footer .quality .left i.bg1{ background-position:0 -103px;}
.footer .quality .left i.bg2{ background-position:-68px -103px;}
.footer .quality .left i.bg3{ background-position:-136px -103px;}
.footer .quality .left i.bg4{ background-position:-204px -103px;}
.footer .quality .left p{ font-size:14px; line-height:24px; color:#666666;}
.footer .quality .left p.part{ font-size:16px; color:#333333; padding-top:5px;}

.footer .bottom-link{ padding:22px 0; overflow:auto;}
.footer .bottom-link .left{ overflow:auto;}
.footer .bottom-link .left ul{ float:left; display:inline; line-height:24px; width:152px;}
.footer .bottom-link .left ul li a{ color:#666;}
.footer .bottom-link .left ul li a.f14{ color:#555; font-weight:bold;}
.footer .bottom-link .left ul li a:hover{ color:#2184e9;}
.footer .bottom-link .right ul{ overflow:auto; padding:10px 0;}
.footer .bottom-link .right ul li{ width:218px; height:58px; padding:10px; background:#f9f9f9; border:1px solid #e5e5e5; float:left; display:inline; margin-left:10px;}
.footer .bottom-link .right ul li.ml0{ margin-left:0px;}
.footer .bottom-link .right ul li .li-left.bg{ background-position:0 -171px; width:54px; height:54px; margin:2px 6px 2px 0;}
.footer .bottom-link .right ul li .li-left{ float:left; display:inline; width:61px; height:61px; margin-right:7px;}
.footer .bottom-link .right ul li .li-right{ float:left; display:inline; padding:5px 0;}
.footer .bottom-link .right ul li .li-right p{ color:#999999; line-height:24px;}
.footer .bottom-link .right ul li .li-right p.part{ color:#555555; font-weight:bold;}
.footer .bottom-link .right ul li .li-right p span{ padding:1px 5px; background:#8dcd1f; color:#fff;}
.footer .bottom-link .right ul li .li-right p font{ color:#4d97fd;font-size:13px;font-style:italic;}

.footer .cooperation{ background:#e8ecf0; padding:10px 0 15px 0;}
.footer .cooperation-title{ height:50px; line-height:50px; color:#333; font-size:18px; font-weight:bold;}
.footer .cooperation-title h3{ font-size:18px; font-weight:bold;}
.footer .partner ul{ overflow:auto; padding-bottom:10px;}
.footer .partner ul li{ width:180px; height:60px; background:#fff; border:1px solid #d5d5d5; margin:0 9px; float:left; display:inline; text-align:center;}
.footer .partner ul li a{ display:block;}
.footer .links ul{ overflow:auto;}
.footer .links ul li{ float:left; display:inline; margin-right:25px;}
.footer .links ul li a{ color:#555555;}
.footer .links ul li a:hover{ color:#2184e9;}
.footer .foot{ padding:25px 0 40px 0;}
.footer .foot p{ text-align:center; color:#999999; line-height:24px;}
.footer .foot p a{ color:#999999; margin:0 6px;}
.footer .foot p a:hover{ color:#2184e9;}
.footer .foot ul{ overflow:auto; width:804px; margin:0 auto; margin-top:30px;}
.footer .foot ul li{ float:left; display:inline; width:120px; height:50px; margin:0 6px; background:#fff; border:1px solid #d2d2d2; text-align:center;}
.footer .foot ul li.li img{ width:100%; height:100%;}


.header{ z-index:2; position:relative;}
.wrap,.w1200{ z-index:1; position:relative;}
.back-to-top{ position:fixed; left:0px; bottom:0px; width:100%; display:none;}
.back-to-top .w1200{ width:1360px; height:180px; margin:0 auto;}
.back-to-top .w1200 a{ display:block; background-position:-56px -172px; float:right; width:60px; height:60px;}
.back-to-top .w1200 a:hover{ background-position:-117px -172px;}


.float-nav{ height:100%; width:44px; background:#343434; position:fixed; right:0; top:0; z-index:5;}
.float-nav ul{ padding-top:250px;}
.float-nav li{ text-align:center; position:relative;}
.float-nav li i{ width:26px; height:21px; margin:0 auto; margin-top:12px;}
.float-nav li i.sj{ display:none; width:5px; height:10px; margin:0; position:absolute; background-position:-101px -72px; left:-5px; top:30px;}
.float-nav li i.qb{ background-position:0 -365px;}
.float-nav li i.dc{ background-position:-26px -365px;}
.float-nav li i.sc{ background-position:-52px -365px;}
.float-nav li i.top{ background-position:-253px -343px; margin:15px 0; width:32px; height:42px;}
.float-nav li.hover{ background:#1c74cd;}
.float-nav li p{ height:35px; line-height:35px;}
.float-nav li a{ color:#777777; display:block; height:70px;}
.float-nav li:hover a{ color:#fff; background:#2184e9;}
.float-nav li.hover a{ color:#fff; background:#1c74cd;}
.float-nav li.hover i.sj{ display:block;}
.float-nav li.top-box{ margin-top:120px; display:none;}

.float-nav.product li i{ width:24px; height:24px; margin-bottom:10px;}
.float-nav.product li i.sc{ background-position:-72px -459px;}
.float-nav.product li i.sc-a{ background-position:-48px -459px;}
.float-nav.product li i.ewm{ background-position:-96px -459px;}
.float-nav.product li i.kf{ background-position:-120px -459px;}
.float-nav.product li i.top{ width:32px; height:42px;}
.float-nav.product li{ position:relative; cursor:pointer;}
.float-nav.product li .show{ min-height:27px; line-height:27px; color:#fff; min-width:68px; padding:10px; position:absolute; top:0; right:44px; background:#343434; display:none;}
.float-nav.product li .show i{ width:4px; height:8px; line-height:8px; background-position:-231px -435px; position:absolute; top:19px; right:-4px; margin:0;}
.float-nav.product li .show p{ height:25px; line-height:35px;}


i.sysico{ width:25px; height:21px;}
i.sysico1{ background-position:-0px -388px;}
i.sysico3{ background-position:-25px -388px;}
i.sysico2{ background-position:-50px -388px;}
i.sysico6{ background-position:-75px -388px;}
i.sysico9{ background-position:-100px -388px;}
i.sysico5{ background-position:-125px -388px;}
i.sysico7{ background-position:-150px -388px;}
i.sysico4{ background-position:-175px -388px;}
i.sysico8{ background-position:-200px -388px;}


.level-ico{ width:16px !important; height:16px !important; background:url(../image/level-ico.png) no-repeat !important; margin-right:1px !important;}
.level-ico1{ background-position:0 0 !important;}
.level-ico2{ background-position:0 -16px !important;}
.level-ico3{ background-position:0 -32px !important;}
.level-ico-1{ background-position:0 -112px !important;}
.level-ico-2{ background-position:0 -128px !important;}
.level-ico-3{ background-position:0 -144px !important;}
.level-ico-4{ background-position:0 -160px !important;}
.level-ico-5{ background-position:0 -176px !important;}
.level-ico-6{ background-position:0 -192px !important;}
.level-ico-7{ background-position:0 -208px !important;}
.level-ico-8{ background-position:0 -224px !important;}
.level-ico-9{ background-position:0 -240px !important;}
.level-ico-10{ background-position:0 -256px !important;}
.level-ico-11{ background-position:0 -272px !important;}
.level-ico-12{ background-position:0 -288px !important;}
.level-ico-13{ background-position:0 -304px !important;}
.level-ico-14{ background-position:0 -320px !important;}
.level-ico-15{ background-position:0 -336px !important;}
.buy-level-ico-1{ background-position:0 -48px !important;}
.buy-level-ico-2{ background-position:0 -64px !important;}
.buy-level-ico-3{ background-position:0 -80px !important;}
.buy-level-ico-4{ background-position:0 -96px !important;}

i.promote{ width:32px; height:18px; background-position:-97px -410px;}
i.video{ width:16px; height:16px; background-position:-131px -410px;}
i.pic{ width:16px; height:16px; background-position:-148px -410px;}
i.security-ico,i.reparation-ico,i.id-card-ico,i.lightning-ico{ width:18px !important; height:18px !important;}
i.id-card-ico{ background-position:-140px -435px !important;}
i.reparation-ico{ background-position:-120px -435px !important;}
i.security-ico-1{ background-position:0 -435px !important;}
i.security-ico-2{ background-position:-20px -435px !important;}
i.security-ico-3{ background-position:-40px -435px !important;}
i.security-ico-4{ background-position:-60px -435px !important;}
i.security-ico-5{ background-position:-80px -435px !important;}
i.security-ico-6{ background-position:-100px -435px !important;}
i.lightning-ico{ background-position:-146px -461px !important;}

i.buy-level-ico-22{ background:url(../image/level-ico-22.png) no-repeat; width:22px; height:22px; margin-right:1px;}
i.buy-level-ico-22-1{ background-position:0 -66px;}
i.buy-level-ico-22-2{ background-position:0 -88px;}
i.buy-level-ico-22-3{ background-position:0 -110px;}
i.buy-level-ico-22-4{ background-position:0 -132px;}

i.level-ico-22{ background:url(../image/level-ico-22.png) no-repeat; width:22px; height:22px; margin-right:1px;}
i.level-ico-22-1{ background-position:0 0;}
i.level-ico-22-2{ background-position:0 -22px;}
i.level-ico-22-3{ background-position:0 -44px;}



.page{ height:30px; overflow:hidden; padding:35px 0 95px 0;}
.page li{ float:left; display:inline; margin-right:10px; line-height:30px; color:#999999;}
.page li a{ height:28px; line-height:28px; min-width:12px; padding:0 8px; border:1px solid #e8e8e8; display:inline-block; vertical-align:top; text-align:center; color:#666666;}
.page li a:hover{ color:#2184e9;}
.page li a.hover{ background:#2e96f7; color:#fff;}
.page li a.hover:hover{ color:#fff;}
.page .li{ border-right:1px solid #e8e8e8; overflow:auto;}
.page .li a{ border-right:none; float:left;}
.page li .text{ width:35px; height:28px; padding:0 5px; border:1px solid #e8e8e8; line-height:28px; background:#fff; margin:0 5px; vertical-align:top; text-align:center;}
.page li .btn{ width:45px; height:28px; line-height:20px; border:1px solid #e8e8e8; color:#666666; background:#fafafa;}
.page li .btn:hover{ color:#fff; background:#2184e9;}
.page .right li a:hover{ background:#2184e9; color:#fff;}


i.mengdian-ico{ width:20px !important; height:20px !important; background-position:-16px -483px !important;}
i.credit-ico{ width:20px !important; height:20px !important; background-position:-56px -483px !important;}
i.integration-ico{ width:20px !important; height:20px !important; background-position:-36px -483px !important;}
i.store-level{ width:18px !important; height:18px !important; background-position:-76px -483px !important;}


.header .personal-details{ position:relative; padding-left:0px;}
.header .personal-details .pop-show{ padding:0 10px 0 20px;}
.header .personal-details .pop-show.hover{ background:#fff; color:#2184e9; padding:0 10px 0 19px; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5;}

.header .personal-details i.bg{ width:7px; height:5px; background-position:-81px -73px; margin-left:20px;}
.header .personal-details .pop{ position:absolute; left:0; top:42px; width:268px; background:#fff; border:1px solid #d5d5d5; border-top:none; display:none;}
.header .personal-details .pop .top{ overflow:auto;}
.header .personal-details .top .left{ width:131px; text-align:center; background:#fff;}
.header .personal-details .top font{ color:#ff5644;}
.header .personal-details .top .left img{ width:96px; height:96px; margin:21px 0 0 8px;}
.header .personal-details .top .left i{ display:block; width:110px; height:110px; background:url(../image/head-portrait-bg.png) no-repeat; position:absolute; left:7px; top:14px;}
.header .personal-details .top .right{ line-height:28px; font-size:12px; width:126px; margin-right:10px; float:left; padding:18px 0 0 0;}
.header .personal-details .top .right i{ margin:0 6px 0 0; vertical-align:middle;}
.header .personal-details .top .right .part{ height:40px; line-height:40px; border-top:1px dotted #bebebe; margin-top:10px;}

.header .personal-details .center{ background:#fff5f0; height:50px; border-bottom:1px solid #ffe6d8; border-top:3px solid #ffe6d8; padding:6px 0;}
.header .personal-details .center div{ float:left; width:98px; border-right:1px dotted #bebebe; line-height:25px; color:#a56868;}
.header .personal-details .center strong{ font-size:14px; color:#ff4545;}
.header .personal-details .center .b2bdc7{ color:#b2bdc7;}
.header .personal-details .center .w70{ width:70px; border:none;}

.header .personal-details .btn-box{ padding:10px 0 15px 10px; height:30px;}
.header .personal-details .btn-box a{ background:#fafafa; display:inline-block; width:48px; height:22px; line-height:22px; text-align:center; color:#666666; border:1px solid #e8e8e8; border-right:none; float:left; margin:0;}
.header .personal-details .btn-box .w78{ width:auto; padding:0 10px; border:1px solid #e8e8e8;}
.header .personal-details .btn-box .w78 i{ width:16px !important; height:16px !important; background-position:-108px -483px !important; margin:0 4px 2px 0; vertical-align:middle;}
.header .personal-details .btn-box a:hover i{ background-position:-124px -483px !important;}
.header .personal-details .btn-box a:hover{ background:#2184e9; border-color:#2184e9; color:#fff;}
.header .personal-details .bottom{ line-height:28px; padding:0 10px; background:#f6f6f6; text-align:right; color:#cccccc;}
.header .personal-details .bottom a{ color:#666666; padding:0 8px;}
.header .personal-details .bottom a:hover{ color:#2184e9;}


.loading-box{ padding:20px 0;}
.loading-box img{ margin-bottom:10px;}


.head .show-box .tab-nav-a{ height:20px; line-height:20px; background:#fafafa; border-bottom:1px solid #ededed; border-top:1px solid #ededed; padding:10px 0;}
.head .show-box .tab-nav-a ul{ overflow:auto;}
.head .show-box .tab-nav-a ul li{ float:left; display:inline; width:auto; padding:0 4px; text-align:center; cursor:pointer; color:#666666;}
.head .show-box .tab-nav-a ul li.hot{ width:34px; padding:0 8px 0 13px; border-right:1px solid #ededed; margin-right:6px; color:#fd5f57; cursor:pointer;}
.head .show-box .tab-nav-a ul li.hover p{ color:#2184e9; height:16px; line-height:12px; border-bottom:3px solid #2184e9; font-weight:bold;}
.head .show-box .tab-nav-a ul li.hot.hover p{ color:#fd5f57; border-bottom:3px solid #fd5f57;}
.head .show-box .tab-nav-a ul li.other{ width:34px; padding:0 3px;}
.head .show-box .tab-nav-a ul li:hover p{ color:#2184e9;}
.head .show-box .tab-nav-a ul li.hot:hover p{ color:#fd5f57;}
.head .game-show .tab-box-a{ padding:0 0 0 13px;}
.head .game-show .tab-box-a .top{ overflow:auto; border-bottom:1px solid #ededed; padding-top:20px;}
.head .game-show .tab-box-a .top-column{ width:158px; padding-right:20px; float:left; display:inline; margin-bottom:20px;}
.head .game-show .tab-box-a .top-column .left{ width:50px; margin-right:10px;}
.head .game-show .tab-box-a .top-column .left img{ width:50px; height:50px;}
.head .game-show .tab-box-a .top-column .right{ width:98px;}
.head .game-show .tab-box-a .top-column .right p{ width:98px; height:25px; line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.head .game-show .tab-box-a .top-column .right a{ color:#333333; font-weight:bold;}


.h24{ width:32px; height:18px; background-position:-102px -593px;}
.mf{ width:32px; height:18px; background-position:-135px -593px;}
.ys{ width:32px; height:18px; background-position:-51px -612px;}
.h24-big{ width:50px; height:18px; background-position:0 -593px;}
.mf-big{ width:50px; height:18px; background-position:-51px -593px;}
.ys-big{ width:50px; height:18px; background-position:0px -612px;}

.show1{ width:878px !important;}


.nav .left li span{ width:38px; height:16px; line-height:16px; font-size:12px; text-align:center; color:#FFFFFF; position:absolute; right:-8px; top:0px; display:block; background:url(../image/hot12.png) no-repeat; font-family: "hiragino sans gb","microsoft yahei","simsun";  z-index:1000;}