html, body {
	font-family: "微软雅黑";
	min-width: 1200px
}
a {
	text-decoration: none
}
.topbar {
	height: 44px;
	line-height: 44px;
	background-color: #323436;
	z-index: 110
}
.site-ct {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	z-index: 110
}
.top-nav-phone {
	width: 122px;
	float: left;
	height: 44px;
	position: relative
}
.top-nav-phone .nav {
	position: absolute;
	left: 0;
	top: 0;
	width: 105px;
	height: 43px;
	border: 1px solid #323436;
	border-bottom: 0;
	color: #989898;
	text-align: center;
	background: url(http://mobile.snail.com/static/common/images/phone.png) 10px 12px no-repeat;
	font-size: 14px;
	padding-left: 15px;
	line-height: 41px;
	min-width: 105px;
	max-width: 105px
}
.top-nav-phone .nav-block {
	width: 245px;
	border: 1px solid #dedede;
	border-top: 0;
	background: #fff;
	position: absolute;
	left: 0;
	top: 44px;
	z-index: 120;
	padding: 30px 20px;
	display: none;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s
}
.top-nav-phone .nav-block-l {
	float: left;
	width: 130px
}
.top-nav-phone .nav-btn {
	width: 100%;
	height: 38px;
	display: block;
	background: url(http://mobile.snail.com/static/common/images/btn.png) no-repeat;
	transition: all .5s linear;
	-moz-transition: all .5s linear;
	-webkit-transition: all .5s linear;
	-o-transition: all .5s linear;
	-ms-transition: all .5s linear
}
.top-nav-phone .nav-btn:hover {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px
}
.top-nav-phone .nav-btn.android {
	background-position: 0 0
}
.top-nav-phone .nav-btn.ios {
	background-position: 0 -56px;
	margin-top: 19px
}
.top-nav-phone .nav-block-r {
	float: right;
	width: 96px;
	height: 96px;
	border: 1px solid #989898;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px
}
.top-nav-phone .nav-block-r img {
	width: 88px;
	height: 88px;
	margin: 4px
}
.top-nav-phone .tip {
	margin-top: 20px;
	text-align: center;
	color: #666;
	font-size: 14px;
	line-height: 14px
}
.top-nav-phone.hover .nav {
	border: 1px solid #dedede;
	border-bottom: 0;
	background: url(http://mobile.snail.com/static/common/images/phone.png) 10px center no-repeat #fff;
	color: #333
}
.top-nav-phone.hover .nav-block {
	animation: show 800ms;
	-webkit-animation: show 800ms;
	-moz-animation: show 800ms;
	-o-animation: show 800ms;
	-ms-animation: show 800ms;
	display: block
}
@keyframes show {
	from {
		transform: translateY(-5px);
		opacity: 0
	}
	to {
		transform: translateY(0);
		opacity: 1
	}
}
.topbar-nav-link1 {
	color: #989898;
	font-size: 14px;
	line-height: 1;
	display: inline-block;
	padding: 0 10px;
	text-decoration: none
}
.topbar-nav-gif {
	height: 28px;
	position:absolute;
	left:320px;
	top:0;
}
.topbar-nav-link1.eng {
	border-left: 1px solid #515254;
	margin-left: 5px;
	padding: 0 19px
}
.topbar-nav-link1.app {
	padding: 0 19px;
	border-left: 1px solid #515254
}
.topbar-nav-link1:hover {
	color: #fff;
	background-position: -75px -152px
}
.topbar-nav-link2 {
	font-size: 14px;
	line-height: 14px;
	padding: 0 18px;
	display: inline-block;
	color: #989898;
	text-decoration: none
}
.topbar-nav-link2:hover {
	color: #fff
}
.topbar-nav-link2-f {
	padding-left: 0;
	border-right: 1px solid #515254
}
.topbar-nav {
	float: left
}
.topvar-cart {
	float: right;
	position: relative;
	z-index: 110
}
.nav_a_c {
	width: 110px;
	height: 43px;
	line-height: 43px;
	border: 1px solid #232426;
	border-bottom: 0;
	display: block;
	padding-left: 68px;
	color: #989898;
	font-size: 14px;
	text-decoration: none;
	position: relative;
	background-color: #232426
}
.nav_a_c i, .nav_a_hover i {
	width: 21px;
	height: 16px;
	display: block;
	position: absolute;
	left: 38px;
	top: 16px;
	background: url(http://mobile.snail.com/static/common/images/nav-icon.png) -50px 0 no-repeat
}
.nav_a_hover {
	border: 1px solid #ff9500;
	border-bottom: 0;
	background: #fff;
	color: #333
}
.nav_a_hover i {
	background-position: -50px -17px
}
.nav_a_c span {
	color: #fa0
}
.community {
	position: absolute;
	width: 308px;
	border: 1px solid #ff9500;
	top: 44px;
	right: 0;
	z-index: 120;
	background-color: #fff
}
#commMeu .line {
	height: 1px;
	overflow: hidden;
	background-color: #fff;
	width: 178px;
	position: absolute;
	top: -1px;
	right: 0;
	z-index: 12
}
.topbar-info {
	float: right;
	/* margin-right: 20px */
}
.topbar-info-link {
	color: #989898;
	font-size: 14px;
	line-height: 1;
	display: inline-block;
	padding: 0 19px;
	text-decoration: none
}
.topbar-info-link:hover {
	color: #fff
}
.topbar-info-link-b {
	border-right: 1px solid #515254
}
#topbarOrder {
	border-right: none;
	border-left: 1px solid #515254
}
.top-nav {
	height: 100px;
	background-color: #fff;
	position: relative;
	z-index: 100
}
.top-nav .logo {
	position: absolute;
	left: 0;
	top: 17px
}
.top-nav-list {
	float: right;
}
.top-nav-list li {
	float: left;
	height: 100px;
	line-height: 100px;
	padding: 0 25px
}
.top-nav-list li a {
	color: #333;
	text-decoration: none;
	font-size: 18px
}
.top-nav-list li a.on {
	color: #ff7f00;
	background-color: #fff
}
.top-nav-con {
	border-top: 1px solid #dedede;
	background-color: #fff;
	padding: 30px 0 26px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 100px
}
.children-list {
	padding-left: 33px
}
.children-list li {
	float: left;
	margin-right: 70px
}
.children-list li.last {
	margin-right: 0
}
.children-list img {
	width: 100px;
	height: 100px;
	display: block
}
.gd-name, .gd-price {
	font-size: 14px;
	color: #333;
	line-height: 1;
	margin-top: 10px;
	text-align: center
}
.gd-price {
	color: #ff7f00
}
.footer {
	background-color: #fff;
	overflow: hidden;
	border-top: 1px solid #ebebeb
}
.footermain {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	overflow: hidden
}
.ft-promise {
	height: 102px;
	background-color: #fff;
	position: relative;
	border-bottom: 1px solid #dedede
}
.ft-p1, .ft-p2, .ft-p3, .ft-p4 {
	font-size: 18px;
	color: #333;
	padding-left: 52px;
	height: 102px;
	line-height: 102px;
	position: absolute;
	top: 0
}
.ft-p1 i, .ft-p2 i, .ft-p3 i, .ft-p4 i {
	position: absolute;
	left: 0;
	top: 30px;
	width: 42px;
	height: 42px;
	background: url(http://mobile.snail.com/static/common/images/nav-icon.png) 0 0 no-repeat
}
.ft-p1 {
	left: 20px
}
.ft-p1 i {
	background-position: 0 -360px
}
.ft-p2 {
	left: 380px
}
.ft-p2 i {
	background-position: -43px -360px
}
.ft-p3 {
	left: 693px
}
.ft-p3 i {
	background-position: -86px -360px
}
.ft-p4 {
	left: 1025px
}
.ft-p4 i {
	background-position: -129px -360px
}
.friend-link {
	padding: 30px 0;
	border-bottom: 1px solid #dedede
}
.footer .cc {
	width: 200px;
	float: left
}
.footer .cc h4 {
	color: #333;
	font-size: 16px;
	line-height: 1;
	margin-bottom: 14px
}
.footer .cc li {
	margin-bottom: 10px;
	line-height: 1
}
.footer .cc li a {
	color: #666;
	font-size: 14px
}
.footer .cc li a:hover {
	color: #ff7f00
}
.ft-prize {
	height: 203px;
	position: relative
}
.prize-item {
	position: absolute;
	top: 30px;
	text-align: center
}
.prize-item i {
	width: 90px;
	height: 90px;
	display: block;
	margin: 0 auto;
	background: url(http://mobile.snail.com/static/common/images/nav-icon.png) 0 0 no-repeat;
	margin-bottom: 20px
}
.prize-item p {
	color: #999;
	font-size: 14px;
	line-height: 1;
	margin-bottom: 10px
}
.prize-item1 {
	width: 100px;
	left: 0
}
.prize-item1 i {
	background-position: 0 -178px
}
.prize-item2 {
	width: 90px;
	left: 138px
}
.prize-item2 i {
	background-position: -91px -178px
}
.prize-item3 {
	width: 90px;
	left: 276px
}
.prize-item3 i {
	background-position: -182px -178px
}
.prize-item4 {
	width: 144px;
	left: 389px
}
.prize-item4 i {
	background-position: -273px -178px
}
.prize-item5 {
	width: 90px;
	left: 552px
}
.prize-item5 i {
	background-position: -364px -178px
}
.prize-item6 {
	width: 125px;
	left: 673px
}
.prize-item6 i {
	background-position: 0 -269px
}
.prize-item7 {
	width: 90px;
	left: 828px
}
.prize-item7 i {
	background-position: -91px -269px
}
.prize-item8 {
	width: 90px;
	left: 966px
}
.prize-item8 i {
	background-position: -182px -269px
}
.prize-item9 {
	width: 115px;
	left: 1088px
}
.prize-item9 i {
	background-position: -273px -269px
}
.footer-copyright {
	padding: 30px 0;
	background-color: #f7f7f7
}
.copyright-link1, .copyright-link2, .copyright-link3 {
	width: 108px;
	height: 45px;
	display: block;
	background: url(http://mobile.snail.com/static/common/images/nav-icon.png) -392px 0 no-repeat;
	float: right;
	margin-right: 20px
}
.copyright-link2 {
	width: 120px;
	background-position: -380px -46px
}
.copyright-link3 {
	width: 119px;
	background-position: -381px -92px
}
.copyright-p1 {
	font-size: 18px;
	color: #999;
	line-height: 24px;
	margin-bottom: 9px
}
.copyright-p2, .copyright-p2 a, .copyright-p2 a:hover {
	font-size: 12px;
	color: #999;
	line-height: 1
}
.nav-wrap {
	width: 288px;
	position: relative;
	float: left;
	z-index: 50;
		height:476px;
	background:#323436;
}
.dropdown-menu {
	width: 288px
}
.dropdown-menu .nav-item {
	background-color: #fff;
	height: 52px;
	line-height: 52px;
	border: 1px solid #dedede;
	border-top: 0;
	border-bottom: 0
}
.dropdown-menu .nav-item a, .dropdown-menu-index .nav-item a {
	height: 52px;
	line-height: 52px;
	display: inline-block;
	width: 191px;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	background: url(http://mobile.snail.com/static/common/images/arrow.png) 251px center no-repeat;
	padding: 0 40px 0 55px;
	color: #333;
	font-size: 16px;
	position: relative;
	z-index: 10
}
.dropdown-menu .nav-item-hover, .dropdown-menu-index .nav-item-hover {
	height: 50px;
	line-height: 50px;
	background-color: #fff;
	border: 1px solid #ff9500;
	border-right: 0
}
.dropdown-menu .nav-item-hover a, .dropdown-menu-index .nav-item-hover a {
	color: #333;
	height: 50px;
	line-height: 50px
}
.dropdown-menu .nav-item a i, .dropdown-menu-index .nav-item a i {
	display: block;
	position: absolute;
	background: url(http://mobile.snail.com/static/common/images/nav-icon.png) 0 0 no-repeat
}
.dropdown-menu .nav-item a i.nav-line, .dropdown-menu-index .nav-item a i.nav-line {
	width: 1px;
	height: 50px;
	position: absolute;
	top: 0;
	right: -2px;
	background: #fff;
	border: 0;
	display: none
}
.dropdown-menu .nav-item-hover a i.nav-line, .dropdown-menu-index .nav-item-hover a i.nav-line {
	display: block
}
.dropdown-menu .nav-item a .i-icon-gnmk, .dropdown-menu-index .nav-item a .i-icon-gnmk {
	width: 12px;
	height: 16px;
	background-position: 0 0;
	left: 31px;
	top: 18px
}
.dropdown-menu .nav-item a .i-icon-gjmk, .dropdown-menu-index .nav-item a .i-icon-gjmk {
	width: 15px;
	height: 15px;
	background-position: 0 -17px;
	left: 29px;
	top: 18px
}
.dropdown-menu .nav-item a .i-icon-sj, .dropdown-menu-index .nav-item a .i-icon-sj {
	width: 12px;
	height: 16px;
	background-position: 0 -33px;
	left: 31px;
	top: 18px
}
.dropdown-menu .nav-item a .i-icon-yxzj, .dropdown-menu-index .nav-item a .i-icon-yxzj {
	width: 12px;
	height: 16px;
	background-position: 0 -50px;
	left: 31px;
	top: 18px
}
.dropdown-menu .nav-item a .i-icon-yxdj, .dropdown-menu-index .nav-item a .i-icon-yxdj {
	width: 12px;
	height: 16px;
	background-position: 0 -67px;
	left: 31px;
	top: 18px
}
.dropdown-menu .nav-item a .i-icon-zb, .dropdown-menu-index .nav-item a .i-icon-zb {
	width: 19px;
	height: 16px;
	background-position: 0 -84px;
	left: 28px;
	top: 16px
}
.dropdown-menu .nav-item a .i-icon-hfcz, .dropdown-menu-index .nav-item a .i-icon-hfcz {
	width: 16px;
	height: 16px;
	background-position: 0 -101px;
	left: 28px;
	top: 18px
}
.dropdown-menu .nav-item a .i-icon-ywcx, .dropdown-menu-index .nav-item a .i-icon-ywcx {
	width: 16px;
	height: 16px;
	background-position: 0 -118px;
	left: 28px;
	top: 18px
}
.dropdown-menu .nav-item a .i-icon-ywbl, .dropdown-menu-index .nav-item a .i-icon-ywbl {
	width: 12px;
	height: 16px;
	background-position: 0 -135px;
	left: 31px;
	top: 18px
}
.dropdown-menu .nav-item-hover a .i-icon-gnmk，.dropdown-menu-index .nav-item-hover a .i-icon-gnmk, .dropdown-menu .nav-item-hover a .i-icon-gjmk, .dropdown-menu-index .nav-item-hover a .i-icon-gjmk, .dropdown-menu .nav-item-hover a .i-icon-sj, .dropdown-menu-index .nav-item-hover a .i-icon-sj, .dropdown-menu .nav-item-hover a .i-icon-yxzj, .dropdown-menu-index .nav-item-hover a .i-icon-yxzj, .dropdown-menu .nav-item-hover a .i-icon-yxdj, .dropdown-menu-index .nav-item-hover a .i-icon-yxdj, .dropdown-menu .nav-item-hover a .i-icon-zb, .dropdown-menu-index .nav-item-hover a .i-icon-zb, .dropdown-menu .nav-item-hover a .i-icon-hfcz, .dropdown-menu-index .nav-item-hover a .i-icon-hfcz, .dropdown-menu .nav-item-hover a .i-icon-ywcx, .dropdown-menu-index .nav-item-hover a .i-icon-ywcx, .dropdown-menu .nav-item-hover a .i-icon-ywbl, .dropdown-menu-index .nav-item-hover a .i-icon-ywbl {
	top: 17px
}
.dropdown-menu .nav-item .popover, .dropdown-menu-index .nav-item .popover {
	width: auto;
	min-width: 236px;
	height: 416px;
	padding: 29px 25px;
	border: 1px solid #ff9500;
	position: absolute;
	top: 0;
	left: 288px;
	background-color: #fff;
	display: none
}
.dropdown-menu .nav-item .children-col-1, .dropdown-menu-index .nav-item .children-col-1 {
	width: 236px
}
.dropdown-menu .nav-item .children-col-2, .dropdown-menu-index .nav-item .children-col-2 {
	width: 500px
}
.dropdown-menu .nav-item .popover ul, .dropdown-menu-index .nav-item .popover ul {
	float: left;
	margin-right: 10px
}
.dropdown-menu .nav-item .popover li, .dropdown-menu-index .nav-item .popover li {
	margin-bottom: 20px;
	height: 40px;
	line-height: 40px
}
.dropdown-menu .nav-item .popover-link, .dropdown-menu-index .nav-item .popover-link {
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #333;
	padding: 0;
	width: 230px
}
.dropdown-menu .nav-item .popover-link:hover, .dropdown-menu-index .nav-item .popover-link:hover {
	color: #ff7f00
}
.dropdown-menu .nav-item .popover-link img, .dropdown-menu-index .nav-item .popover-link img {
	width: 40px;
	height: 40px;
	display: block;
	float: left;
	margin-right: 16px
}
.patch-top, .patch-bottom {
	width: 286px;
	height: 4px;
	background-color: #fff
}
.patch-top {
	border: 1px solid #dedede;
	border-bottom: 0;
	border-top: 0
}
.patch-bottom {
	height: 3px;
	border: 1px solid #dedede;
	border-top: 0
}
#cartUnlogin {
	height: 98px;
	line-height: 98px;
	padding-left: 44px;
	font-size: 14px;
	color: #333
}
.login, .login_ed {
	display: inline-block
}
#username span,.userlogin{
	width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all
}
.wrap_items {
	padding: 0 12px;
	height: 364px;
	overflow-y: scroll
}
.items {
	padding: 20px 0;
	border-bottom: 1px dashed #dedede
}
.psn {
	width: 50px;
	height: 50px;
	display: block;
	float: left
}
.psn a, .psn a img {
	display: block
}
.lspan {
	width: 100px;
	padding-left: 5px;
	font-size: 14px;
	color: #333;
	line-height: 1.5;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.lspan a {
	font-size: 14px;
	color: #333
}
.pr_num {
	width: 95px;
	float: left;
	font-size: 14px;
	color: #666;
	line-height: 1.5
}
.dels {
	width: 14px;
	height: 14px;
	display: block;
	float: left;
	margin-top: 5px;
	background: url(http://mobile.snail.com/static/common/images/nav-icon.png) -486px -406px no-repeat;
	cursor: pointer
}
.summary {
	padding: 20px 12px
}
.summary .tp {
	font-size: 14px;
	color: #333;
	line-height: 40px
}
.summary .tp em {
	color: #ff7f00
}
.buyin a {
	width: 150px;
	height: 40px;
	line-height: 40px;
	display: block;
	text-align: center;
	color: #ffeacc;
	font-size: 14px;
	background-color: #ff9500
}
.allMenu {
	height: 100px;
	float: right
}
.allMenu-link {
	height: 100px;
	line-height: 100px;
	color: #333;
	text-decoration: none;
	font-size: 18px;
	display: block;
	padding: 0 25px
}
.allMenu-wrapper {
	position: absolute;
	left: 0;
	top: 101px;
	z-index: 150
}
.fl {
	float: left
}
.fr {
	float: right
}
.boxsd {
	-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 8px rgba(0, 0, 0, .1)
}
.none {
	display: none
}