@charset "utf-8";
body { font: 12px/1.5  "microsoft yahei", "微软雅黑", "simsun", "宋体"; color: #333; }
a, input, select, option, textarea, button { font-family: arial, "microsoft yahei", "微软雅黑", sans-self; }
/* 特殊强调字体颜色 */
a{text-decoration: none;color: #00a1e9;}
.red,.red1{color:#ff1000!important;}
.red2{color:#e61673!important;}
.blue{color:#00a1e9!important;}
.green{color:#13ae2f!important;}
.orange{color:#f60!important;}
.wrapper { width: 1200px; margin: 0 auto; position: relative }
.btnupload1 { background-position: 0 0; height: 30px; width: 130px }
.btnupload1, .btnupload2, .btnupload3, .btndown1, .btndown2, .btndown3, .btnlike1, .btnsay1, .btnsay2, .btncss1, .btncss2, .btncss3, .btnbig1, .btnbig2, .btncss4, .btncss5, .btnlong1, .btnlong2, .btnlong3, .btnlong-small-white { background:  no-repeat scroll 0 0; border: medium none; color: white; cursor: pointer; font: 14px/100% "微软雅黑", "黑体", "宋体"; text-align: center;vertical-align: middle }
.btnupload2 { width: 40px; height: 30px; background-position: -390px 0 }
.btnupload2:hover { background-position: -430px 0 }
.btnupload2:active { background-position: -470px 0 }
.btnupload3 { width: 100px; height: 30px; background-position: 0 -425px }
.btnupload3:hover { background-position: -100px -425px }
.btnupload3:active { background-position: -200px -425px }


.header { position: relative; z-index: 3; height: 50px; background: rgba(0, 0, 0, .7); filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#b2000000, endcolorstr=#b2000000) }
.logo { float: left; padding: 8px 0 0 }
.logo img { width: 230px; height: 34px }
.header .search { float: left; padding: 10px 0 0 }
.header .search .stext, .header .search .sbtncss { float: left; height: 30px; border: none; background: url(/uploads/image/srimages/search1-bg.png) no-repeat; line-height: 30px }
.header .search .stext { width: 160px; padding: 0 5px; background-position: left 0 }
.header .search .sbtncss { width: 30px; background-position: right 0; cursor: pointer }
.header .shop { float: right }
.header .shop li { position: relative; float: left }
.header .shop li.upload { padding: 10px 10px 0 }
.header .shop li.signin a, .header .shop li.login a { float: left; display: block; height: 50px; padding: 0 20px; font: 18px/50px "微软雅黑"; color: white; text-decoration: none }
.header .shop li.signin a:hover, .header .shop li.login a:hover, .header .shop li.signin a.current, .header .shop li.login a.current { background: rgba(0, 0, 0, 0.7) }
.header .shop li.usertips a.mycenter { display: block; float: left; height: 50px; padding: 0 30px 0 10px; background: url(/uploads/image/srimages/pointer-down.png) no-repeat 46px center }
.header .shop li.usertips a.mycenter:hover, .header .shop li.usertips a.current { background: #111 url(/uploads/image/srimages/pointer-down.png) no-repeat 46px center }
.header .shop li.usertips .gravatar { margin-top: 10px; border-radius: 3px; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset; cursor: pointer; display: inline-block; height: 30px; overflow: hidden; vertical-align: middle; width: 30px }
.header .shop li.usertips .gravatar img { width: 30px; height: 30px }
.bigsearch { float: left }
.bigsearch .stext, .bigsearch .sbtncss { float: left; height: 30px; border: none; line-height: 30px !important; outline: none; background: url(/uploads/image/saimages/surplus.png) no-repeat; }
.bigsearch .stext { padding: 0 5px; background-position: left -569px; font: 12px/1.5  "microsoft yahei", "微软雅黑", "simsun", "宋体"; -webkit-transition: opacity .3s ease, -webkit-transform .3s ease; transition: width .3s ease, -webkit-transform .3s ease; transition: width .3s ease, transform .3s ease; transition: width .3s ease, transform .3s ease, -webkit-transform .3s ease }
.bigsearch .sbtncss { width: 30px; background-position: right -569px; cursor: pointer }
.bigsearch div {  float: left }
.mainnav { float: left; padding: 0 0 0 20px }
.mainnav .nav>li { position: relative; float: left }
.mainnav .nav>li>a { display: block; float: left; height: 50px; padding: 0 10px; line-height: 50px; font-size: 15px; color: #ccc; text-decoration: none }
.mainnav .nav li .hottip { position: absolute; right: -8px; top: 8px; z-index: 9 }
.mainnav .nav>li:hover, .mainnav .nav>li>a:hover { background-color: rgba(0, 0, 0, 1); color: #eee; transition: background 1s; -moz-transition: background 1s; -webkit-transition: background 1s; -o-transition: background 1s }
.mainnav .nav>li>a.current { background-color: #3498db; color: white }
.mainnav .nav>li.dropdown { position: relative }
.mainnav .nav>li.dropdown>a { padding: 0 25px 0 15px; position: relative; }
.mainnav .nav>li.dropdown>a .arrow { display: block; background-image: url(/uploads/image/saimages/surplus.png); background-position: -320px 0; background-repeat: no-repeat; width: 20px; height: 5px; position: absolute; top: 23px; right: 0px; }
.usershop { position: absolute; top: 0; right: 0; white-space: nowrap }
.usershop ul li { float: left; padding: 0 0 0 10px; -webkit-transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, width .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, width .3s ease, transform .3s ease; transition: opacity .3s ease, width .3s ease, transform .3s ease, -webkit-transform .3s ease }
.usershop .user1, .usershop .user2 { position: relative; line-height: 28px; color: #ccc }
.usershop .user1 { padding: 10px }
.usershop .user1 a, .usershop .user2 a { color: #ccc; text-decoration: none; font-size: 12px }
.usershop .user1 a:hover, .usershop .user2 a:hover { color: #eee }
.usershop .user2 .mycenter { display: block; padding: 10px 25px 10px 10px; transition: background 1s; -moz-transition: background 1s; -webkit-transition: background 1s; -o-transition: background 1s }
.usershop .user2:hover, .usershop .user2 .mycenter:hover { background-color: black }
.usershop .user2 .gravatar, .usershop .user2 .gravatar img { width: 30px; height: 30px; border-radius: 2px }
.usershop .user2 .gravatar { position: relative }
.usershop .user2 .gravatar .hint { width: 16px; height: 16px; background-image: url(/uploads/image/saimages/surplus.png); background-position: -384px 0; background-repeat: no-repeat; display: inline-block; vertical-align: -4px; position: absolute; top: -6px; right: -8px; }
.usershop .user2 .mycenter .arrow { display: block; background-image: url(/uploads/image/saimages/surplus.png); background-position: -320px 0; background-repeat: no-repeat; width: 20px; height: 5px; position: absolute; top: 23px; right: 0px; }
.dorpmenu1, .dorpmenu2 { position: absolute; z-index: 1; top: 55px; right: 0 }
.dorpmenu1 { top: 55px; border-radius: 5px; background: #33485f; padding: 3px }
.dorpmenu1 .arr { display: block; position: absolute; z-index: 1; top: -5px; right: 10px; left: 10px; height: 5px; background:  no-repeat right bottom }
.dorpmenu1 a.subnav { display: block; height: 25px; border-radius: 3px; padding: 0 10px; font-size: 12px; line-height: 25px; color: #eee; text-decoration: none; transition: background 0.5s; -moz-transition: background 0.5s; -webkit-transition: background 0.5s; -o-transition: background 0.5s }
.dorpmenu1 a.subnav:hover { background: #1abc9c }
.dorpmenu1 a.subnav:active { background: #16a085 }
.dorpmenu2 { top: 50px; background: black; padding: 3px 1px }
.dorpmenu2 .arr { display: none }
.dorpmenu2 a.subnav { display: block; height: 30px; padding: 0 10px; font: 12px/30px "微软雅黑"; color: white; text-decoration: none }
.dorpmenu2 a:hover { background: #333; color: #00b0ff !important }
.dorpmenu1 a.subnav i, .dorpmenu2 a.subnav i { padding: 0 10px 0 0 }
.dorpmenu2 a .hint { width: 16px; height: 16px; background: url(/uploads/image/srimages/hint.png) no-repeat center; display: inline-block; vertical-align: -4px }
.categorys { width: 300px }
.categorys li { float: left; width: 25% }
.dorpmenu1 .subnavul { width: 100px }
.dorpmenu1 .subnavul li { float: none; padding: 1px 0 }
.dorpmenu2 .subnavul { width: 120px }
.dorpmenu2 .subnavul li { float: none; padding: 0 0 }
.userlogin { width: 260px; padding: 10px }
.userlogin table td { padding: 3px; font-size: 12px }
.userlogin table td.name1 { width: 60px }
.userlogin table td .imgcode { vertical-align: middle; margin: -5px 5px 0 }
.userlogin .alert { margin: 0 3px 5px; padding: 10px 15px; line-height: 100% }
.userlinks { width: 120px }
.userlinks li { clear: left; width: 120px; padding: 0 !important }
.footer { background: #4c4c4c url(/uploads/image/srimages/footer-bg.png) repeat-x; color: white; overflow: hidden }
.footer .mainpart { padding: 10px 0; line-height: 25px }
.footer .copyrught { float: left; font-size: 12px }
.footer .copyrught  a { color: #fff; font-size: 12px; }
.footer .tel { float: right }
.footer .service-qq { display: block; width: 96px; height: 25px; background: url(/uploads/image/saimages/service-qq-bg.png) no-repeat; cursor: pointer }
.footer .service-qq:hover { background-position: 0 -25px }
.activelist { background: #eee url(/uploads/image/srimages/activelist-bg.png) repeat-x top; overflow: hidden }
.columns { float: left; width: 25%; padding: 20px 0; color: #666 }
.columns h3 { padding-bottom: 10px; font: 18px/100% "微软雅黑"; color: #333 }
.columns h3 a { padding-bottom: 10px; font: 18px/100% "微软雅黑"; color: #333 }
.columns ul { float: left; padding: 5px 50px 0 0 }
.columns li { line-height: 2; font-size: 12px }
.columns li a { color: #666; text-decoration: none; font-size: 12px }
.columns li a:hover { color: #33bbd9 }
.columns-ad { float: left }
.columns li a.weibo { display: inline-block; float: left; margin-right: 10px }
.columns-ad .qrcode { float: left; margin: 8px 10px 0; padding: 2px 2px 5px; background: white; font-size: 14px; line-height: 100%; text-align: center }
.columns-ad .qrcode img { width: 100px; margin-bottom: 5px }
.columns-ad .adtext { float: left; width: 150px; padding: 20px 0 }
a { text-decoration: none; outline: none }
.grey9 { color: #999 }
.grey6 { color: #666 }
.grey3 { color: #333 }
.hide { display: none }
.fr { float: right }
.clearfix::after { clear: both; content: " "; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0 }
.skintips, .skin-peeler img, .skin-peeler, .topshop, .toplayer-shop { display: none }
.sidechage .vip-free li { padding: 5px 0 }
.detail-side.sidechage .vip-free { margin: 10px 0 }
.main-header { position: relative }
.login-bar-con { position: absolute; top: 0; right: 470px }
.search-bar-con { position: absolute; right: 0; top: 10px; z-index: 4; width: 470px }
.usershop ul li.shop1.last { position: absolute; top: 0; right: 0 }
.upload-button-hide { opacity: 0; filter: alpha(opacity=0); transform: scale(0) }
.search-nav { position: relative }
.search-rhint { position: absolute; background-color: #fff; font-size: 13px; z-index: 2; border: 1px solid #ddd; width: 100%; top: 30px; left: 0px; display: none; border-radius: 4px; }
.hint-list { padding: 4px 0; font-size: 14px; line-height: 28px }
ul.hint-list li { height: 27px; padding: 0 9px; cursor: pointer; zoom: 1; position: relative; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; word-wrap: normal; -ms-word-break: normal; word-break: normal; color: #333; float: none }
.hint-list li:hover, .hint-list li.active { background: #f3f3f3 }
.logo .logoimg { background-image: url(/uploads/image/saimages/surplus.png); background-position: 0 -467px; background-repeat: no-repeat; width: 230px; height: 34px; }
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2) {
	.logo .logoimg { background-position: 0 -250px; background-size: 250px 300px }
}