@charset "utf-8";



body,button,input,pre,select,textarea {

	font: 14px/1 "微软雅黑",Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif

}



.association ul,li,ol,ul {

	list-style: none

}



fieldset,hr,img {

	border: none

}



.clearfix:after,.clearfix:before,blockquote:after,blockquote:before,q:after,q:before {

	content: ""

}



.text_center,body {

	/*text-align: center*/

}



.clear,.clearfix:after,.main,.menu {

	clear: both

}



.designs_list .desc i,.nav_new_card_bg .nav_new_opacity,.pimg .pdesc i {

	opacity:  1;

	filter: alpha(opacity=100)

}



.popup_layer .popbox .vm_right,.table_view td>div,.table_view th>div,.word-wrap {

	word-break: break-all;

	word-wrap: break-word

}



:active,:focus,a,a:hover {

	outline: 0

}



blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,lengend,li,ol,p,pre,td,textarea,th,ul {

	margin: 0;

	padding: 0;

}



.gray,.pattr .pprice i,.red,address,cite,dfn,em,var {

	font-style: normal

}



h1 {

	font-size: 18px

}



h2 {

	font-size: 16px

}



h3 {

	font-size: 14px

}



button,h4,h5,h6,input,select,textarea {

	font-size: 100%

}



code,kbd,samp,tt {

	font-family: "Courier New",Courier,monospace

}



small {

	font-size: 12px

}



body {

	font-size: 14px

}



a,a:active,a:hover,a:visited {

	text-decoration: none;

}



a:hover {

	text-decoration: underline ;color: #ec008c

}



.add.sel,.add:hover,.banner .pro_list a,.banner ol li a:hover,.footer a:hover,

.guidance a:hover,.head_shop .cart_login,.header .userbar a,.logo,.logo:hover,.menu 

.all_pro,.nav .nav_main>li>a,.nav_category a,.nav_category a:hover,.new_card_list>a,.pattr

 .sel,.pimg a:hover,.plnks .plnk a,.plnks dd.sel a,.product a,.toolbar a {

	text-decoration: none

}



abbr[title],acronym[title] {

	border-bottom: 1px dotted;

	cursor: help

}



blockquote,q {

	quotes: none

}



legend {

	color: #000

}



table {

	border-spacing: 0;

	table-layout: fixed

}



hr {

	height: 1px

}



html {

	width: 100%;

	height: 100%

}



::-webkit-scrollbar{width:8px;height:6px}

::-webkit-scrollbar-track{/* background:#f1f1f1 */}

::-webkit-scrollbar-thumb{border-radius:10px;background:#bcbcbc}

::-webkit-scrollbar-thumb:window-inactive{background:#a8a8a8}

::-webkit-scrollbar-thumb:vertical:hover{background-color:#a8a8a8}

::-webkit-scrollbar-thumb:vertical:active{background-color:#a8a8a8}



body {

	color: #4a3437;

	position: relative;

	min-width: 1220px;

	min-height: 100%;

	_height: 100%;

	line-height: 1.5;

	_background-image: url(text.txt);

	_background-attachment: fixed;

	background-color: #ebebeb

}



.load,.main {

	min-height: 300px

}



.smallBody {

	background: 0 0

}



a {

	color: #6d6d6d

}



.clearfix:after,.clearfix:before {

	display: table

}



.clearfix {

	*zoom: 1

}



.ellipsis,.nowrap {

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden

}



.word-wrap {

	white-space: normal

}



.vertical_middle {

	overflow: hidden;

	display: table;

	table-layout: fixed;

	max-width: 100%

}

/**楼层导航**/

.floor-nav { display: none; position: fixed; left: 90px; top: 50%; overflow: hidden;z-index: 2;width: 70px;}

.floor-nav li { float: right; width: 100%; line-height: 25px; cursor: pointer;}

.floor-nav li a { display: block; float: right; padding: 0 5px; }

.floor-nav .fp { background: url(../images/xiahua.png) right 0 no-repeat;}

.floor-nav .name { display: none;}

.floor-nav li.current .name { display: block; color: #EC008C;white-space:nowrap; }

.floor-nav li.current .f { display: none; }

.floor-nav li.hover .name, .floor-nav li:hover .name { display: block; color: #fff; background-color: #EC008C;text-decoration: none;white-space:nowrap; }

.floor-nav li.hover .f, .floor-nav li:hover .f { display: none; }





.vertical_middle .vm_left,.vertical_middle .vm_right {

	vertical-align: middle;

	display: inline-block;

	*display: inline;

	*zoom: 1

}



.tl {

	text-align: left

}



.tr {

	text-align: right

}





.fr {

	float: right

}



.inline-block {

	display: inline-block;

	margin: 0 auto;

	*display: inline;

	*zoom: 1

}



.gap_pt_10 {

	padding-top: 10px

}



.gap_pl_40 {

	padding-left: 40px

}



.gap_ml_30 {

	margin-left: 30px

}





.coord {

	display: inline-block;

	vertical-align: middle

}



.layout,.sitemap {

	width: 1220px;

	margin: 0 auto;

	text-align: left

}





.red {

	color: #ec008c

}



.gray {

	color: #999

}



.main {

	position: relative;

	z-index: 1;

	padding: 0 0 30px

}



.home .main {

	padding: 0 0 305px

}



.uregister {

	padding: 0 0 50px

}



body .lookpwd {

	padding: 0 0 289px

}



.activity,.mycart,.order,.payment,.pdesign,.ubind,.ucenter {

	background: url(../images/loading.gif?v=21) center 140px no-repeat

}



.activity .layout,.mycart .layout,.order .layout,.payment .layout,.pdesign .layout,.ubind .layout,.ucenter .layout {

	position: relative;

	height: 0;

	overflow: hidden

}



.mained {

	height: auto;

	background: 0 0

}



.mained .layout {

	position: static;

	height: auto

}



.load {

	position: relative;

	background: url(../images/loading.gif?v=21) center 140px no-repeat

}



.load>div {

	height: 0;

	overflow: hidden

}



.faq,.feedback,.helper,.uabout,.ubind,.ucenter,.uinfo,.uregister {

	padding-top: 15px

}



.errmsg {

	margin-top: 20px;

	padding: 50px 100px;

	line-height: 30px

}





.toolbar .wxcode .img,.toolbar a {

	font-size: 12px;

	overflow: hidden;

	text-align: center

}





.mappop {

	width: 640px;

	height: 480px

}



.coord {

	width: 20px;

	height: 24px;

	background: url(../images/all.png?v=21) center -560px no-repeat;

	cursor: pointer

}



.logo_box {

	min-width: 201px;

	overflow: hidden;

	float: left

}



.logo,.logo:hover {

	min-width: 201px;

	overflow: hidden

}



.toolbar {

	position: fixed;

	_position: absolute;

	top: 50%;

	left: 50%;

	z-index: 110;

	margin-top: -150px;

	margin-left: 630px

}



.toolbar a {

	color: grey;

	line-height: 20px;

	width: 66px;

	height: 26px;

	margin: 7px 0 0;

	padding: 41px 1px 1px;

	background: url(../images/toolbar.png?v=21) 0 -160px no-repeat #fff;

	border: 1px solid #ccd5df;

	display: block

}



.toolbar a:first-child {

	margin: 0

}



.toolbar a:hover {

	color: #ec008c;

	padding: 40px 0 0;

	border: 2px solid #ec008c

}



.toolbar a.sel {

	color: #ec008c;

	border-color: #ec008c

}



.toolbar .tservice {

	background-position: -6px -17px

}



.toolbar .twxcode {

	background-position: -6px -95px

}



.toolbar .tfeedback {

	background-position: -6px -177px

}



.toolbar .backtop {

	background-position: -6px -257px

}



.toolbar .tmember {

	background-position: -7px -337px

}



.toolbar .tservice:hover {

	background-position: -87px -18px

}



.toolbar .twxcode:hover {

	background-position: -87px -96px

}



.toolbar .tfeedback:hover {

	background-position: -87px -178px

}



.toolbar .backtop:hover {

	background-position: -87px -258px

}



.toolbar .tmember:hover {

	color: grey;

	background-position: -8px -338px

}



.logged .toolbar .tservice {

	background-position: -7px -337px

}



.logged .toolbar .tservice:hover {

	color: grey;

	background-position: -8px -338px

}



.logged .toolbar .tmember {

	background-position: -87px -337px

}



.logged .toolbar .tmember:hover {

	color: #ec008c;

	background-position: -88px -338px

}



.mintoolbar {

	margin-top: -120px

}



.mintoolbar li {

	width: 55px;

	min-height: 55px

}



.mintoolbar a {

	width: 53px;

	height: 21px;

	padding: 32px 0 0

}



.mintoolbar a:hover {

	padding: 32px 0 0;

	border-width: 1px

}



.mintoolbar .tservice {

	background-position: -13px -21px

}



.mintoolbar .twxcode {

	background-position: -13px -102px

}



.mintoolbar .tfeedback {

	background-position: -13px -182px

}



.mintoolbar .backtop {

	background-position: -13px -262px

}



.mintoolbar .tmember {

	background-position: -13px -341px

}



.mintoolbar .tservice:hover {

	background-position: -93px -21px

}



.mintoolbar .twxcode:hover {

	background-position: -93px -102px

}



.mintoolbar .tfeedback:hover {

	background-position: -93px -182px

}



.mintoolbar .backtop:hover {

	background-position: -93px -262px

}



.logged .mintoolbar .tservice,.mintoolbar .tmember:hover {

	background-position: -13px -341px

}



.mintoolbar .tmember:hover {

	color: grey

}



.logged .mintoolbar .tservice:hover {

	color: grey;

	background-position: -13px -341px

}



.logged .mintoolbar .tmember {

	background-position: -93px -341px

}



.logged .mintoolbar .tmember:hover {

	color: #ec008c;

	background-position: -93px -341px

}



.toolbar .wxcode {

	position: absolute;

	top: 52px;

	right: 70px;

	width: 113px;

	white-space: nowrap;

	overflow: hidden;

	display: none

}



.toolbar .wxcode span {

	display: inline-block;

	vertical-align: middle

}



.toolbar .wxcode .img {

	width: 102px;

	height: 120px;

	color: #ec008c;

	line-height: 26px;

	white-space: nowrap;

	background: #fff;

	border: 1px solid #bababa

}



.toolbar .wxcode img {

	margin-bottom: -9px;

	display: block

}



.toolbar .wxcode .arrow {

	width: 10px;

	height: 11px;

	margin-left: -1px;

	background: url(../images/arrow.png?v=21) no-repeat

}



.ico_pay,.ico_sina,.ico_tencent {

	width: 30px;

	height: 30px

}



.mintoolbar .wxcode {

	top: 29px;

	right: 55px

}



.toolbar .twxcode:hover .wxcode {

	display: block

}



@media (max-width:1366px) {

	.toolbar {

		left: auto;

		right: 0;

		margin-left: 0

	}

}



.toolbar .twxcode {

	display: none

}



.ico_pay,.ico_sina,.ico_tencent,.sprite,.telphone {

	background: url(../images/sprite.png?v=21) -50px -50px no-repeat;

	display: block;

	cursor: default

}



.ico_sina {

	background-position: 0 -45px

}



.ico_tencent {

	background-position: 0 -96px

}



.ico_pay {

	background-position: 0 -147px

}



.lsina,.ltencent {

	background: url(../images/ico.png?v=21) no-repeat;

	width: 50px;

	height: 50px;

	display: inline-block;

	vertical-align: middle

}



.ltencent {

	background-position: 0 -70px

}



.car,.sysmsg,.tar {

	background: url(../images/all.png?v=21) -50px -50px no-repeat;

	display: inline-block;

	vertical-align: middle

}



.userbar .sysmsg {

	width: 17px;

	height: 24px;

	padding: 5px 10px;

	font-size: 0;

	background-position: -11px -1802px

}



.car b,.sysmsg b {

	cursor: pointer;

	position: relative;

	color: #fff;

	width: 20px;

	height: 20px;

	font-weight: 400;

	font-size: 10px;

	margin: 0;

	left: -2px;

	top: -3px;

	line-height: 20px;

	vertical-align: top;

	text-align: center;

	background: url(../images/all.png?v=21) -25px -890px no-repeat;

	display: none

}



.topbar,.userbar {

	height: 35px

}



.header .userbar .user_welcome,.topbar {

	line-height: 35px

}



.sysmsg b {

	left: 11px;

	top: -2px

}



.car {

	background-position: left -182px;

	padding-left: 26px

}



.tar {

	background-position: right -271px;

	padding-right: 25px;

	cursor: pointer

}



.car .tar {

	padding-right: 0;

	background: 0 0

}



.user_tar {

	color: #0093dd

}



.header_fixed {

	position: fixed;

	left: 0;

	top: 0;

	width: 100%;

	z-index: 200

}



.header {

	position: relative;

	padding-top: 36px;

	z-index: 100

}



.hfixed {

	padding-top: 36px

}



.body_store .hfixed {

	padding-top: 72px

}



.header .layout {

	position: relative;

	overflow: visible

}



.cart_list .img,.topbar,.userbar,.userbar .user_tar,.userbar .vline,.userbar li {

	overflow: hidden

}



.header .headbar {

	height: 35px;

	position: relative;

	border-bottom: 1px solid #ccd5df;

	z-index: 888;

	background: #fafafa

}



.header .headbar .layout {

	max-width: 100%

}



.header .introduce {

	color: grey;

	font-size: 12px;

	vertical-align: middle

}



.header .head_tel {

	color: grey;

	font-size: 14px;

	vertical-align: middle

}



.header .head_service {

	font-size: 12px

}



.userbar {

	text-align: right;

	white-space: nowrap;

	font-size: 0;

	line-height: 0;

	float: right

}



.userbar li,.userbar li a {

	color: grey;

	font-size: 12px;

	line-height: 24px

}



.userbar li {

	height: 36px;

	margin: 0;

	padding: 0;

	vertical-align: middle;

	display: inline-block;

	*display: inline;

	*zoom: 1

}



.userbar .vline,.userbar li a {

	display: inline-block;

	vertical-align: middle

}



.userbar li a {

	height: 24px;

	padding: 6px 10px

}



.userbar .order_tar,.userbar .user_tar {

	padding-right: 15px;

	background: url(../images/all.png?v=21) right -321px no-repeat

}



.userbar .user_tar {

	color: #0093dd;

	white-space: nowrap;

	max-width: 195px;

	text-align: right;

	text-overflow: ellipsis

}



.userbar .order_tar {

	margin-right: 10px

}



.userbar li a:hover {

	color: #ec008c

}



.userbar .vline {

	width: 1px;

	height: 12px;

	background: grey;

	*display: inline;

	*zoom: 1

}



.userbar .my_about {

	z-index: 0;

	max-width: 220px;

	text-align: right

}



.userbar .service_time {

	padding-left: 10px

}



.userbar .service_time span {

	line-height: 35px;

	display: inline-block;

	vertical-align: middle

}



.userbar .my_center {

	margin-right: 17px

}



.login_before .my_about,.login_before .user_logout,.login_before .user_name,.login_before .user_sysmsg,.userbar .user_logreg,.userbar .user_welcome {

	display: none

}



.login_before .user_logreg,.login_before .user_welcome {

	display: inline-block;

	*display: inline;

	*zoom: 1

}



.login_before .v2 {

	display: none

}



.userbar .ulinks {

	position: absolute;

	z-index: 300;

	top: 39px;

	margin: 0;

	padding: 0;

	background: #fff;

	display: none;

	border: 1px solid #e3e3e3;

	float: right;

	-webkit-box-shadow: -1px 0 1px 0 rgba(0,0,0,.09);

	-moz-box-shadow: -1px 0 1px 0 rgba(0,0,0,.09);

	-ms-box-shadow: -1px 0 1px 0 rgba(0,0,0,.09);

	-o-box-shadow: -1px 0 1px 0 rgba(0,0,0,.09)

}



.userbar .link_about .arrows,.userbar .link_order .arrows {

	display: block;

	height: 10px;

	padding: 0;

	top: -9px;

	position: absolute

}



.userbar .link_about {

	right: 327px;

	width: 96px;

	text-align: left

}



.userbar .link_order {

	left: 947px;

	text-align: left

}



.userbar .link_order .arrows {

	background: url(../images/all.png?v=21) 0 -600px no-repeat;

	width: 100%;

	left: 0

}



.userbar .my_weixin {

	right: 30px;

	width: 100px

}



.userbar .link_about .arrows {

	background: url(../images/all.png?v=21) right -600px no-repeat;

	width: 100%;

	left: 0

}



.userbar .sina,.userbar .ulinks a,.userbar .weixin {

	height: 30px;

	display: block

}



.userbar li .head_time {

	font-size: 14px

}



.userbar .help_center {

	position: absolute;

	z-index: 88;

	top: 29px;

	right: 50px;

	margin: 0;

	padding: 5px 12px;

	background: #fff;

	border: 1px solid #a6a6a6;

	display: none;

	float: right

}



.userbar .ulinks a {

	margin: 0;

	padding: 0 10px 0 12px;

	line-height: 30px;

	color: grey;

	border-top: 1px solid #f2f3f2

}



.userbar .ulinks dd:first-child a {

	padding-top: 3px;

	border-top: none

}



.userbar .ulinks dd:hover {

	position: relative;

	margin-left: -1px;

	margin-bottom: -1px;

	padding-bottom: 1px;

	border-left: 2px solid #ec068f

}



.userbar .ulinks dd:hover a {

	padding-left: 11px;

	background: #fafafa

}



.userbar li.hover .ulinks,.userbar li:hover .ulinks {

	display: block

}



.userbar .weixin {

	background: url(../images/all.png?v=21) 0 -169px no-repeat;

	width: 30px;

	z-index: 999

}



.userbar .sina {

	background: url(../images/all.png?v=21) -17px -209px no-repeat;

	width: 24px

}



.userbar .my_weixin img {

	width: 100px;

	height: 100px

}



.logo_img {

	display: none

}



.noticebar {

	background: #fafafa

}



.noticebar .notice {

	position: relative;

	width: 1220px;

	margin: 0 auto

}



.noticebar .text {

	color: #ec008c;

	line-height: 20px;

	min-height: 20px;

	padding: 6px 12px;

	text-align: left;

	background: #fffbf2;

	border: 1px solid #f6c788

}



.noticebar .close {

	position: absolute;

	top: 10px;

	right: 10px;

	width: 20px;

	height: 20px;

	background: url(../images/all.png?v=21) center -810px no-repeat;

	display: block

}



.head_logo {

	min-height: 116px;

	z-index: 300

}



.head_logo .logo {

	margin: 22px 0 14px;

	float: left

}



.head_logo .head_shop {

	text-align: right;

	z-index: 0

}



.head_shop .wxcode {

	color: #ec008c;

	font-size: 12px;

	min-width: 110px;

	padding: 22px 0 0 12px;

	line-height: 20px;

	text-align: center;

	float: right

}



.head_shop .wxcode img {

	width: 65px;

	height: 65px;

	margin: 0 5px 0 0;

	overflow: hidden

}



.head_shop .cart_login {

	line-height: 40px;

	background: #ffdb3d;

	color: #404144;

	width: 160px;

	height: 40px;

	display: inline-block;

	text-align: center;

	position: relative

}



.cart_login b {

	padding-left: 30px;

	display: inline-block;

	background: url(../images/all.png?v=21) -20px -119px no-repeat;

	cursor: pointer

}



.cartbtn {

	position: relative;

	z-index: 5;

	margin: 42px 0 0;

	float: right

}



.cartbtn .dt {

	display: block

}



.cartbtn .cart_snap {

	position: absolute;

	z-index: 6;

	top: 40px;

	right: 0;

	width: 344px;

	text-align: center;

	background: #fffbf2;

	border: 1px solid #ffdb3d;

	display: none

}



.cartbtn:hover .cart_snap {

	display: block

}



.cart_snap .alt {

	padding: 10px;

	color: #3b3b3b;

	line-height: 24px

}



.cart_snap .cart_panel {

	padding: 10px;

	text-align: left

}



.cart_snap .tit {

	line-height: 24px;

	font-weight: 400

}



.cart_list .cart_item {

	padding: 5px 0

}



.cart_list .img {

	width: 67px;

	height: 38px;

	margin-right: 10px;

	float: left

}



.cart_list .del,.cart_list .price,.couponbar {

	float: right;

	overflow: hidden

}



.cart_list .price {

	margin-left: 10px;

	line-height: 20px;

	height: 20px

}



.cart_list .price .red {

	color: #ff2ea1

}



.cart_list .del {

	color: #6d6d6d;

	line-height: 18px;

	height: 18px;

	margin-left: 10px

}



.cart_list .attr,.cart_list .name {

	max-width: 180px;

	height: 20px;

	overflow: hidden

}



.cart_list .attr {

	height: 18px

}



.cart_list .name a {

	color: #3b3b3b;

	font-size: 14px;

	line-height: 20px;

	*line-height: 18px

}



.cart_list .attr a {

	color: #6d6d6d;

	font-size: 12px;

	line-height: 18px;

	*line-height: 14px

}



.cart_snap .cbtm {

	text-align: right;

	padding: 15px 0 5px

}



.cart_snap .cbtm .btn {

	width: 145px;

	font-size: 16px;

	line-height: 28px;

	height: 28px;

	padding: 0

}



.couponbar {

	padding: 42px 35px 0 0

}



.couponbar .offline_coupon {

	position: relative;

	display: block

}



.couponbar .offline_coupon .textbox {

	width: 246px;

	height: 28px;

	line-height: 28px

}



.couponbar .offline_coupon .submit {

	width: 82px;

	height: 40px;

	margin: 0 0 0 -4px;

	line-height: 40px

}



.couponbar .lnk {

	margin-left: 10px;

	line-height: 24px

}



.couponbox {

	min-width: 480px;

	padding: 0 20px 25px

}



.couponbox h3 {

	padding: 22px 0;

	font-size: 28px;

	line-height: 30px

}



.couponbox dl {

	padding: 15px 20px 20px;

	color: #666;

	background: #f4fbf5;

	border: 1px solid #bedbc3

}



.couponbox dt {

	font-size: 16px;

	line-height: 30px

}



.couponbox dd {

	line-height: 24px

}



.couponbox dd span {

	color: #7bbf12

}



.daohangtiao{position: relative;

    overflow: visible;

        margin: 0 auto;

    text-align: left;

    background-color: #5B5D61;

    }

.menu {

	width: 1220px;

	margin: 0 auto;

	position: relative;

    text-align: left;

}



.menu .all_sort {

	width: 228px;

	height: 46px;

	position: relative;

	float: left

}



.menu .all_pro {

	display: block;

	padding: 7px 50px 7px 20px;

	font-size: 16px;

	line-height: 2;

	color: #fff

}



.menu .a_pro {

	display: block;

	padding: 7px 45px 7px 20px;

	font-size: 16px;    text-decoration: none;

	line-height: 2;text-align: center;

	color: #fff

}

.menu .nav {

	height: 46px;

	background: #5b5d61;

	overflow: hidden

}

.menu .bren {

    display: block;

    float: left;

    width: 22px;

    height: 46px;

    margin-left: 50px;

    margin-right: 12px;

    background: url(../images/ico.png) no-repeat right -145px;

}

.menu .spanhover {

    display: block;

    float: right;

    height: 46px;

    background: #00A0E9;

    padding-left: 22px;

    padding-right: 18px;

}.menu .spanhover:hover {

    background: #0093dd;

}

.menu span b {

    display: block;

    float: right;

    width: 17px;

    height: 46px;

    margin-left: 10px;line-height: 46px;

    background: url(../images/ico.png) no-repeat right -195px;

}

.menu span a {

    display: block;

    color: #fff;

    font-size: 16px;

    width: 130px;    text-decoration: none;

    height: 46px;text-align: center;line-height: 46px;

}

.nav .nav_main {

	color: #fff

}



.nav .nav_main>li {

	float: left;

	line-height: 26px;

	font-size: 16px;

	width: 165px

}



.nav .nav_main li.nav_new_card {

	width: 165px;

    

	-webkit-transition:color 0.2s ease-out,position 0.2s ease-out;

    -moz-transition:color 0.2s ease-out,position 0.2s ease-out;

    -o-transition:color 0.2s ease-out,position 0.2s ease-out;

    transition:color 0.2s ease-out,position 0.2s ease-out;

}

.nav .nav_main>li>a {

	position: relative;

	color: #fff;

	display: block;

	padding: 10px 0;

	text-align: center

}

li#chage{

  width:70px;height:38px;display:block;position:absolute;left:0px;z-index:-1;border:2px solid #191919;

  border-radius:10px;

  background:-webkit-gradient(linear, 0 100%, 0 0, from(black), color-stop(0.5, black), color-stop(0.52,#313131), to(#6A6A6A));

  box-shadow:0px 2px 0px rgba(255, 255, 255, .3);

  -webkit-transform: translate(0px,0px);

  -webkit-transition:-webkit-transform .2s ease-out;

}

/*导航切换样式*/

.flexslider{margin:0 auto;position:relative;width:992px;height:366px;overflow:hidden;zoom:1;margin-left: 228px;}

.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}

.flexslider .slides{zoom:1;}

.flexslider .slides .img img{width: 992px;height: 366px;}

.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/homeimages/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}

.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}

.flex-direction-nav .flex-prev{left:0;}

.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}

.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}

.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}

.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}

.flex-control-paging li a{background:url(../images/homeimages/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}

.flex-control-paging li a.flex-active{background-position:0 0;}



 .yftNavChannel {

    width: 203px;

    height: 150px;

    overflow: hidden;

    float: left;margin-top: 35px;text-align: center;

}

.yftNavChannel dt {

    display: inline-block;

    float: left;

    width: 202px;

    border-right: #e7e7e7 1px solid;

    overflow: hidden;

    text-align: center;

    height: 130px;

}.yftNavChannel dt a.yftNavChannel-txt {

    font: 16px/1 'microsoft yahei';

}

 .yftNavChannel dt a.yftNavChannel-img {

    height: 105px;

    display: inline-block;

    width: 202px;

    position: relative;

    overflow: hidden;

} .yftNavChannel dd {

    font: 14px/18px 'microsoft yahei';

    color: #ec008c;

    display: block;

    text-align: center;

    width: 202px;

    float: left;

}

.floor {

    background: #fff;

}

.floor div {

    overflow: hidden;

}

.floor h4.title {

    font-size: 16px;

    font-weight: bold;

    height: 48px;

    line-height: 48px;

    font-family: "微软雅黑";

    width: 1220px;

    background: #ebebeb;

}

.floor h4.title span {

    float: right;

    font-weight: normal;

    font-size: 12px;

    padding-top: 8px;

    line-height: 40px;

}

.f_box {

}.f_left {

    float: left;

    width: 208px;

    display: inline;

    border-right: 1px solid #cccccc;

    border-bottom: 1px solid #cccccc;

    height: 457px;

}

.f_left ul {

    float: left;

}

.f_left ul {

    width: 210px;

}.f_left ul li {

    float: left;

    width: 104px;

    height: 39px;

    line-height: 39px;

    border-right: 1px solid #cccccc;

    border-bottom: 1px solid #cccccc;

    word-break:keep-all;/* 不换行 */

white-space:nowrap;/* 不换行 */

overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */



}

.hovermove{

    height: 39px;display: block;

}

.f_left ul li a:hover .dongqilai{

    -webkit-animation:toTopFromBottom .3s forwards;-moz-animation:toTopFromBottom .3s forwards;animation:toTopFromBottom .3s forwards;

}

@-webkit-keyframes toTopFromBottom {

49% {

-webkit-transform: translateY(-100%)

}

50% {

opacity: .3;

-webkit-transform: translateY(40%)

}

51% {

opacity: 1

}

}

@-moz-keyframes toTopFromBottom {

49% {

-moz-transform: translateY(-100%)

}

50% {

opacity: .3;

-moz-transform: translateY(40%)

}

51% {

opacity: 1

}

}

@keyframes toTopFromBottom {

49% {

transform: translateY(-100%)

}

50% {

opacity: .3;

transform: translateY(40%)

}

51% {

opacity: 1

}

}

.f_left ul li b.fl_1 {

    background-position: center -1px;

}

.f_left ul li b {

    width: 26px;

    height: 20px;

    background-image: url(../images/f1.jpg);

    margin: 10px 5px 0 15px;

    float: left;

    display: inline;  

}.f_right {

    float: left;

    width: 1011px;

    display: inline;

}.f_right dl dt {

    float: left;

    width: 303px;

    height: 457px;

    display: inline;

    border-bottom: 1px solid #ccc;

}.f_right dl dd {

    float: left;

    width: 708px;

}.f_right dl dd ul li {

    width: 235px;

    height: 228px;

    border: 1px solid #ccc;

    border-top: none;

    border-right: none;

    float: left;

    display: inline;

    text-align: center;

}

.floor img:hover {

    /* box-shadow: 1px 2px 5px #ccc; */

    filter: Alpha(opacity=60);

    -moz-opacity: 0.6;

    opacity: 0.6;

    background: #000;

}

.f_left div {

    float: left;

}

#footer {

    width: 100%;

    margin: 0 auto;

    background: #fff;

}

.fbox {

    width: 1220px;

    margin: 0 auto;

    text-align: center;

}.fbox div {

    overflow: hidden;

}

.footer_logo {

    width: 290px;

    height: 80px;

    margin-bottom: 5px;margin-top: 5px;

    background-position: -20px center;

}

.kfpic {

    display: block;

    width: 117px;

    height: 34px;

    line-height: 34px;

    text-indent: 30px;

    color: #FFFFFF;

    font-weight: bold;

    margin-left: 75px;

    text-indent: 40px;

    background: url(../images/new/kfpic.png) no-repeat;

    background-position: center;

    -webkit-transition: color 0.2s ease-out,background 0.2s ease-out;

    -moz-transition: color 0.2s ease-out,background 0.2s ease-out;

    -o-transition: color 0.2s ease-out,background 0.2s ease-out;

    transition: color 0.2s ease-out,background 0.2s ease-out;

}

 .kfpic:hover{background: url(../images/new/kfpic_cur.png) no-repeat;background-position: center;color: #FFFFFF;text-decoration: none;}

.f_weibo a {

    display: block;

    color: #838383;

    padding: 5px;

}

.f_nav {

    float: left;

    width: 920px;

    margin: 0 2px 0 0px;

    display: inline;

}

.f_nav dl {

    float: left;

    display: inline;

    width: 180px;

}.f_nav dl dt {

    height: 60px;

    line-height: 60px;

    font-weight: bold;

    font-size: 14px;

    color: #000;

}.f_weibo {

    float: left;

    width: 290px;

    display: inline;

}.f_weibo dl dt {

    line-height: 34px;

    padding-top: 10px;

    font-family: "微软雅黑";

}.f_weibo dl dd span {

    float: left;

}.f_weibo dl dd h4 {

    float: left;

    width: 110px;

    display: inline;

    margin: 0 26px 0 11px;

}.f_weibo dl dt h4.phone {

    float: left;

    width: 205px;

    display: inline;

    position: relative;

}.f_weibo dl dt h4.weibo {

    float: left;

    width: 58px;

    display: inline;

}.f_weibo div {

    overflow: hidden;

}









.nav .nav_main img {

	margin-left: 5px;

	vertical-align: top

}



.menu .nav .sel,.nav .nav_main>li:hover {

	background: #3f3f40

}



.nav_category {

	position: absolute;

	left: 0;

	z-index: 11;

	background: #fff;

	line-height: 0;border-top: 1px solid #ccd5df;

	font-size: 0

}



.nav_category .nav_category_item {

	position: relative;

	border-bottom: 1px solid #ccd5df;

	width: 228px;

	height: 64px;

	*height: 63px;

	overflow: visible;

    transition: background .2s,padding-left .2s;

    -webkit-transition: background .2s,padding-left .2s;

}



.nav_category .nav_category_content {

	position: relative;

	font-size: 14px;

	line-height: 24px;

	height: 52px;

	padding: 8px 10px 4px 12px;

	border-left: 1px solid #ccd5df;

	border-right: 1px solid #ccd5df;

	overflow: hidden;

	display: block;

    transition: .2s ease;

    -webkit-transition: .2s ease;

}



.nav_category .nav_category_content img {

	margin-left: 5px;

	vertical-align: middle

}



.nav_category .title {

	color: #ec008c;

	line-height: 28px;

	display: inline-block;

	vertical-align: middle

}



.nav_category a,.nav_category a:hover {

	color: #6d6d6d

}



.nav_category .links {

	white-space: nowrap;

	overflow: hidden;

	display: block

}



.nav_category .links span {

	margin-right: 5px;

	font-size: 14px;

	line-height: 24px;

	display: inline-block

}



.nav_category .many span {

	min-width: 40px

}



.nav_category .loading_default {

	min-height: 54px;

	background: url(../images/loading.gif?v=21) center center no-repeat

}



.nav_category .children_list {

	position: absolute;

	top: -1px;

	left: 228px;

	z-index: 12;

	width: 0;

	height: 520px;

	white-space: nowrap;

	background: #fbfbfb;

	overflow: hidden;

	-webkit-transition: all 0s ease 0;

	-moz-transition: all 0s ease 0;

	-ms-transition: all 0s ease 0;

	-o-transition: all 0s ease 0;

	transition: all 0s ease 0

}



.nav_category .children_list ul {

    max-height: 520px;

	width: 230px;

	vertical-align: top;

	display: inline-block;

	*display: inline;

	*zoom: 1

}



.nav_category .children_list li {

	height: 65px;

    width: 250px;

	white-space: nowrap;

	overflow: hidden;

    float: left;

	*margin-left: -16px

}



.nav_category .children_list ul:first-child {

	width: 500px;

}



.nav_category .children_list a {

	position: relative;

	margin: 0;

	display: block;

	line-height: 40px;

	padding: 12px 20px 12px 0;

	border-top: 1px solid #fbfbfb;

	vertical-align: bottom

}



.nav_category .children_list ul:first-child a {

	padding: 12px 20px

}



.nav_category .children_list li:first-child {

	height: 64px

}



.nav_category .children_list li:first-child a {

	border-top: none

}



.nav_category .children_list li img {

	vertical-align: middle;

	width: 70px;

	height: 40px;

	overflow: hidden;

	cursor: pointer

}



.nav_category .children_list .text {

	vertical-align: middle;

	display: inline-block;

	max-width: 114px;

	margin-left: 15px;

	font-size: 14px;

	cursor: pointer

}



.nav_category .children_design_list ul {

	width: 130px;

	padding: 20px 0

}



.nav_category .children_design_list ul:first-child {

	width: 150px

}



.nav_category .children_design_list li {

	height: 48px

}



.nav_category .children_design_list li:first-child {

	height: 47px

}



.nav_category .children_design_list a {

	line-height: 24px

}



.nav_category .children_design_list .text {

	margin-left: 0

}



.nav_category .nav_category_item:hover .nav_category_content {

	border-left: 2px solid #ec008c;

	padding: 8px 10px 4px 11px;

	background: #fbfbfb;

	border-right: none;padding-left: 20px;

}



.nav_category .nav_category_item:hover .children_list {

	width: auto;

	height: 520px;

    max-height: 520px;

	overflow: visible;

	border: 1px solid #ccd5df;

	border-left: none

}



.nav_category .item_last {

	position: static

}



.nav_category .item_last .children_list {

/*	bottom: -1px;*/

	top: 1;

	margin-bottom: 0

}



.nav_category .children_list li a:hover {

	color: #ec008c

}



.nav_category .hot {

	position: absolute;

	top: 0;

	right: 0;

	width: 72px;

	height: 72px;

	background: url(../icons/hot.png?v=21) right top no-repeat;

	display: inline-block;

	cursor: pointer

}



.nav_category .hot1,.nav_category .hot2,.nav_category .hot3,.nav_category .hot4 {

	position: absolute;

	top: 6px;

	margin-left: -25px;

	width: 30px;

	height: 30px;

	background: url(../images/sprite.png?v=21) no-repeat;

	display: inline-block;

	vertical-align: middle

}



.nav_category .hot1 {

	background-position: -14px -85px

}



.nav_category .hot2 {

	background-position: -14px -125px

}



.nav_category .hot3 {

	background-position: -14px -165px

}



.nav_category .hot4 {

	background-position: -14px -205px

}



.nav_category .children_list .imgs {

	width: 251px;

	border-left: 1px solid #ccd5df;

	overflow: hidden

}



.nav_category .children_list .imgs li {

	height: 260px;

	padding: 0;

	overflow: hidden

}



.nav_category .children_list .imgs a {

	height: 100%;

	padding: 0;

	border: none;

	overflow: hidden

}



.nav_category .children_list .imgs li:first-child a {

	height: 259px;

	border-bottom: 1px solid #ccd5df

}



.nav_category .children_list .imgs img {

	width: 100%;

	height: 100%

}

.menu .all_sort {

	background: url(../images/herder.png) right center no-repeat #ec008c

}



.menu .sort_show {

	background-position: right center

}



.menu .all_sort:hover {

	background: url(../images/herder.png) right center no-repeat #ff2ea1;

	background-position: right center

}



.menu .sort_show .nav_category {

	height: 0;

	overflow: hidden;

	-webkit-transition: height .3s ease 0;

	-moz-transition: height .3s ease 0;

	-ms-transition: height .3s ease 0;

	-o-transition: height .3s ease 0;

	transition: height .3s ease 0

}



.menu .sort_show:hover .nav_category {

	height: 520px;

	border-bottom: 0px solid #ccd5df

}

 .itnb {

float: right;width: 17px;height: 22px;margin-top: 13px;background: url(../images/all.png) -21px -648px no-repeat;margin-right: 22px;

-moz-transition: -moz-transform .2s ease-in;

	-o-transition: -o-transform .2s ease-in;

	transition: transform .2s ease-in

/*	-webkit-transition:color 0.2s ease-out,background 0.2s ease-out;

    -moz-transition:color 0.2s ease-out,background 0.2s ease-out;

    -o-transition:color 0.2s ease-out,background 0.2s ease-out;

    transition:color 0.2s ease-out,background 0.2s ease-out;*/

}

.menu .sort_show:hover .itnb {

    

/*	background-position: right -688px;*/

    -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s

}

.menu .sort_show .nav_category:hover {

	overflow: visible

}



.menu .nav_new_card_bg {

	position: absolute;

	left: 0;

	width: 100%;

	height: 0;

	overflow: hidden;

	text-align: center;

	z-index: 12;

    display: block;

}



.menu .nav_new_card:hover .nav_new_card_bg {

	height: 200px;

	overflow: visible

}



.nav_new_card_bg .nav_new_opacity {

	position: absolute;

	width: 100%;

	height: 100%;

	z-index: -1;

	background-color: #ffffff;

    -webkit-box-shadow: 5px 5px 15px 1px #4A494C;

      -moz-box-shadow: 5px 5px 15px 1px #4A494C;

}



.new_card_list {

	height: 100%

}



.new_card_list>a {

	display: inline-block;

	width: 144px;

	height: 100px;

	padding: 10px 0;

	text-align: center;

	overflow: hidden;

	font-size: 12px;

	color: #ccc

}



.copyright,.copyright a,.footer .links,.footer .links a {

	color: #fff

}



.new_card_list>a:hover {

	color: #fff;

	text-decoration: none

}



.new_card_list>a span {

	display: block;

	line-height: 18px;

	font-family: "宋体"

}



.new_card_list>a>i {

	display: inline-block;

	height: 60px;

	width: 60px;

	margin: 0 10px;

	background: url(../images/new_card.png?v=21) no-repeat;

	background-size: 480px 150px

}



.new_card_list .new_card_icon {

	background-position: 0 0

}



.new_card_list .new_page_icon {

	background-position: -120px 0

}



.new_card_list .new_rack_icon {

	background-position: -240px 0

}



.new_card_list .new_folder_icon {

	background-position: -360px 0

}



.new_card_list .new_sticker_icon {

	background-position: -420px 0

}



.new_card_list .new_card:hover .new_card_icon {

	background-position: 0 -60px

}



.new_card_list .new_page:hover .new_page_icon {

	background-position: -120px -60px

}



.new_card_list .new_rack:hover .new_rack_icon {

	background-position: -240px -60px

}



.new_card_list .new_folder:hover .new_folder_icon {

	background-position: -360px -60px

}



.new_card_list .new_sticker:hover .new_sticker_icon {

	background-position: -420px -60px

}



.nav_new_card .new_desc {

	position: absolute;

	left: -7px;

	bottom: 0;

	line-height: 17px;

	*line-height: 19px;

	min-width: 100px;

	width: 180px;

	font-size: 12px;

	font-size: 10px\9;

	transform: scale(.8,.8);

	-webkit-transform: scale(.8,.8);

	-moz-transform: scale(.8,.8);

	-o-transform: scale(.8,.8)

}



.head_min .headbar {

	position: fixed;

	_position: absolute;

	z-index: 99;

	top: 0;

	left: 0;

	width: 100%;

	padding-bottom: 8px;

	background: url(../images/header.png?v=21) center bottom repeat-x;

	border-top: none

}



.head_min .logo,.head_min .topbar .telphone {

	display: none

}



.head_min .nav .first img,.sitemap h1 {

	display: inline

}



.head_min .topbar {

	height: auto

}



.head_min .nav {

	clear: left;

	_width: 612px;

	padding: 17px 0 13px;

	float: left

}



.banner,.footer,.pattr .attrs {

	clear: both

}



.head_min .nav li {

	width: auto;

	_width: 102px;

	height: 20px

}



.head_min .nav li a {

	height: 44px;

	margin: -17px 0 -13px;

	_margin: -17px 0 -13px;

	padding: 0 20px;

	line-height: 52px

}



.head_min .userbar {

	padding: 13px 0

}



.head_min .userbar .ulinks {

	top: 40px;

	*top: 37px

}



.sitemap {

	font-size: 16px;

	width: 1190px;

	padding: 15px;

	overflow: hidden

}



.sitemap>a,.sitemap>b,.sitemap>h1,.sitemap>span {

	line-height: 24px;

	vertical-align: middle

}



.sitemap b {

	margin: 0 10px;

	font-weight: 400

}



.sitemap h1 {

	font-size: 16px;

	font-weight: 400

}



.footer {

	position: absolute;

	bottom: 0;

	left: 0;

	z-index: 5;

	width: 100%;

	background: #767575

}



.footer .links {

	background: #767575;

	min-height: 230px;

	padding: 45px 0 0;

	overflow: hidden

}



.footer .links li {

	width: 140px;

	padding-left: 60px;

	line-height: 30px;

	overflow: hidden;

	float: left

}



.footer .links li:first-child {

	padding-left: 40px

}



.footer .links .foot_line {

	width: 1px;

	height: 72px;

	padding: 0;

	background: #c8c8c8;

	margin-top: 37px

}



.footer .links .foot_service {

	width: 180px;

	line-height: 20px

}



.footer .links .foot_weixin {

	width: 140px;

	padding-left: 40px;

	font-size: 12px;

	line-height: 18px

}



.footer .links h3 {

	font-size: 18px;

	line-height: 30px

}



.footer .links .tel {

	margin-top: 5px;

	font-size: 18px;

	font-weight: 700

}



.footer .links .weibo {

	margin-top: 16px;

	font-size: 16px;

	font-weight: 700

}



.footer .links .wxcode {

	padding: 6px 0 3px;

	min-height: 102px

}



.copyright {

	font-size: 12px;

	height: 30px;

	line-height: 30px;

    text-align: center;

	background: #505053

}



.copyright .foot_cnzz {

	vertical-align: middle

}



.ureg {

	border-top: 1px solid #e5e4e4

}



.banner .pro_slider,.pagebar {

	border-top: 1px solid #ccd5df

}



.ureg,.ureg .copyright,.ureg .copyright a {

	color: #767575;

	font-size: 14px;

	text-align: center;

	line-height: 50px;

	height: auto;

	background: 0 0

}



.headline {

	font-weight: 400

}



.myincoin_indro {

	font-size: 14px;

	vertical-align: middle;

	padding-left: 5px

}



.smallBody {

	min-width: 720px;

	_width: 720px

}



.smallBody .layout {

	width: 616px

}



.banner {

	min-height: 520px;

	width: 1220px;

	margin: 0 auto

}



.banner .slider:hover .btn_left,.banner .slider:hover .btn_right {

	display: block

}





.banner .slider {

	position: relative;

	z-index: 1;

	left: 228px;

	top: 0;

	*left: 114px;

	width: 992px;

	height: 366px;

	overflow: hidden

}



.banner .slider ul {

	position: absolute;

	left: 0;

	width: 100%;

	height: 100%;

	line-height: 0;

	font-size: 0;

	overflow: visible;

	text-align: left;

	white-space: nowrap

}



.banner .slider ul li {

	position: relative;

	width: 100%;

	height: 100%;

	overflow: hidden

}



.banner .slider ul li a,.banner .slider ul li img {

	width: 100%;

	height: 100%;

	display: block;

	overflow: hidden

}







.banner .pro_slider,.commit,.guidance {

	line-height: 0;

	font-size: 0;

	white-space: nowrap

}



.banner ol li a {

	color: #fff

}



.banner ol li.sel {

	background-position: center -1010px

}



.banner .btn_left,.banner .btn_right {

	position: absolute;

	top: 50%;

	width: 43px;

	height: 68px;

	margin: -34px 0 0;

	background: url(../images/sprite.png?v=21) -100px 0 no-repeat;

	display: none;

	cursor: pointer

}



.banner .btn_left {

	left: 0;

	right: auto;

	background-position: 0 -240px

}



.banner .btn_right {

	left: auto;

	right: 0;

	background-position: 0 -320px

}



.banner .pro_slider {

	padding-left: 227px;

	height: 153px;

	display: table

}



.banner .pro_list {

	overflow: hidden;

	border-right: 1px solid #ccd5df;

    border-bottom: 1px solid #ccd5df;

	width: 330px;

	height: 153px;

	display: inline-block;

	vertical-align: top;

	*display: inline;

	*zoom: 1

}



.banner .pro_list img {

	width: 100%;

	height: 100%;

	overflow: hidden

}



.banner .pro_list a {

	color: #404144;

	display: block;

	height: 153px

}



.banner .pro_list a:hover {

	color: #ec008c

}



.advertising {

	padding: 35px 0 0

}



.pagebar {

	margin: 30px 0 0;

	padding: 25px 0 16px;

	background: #fbfbfb

}



.lead {

	padding: 28px 0 27px;

	text-align: center

}



.guidance a {

	width: 282px;

	height: 132px;

	margin-left: 20px;

	border: 4px solid transparent;

	background: url(../images/guidance.png) -290px -4px no-repeat;

	display: inline-block;

	vertical-align: middle

}



.guidance .col1 {

	margin-left: 0;

	background-color: #30c0c8;

	background-position: center 0

}



.guidance .col2 {

	background-color: #56b4f0;

	background-position: center -154px

}



.guidance .col3 {

	background-color: #ea7ae9;

	background-position: center -304px

}



.guidance .col4 {

	background-color: #ec008c;

	background-position: center -454px

}



.guidance .col1:hover {

	border-color: #29a6ad

}



.guidance .col2:hover {

	border-color: #4190c2

}



.guidance .col3:hover {

	border-color: #c348c2

}



.guidance .col4:hover {

	border-color: #b6036d

}



.commit {

	overflow: hidden

}



.commit li {

	width: 25%;

	display: inline-block;

	vertical-align: top;

	*display: inline;

	zoom: 1

}



.commit li div {

	height: 60px;

	padding: 14px 10px 26px 137px;

	background: url(../images/commit.png?v=21) no-repeat

}



.commit .col1 div {

	background-position: 60px -5px

}



.commit .col2 div {

	padding-left: 133px;

	background-position: 50px -105px

}



.commit .col3 div {

	padding-left: 146px;

	background-position: 60px -205px

}



.commit .col4 div {

	padding-left: 142px;

	background-position: 60px -305px

}



.commit li span {

	color: #6d6d6d;

	font-size: 18px;

	line-height: 30px;

	display: block

}



.product_list ul {

	position: relative;

	margin: -16px 0 0 8px;

	padding: 0 0 35px

}



.product_list li {

	text-align: right;

	width: 301px;

	height: 400px;

	margin: 11px 0 0;

	overflow: hidden;

	float: left

}



.product_list .item {

	height: 364px;

	margin: 6px 7px 8px;

	padding: 10px;

	border: 1px solid #e5e5e5

}



.product_list .item:hover {

	-webkit-box-shadow: 1px 0 10px rgba(0,0,0,.15);

	-moz-box-shadow: 1px 0 10px rgba(0,0,0,.15);

	-ms-box-shadow: 1px 0 10px rgba(0,0,0,.15);

	-o-box-shadow: 1px 0 10px rgba(0,0,0,.15);

	box-shadow: 1px 0 10px rgba(0,0,0,.15)

}



.product_list .iecss .item:hover {

	margin: 0;

	padding: 17px 18px 19px;

	background: url(../images/phover.png?v=21) no-repeat;

	border: none

}



.product_list .img {

	width: 265px;

	height: 265px;

	overflow: hidden;

	display: block

}



.product_list .img img {

	width: 100%;

	height: 100%

}



.product_list .price {

	text-align: left;

	color: #ec008c;

	font-size: 16px;

	line-height: 28px;

	margin: 6px 0 0

}



.product_list .desc {

	text-align: left;

	color: #9d9d9d;

	font-size: 12px;

	line-height: 18px;

	height: 36px;

	overflow: hidden

}



.product_list .name {

	font-weight: 700;

	margin-right: 10px

}



.product_list .btn {

	font-size: 12px;

	line-height: 18px;

	width: 78px;

	height: 20px;

	margin: 9px 0 0

}



.product a {

	color: #404144

}



.product a:hover {

	color: #ec008c

}



.plnks .plnk {

	height: 38px;

	margin: -1px 0;

	padding: 1px 0

}



.plnks .plnk a {

	height: 38px;

	line-height: 38px;

	margin: 0 -1px;

	padding: 0 1px 0 2px;

	text-indent: 12px;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	display: block;

	font-size: 14px

}



.plnks dd.sel {

	height: 38px;

	padding: 0;

	border-top: 1px solid #ccd5df;

	border-bottom: 1px solid #ccd5df;

	*width: 160px

}



.plnks dd.sel a {

	color: #ec008c;

	height: 38px;

	padding: 0 1px 0 0;

	background: #fbfbfb;

	border-left: 2px solid #ec008c

}



.pimg .pdesc i,.pimg img {

	width: 100%;

	height: 100%

}



.pimg .pdesc {

	position: absolute;

	left: 0;

	top: 100%;

	width: 100%;

	overflow: hidden;

	cursor: pointer

}



.pimg .pdesc .con {

	position: relative;

	margin-bottom: -100%;

	display: block;

	-webkit-transition: all .3s ease 0;

	-moz-transition: all .3s ease 0;

	-ms-transition: all .3s ease 0;

	-o-transition: all .3s ease 0;

	transition: all .3s ease 0

}



.pimg .pdesc i {

	position: absolute;

	z-index: 1;

	left: 0;

	top: 0;

	background: #959595

}



.pimg .pdesc .con span {

	position: relative;

	z-index: 2;

	color: #fff;

	padding: 20px 25px;

	line-height: 24px;

	display: inline-block

}



.pattr .vals {

	overflow: hidden;

	display: block

}



.pinfos .pattr .attr {

	padding: 6px 0

}



.pattr .atr,.pattr .val {

	line-height: 20px;

	padding: 1px 6px;

	overflow: hidden

}



.pattr .atr {

	float: left;

	padding: 0;

	min-width: 76px;

	text-indent: 5px;

	line-height: 24px;

	text-align: right;

	display: inline-block;

	vertical-align: top

}



.pattr .pprice i,.pattr .pprice span,.pattr .red,.pattr .val {

	vertical-align: middle

}



.pattr .val {

	display: inline-block;

	*vertical-align: top

}



.pattr .sel {

	padding: 0 5px;

	border: 1px solid #ec008c

}



.designs_list li,.products .pimg,.products .pinfos {

	border-left: 1px solid #ccd5df

}



.pattr .dis,.pattr .dis:hover {

	color: #d2d2d2;

	background-color: transparent

}



.pattr .pprice .alt {

	color: #a6a6a6;

	margin-left: 5px

}



.pattr .pprice {

	padding: 5px 0

}



.pattr .pprice .rmb {

	font-size: 16px;

	font-style: normal

}



.pattr .red {

	font-size: 18px

}



.pattr .gray {

	color: #d2d2d2;

	font-size: 14px;

	margin-left: 10px;

	text-decoration: line-through

}



.pattr .pmore {

	padding-left: 4px

}



.pattr .pmore .btn {

	position: relative;

	width: auto;

	height: 25px;

	line-height: 25px;

	margin: 0 30px;

	padding: 0 20px;

	color: #fff

}



.products {

	padding-top: 0

}



.products .product {

	text-align: left;

	overflow: hidden

}



.products .ptype {

	padding: 40px 0 0;

	overflow: hidden

}



.ptype div {

	color: #757577;

	height: 20px;

	padding: 0 0 10px;

	font-size: 20px;

	line-height: 20px;

	white-space: nowrap

}



.ptype h2 {

	font-size: 20px;

	display: inline

}



.ptype .cleck {

	float: right;

	overflow: hidden

}



.pnodes {

	overflow: visible;

	border: 1px solid #ccd5df;

	padding-bottom: 0;

	position: relative

}



.products .plnks {

	width: 160px;

	overflow: visible;

	float: left;

	padding-bottom: 30px

}



.products .pinfos {

	height: 100%;

	overflow: hidden

}



.products .pinfo {

	height: 100%;

	min-height: 423px;

	background: #fbfbfb;

	overflow: hidden;

	display: none

}



.products .pimg a,.products .shw {

	display: block

}



.products .pinfos:hover .shw .pdesc,.products .shwdesc .shw .pdesc {

	top: auto;

	bottom: 0

}



.products .pinfos:hover .shw .pdesc .con,.products .shwdesc .shw .pdesc .con {

	margin-bottom: 0

}



.products .pattr {

	padding: 10px 20px;

	overflow: hidden

}



.products .atrbox {

	height: 347px;

	padding-right: 0;

	padding-bottom: 10px

}



.products .atrbox .attrs {

	max-height: 285px;

	overflow: hidden;

	*position: relative

}



.products .atrbox .attr {

	position: relative;

	padding-right: 15px

}



.products .atrbox .vals {

	height: 24px

}



.products .pimg,.products .pimg a {

	width: 711px;

	height: 403px;

	overflow: hidden;

	position: relative

}



.products .atrbox .val {

	max-width: 202px

}



.products .pimg {

	padding: 10px;

	background: #fff;

	float: right

}



.designs_list,.designs_list li {

	overflow: visible

}



.designs_list li {

	width: 211px;

	min-height: 423px;

	float: left

}



.designs_list li:first-child {

	border-left: none

}



.designs_list .col1 {

	width: 211px

}



.designs_list .col2 {

	width: 370px

}



.designs_list .col3,.designs_list .col4,.designs_list .col5 {

	width: 211px

}



.designs_list .item {

	padding: 10px;

	border-top: 1px solid #ccd5df

}



.designs_list .small {

	background: #fbfbfb

}



.designs_list .item:first-child {

	border-top: none

}



.designs_list .img {

	position: relative;

	width: 191px;

	height: 191px;

	overflow: visible;

	display: block

}



.designs_list .big .img {

	width: 350px;

	height: 350px

}



.designs_list .small .img {

	width: 350px;

	height: 32px;

	line-height: 32px;

	text-align: center;

	color: #404144

}



.designs_list .high .img {

	width: 191px;

	height: 403px

}



.designs_list .desc,.designs_list .desc i,.designs_list .img img {

	height: 100%;

	width: 100%

}



.designs_list .more {

	font-size: 16px

}



.designs_list .more:hover {

	color: #ec008c;

	font-weight: 700

}



.designs_list .desc {

	position: absolute;

	left: -11px;

	top: -11px;

	padding: 11px;

	overflow: hidden

}



.designs_list .desc .wrap {

	position: relative;

	width: 100%;

	height: 100%;

	display: inline-block;

	overflow: hidden

}



.designs_list .desc i {

	position: absolute;

	z-index: 1;

	left: 0;

	top: 100%;

	background: #959595;

	-webkit-transition: all .3s ease 0;

	-moz-transition: all .3s ease 0;

	-ms-transition: all .3s ease 0;

	-o-transition: all .3s ease 0;

	transition: all .3s ease 0

}



.designs_list .desc .con {

	position: absolute;

	z-index: 2;

	top: -100%;

	color: #fff;

	width: 100%;

	padding: 0;

	line-height: 24px;

	display: block;

	text-align: center;

	-webkit-transition: all .4s ease 0;

	-moz-transition: all .4s ease 0;

	-ms-transition: all .4s ease 0;

	-o-transition: all .4s ease 0;

	transition: all .4s ease 0

}



.designs_list .desc .name {

	position: relative;

	top: 0;

	font-weight: 400;

	font-size: 24px;

	line-height: 40px;

	display: block

}



.designs_list .desc .lnk {

	width: 120px;

	height: 32px;

	font-size: 18px;

	line-height: 32px;

	border: 1px solid #fff;

	display: inline-block

}



.designs_list .item:hover .desc {

	padding: 10px;

	border: 1px solid #ec008c

}



.designs_list .item:hover .desc i {

	top: 0

}



.designs_list .item:hover .desc .con {

	top: 58px

}



.designs_list .big:hover .desc .con {

	top: 138px

}



.designs_list .high:hover .desc .con {

	top: 164px

}



.pnodes .plcleck {

	position: absolute;

	bottom: 0;

	margin-bottom: 0

}



input.textbox,select,textarea {

	color: #414141;

	font-size: 14px;

	height: 20px;

	line-height: 20px;

	padding: 5px 6px;

	background-color: #fff;

	border: 1px solid #ccd5df;

	border-radius: 3px;

	vertical-align: middle;

	resize: none

}



textarea {

	height: 100px;

	overflow: hidden;

	overflow-y: auto;

	resize: none

}



select {

	height: 28px;

	margin: 0 10px 0 0;

	padding: 2px 5px

}



.forms,.forms .form_item {

	padding: 5px 0;

	overflow: hidden

}



input.dis,select.dis,textarea.dis {

	background-color: #ebebe4

}



input::-ms-clear {

	display: none

}



.forms .form_item {

	position: relative;

	text-align: left;

	font-size: 0;

	line-height: 0;

	*zoom: 1;

	display: table;

	table-layout: fixed

}



.forms .form_inline,.forms .form_item .alt,.forms .form_item .attrs,.forms .form_item .field,.forms .form_item .itr,.forms .form_item .msg,.forms .form_item .readonly,.forms .form_item .required,.forms .form_item .text,.forms .form_item .unit,.forms .form_item input {

	vertical-align: middle;

	display: inline-block

}



.forms .buynow {

	background: #ec008c

}



.forms .btm_attr {

	padding-left: 41px

}



.forms .error .alt,.forms .form_item .msg {

	display: none

}



.forms .form_item .field {

	font-size: 14px;

	line-height: 24px;

	text-align: right;

	width: 80px;

	margin-right: 15px

}



.forms .form_item .text,.forms .form_item .unit {

	font-size: 14px;

	line-height: 30px

}



.forms .form_item .unit {

	margin-left: 3px

}



.forms .form_item .required {

	color: #ec008c;

	font-size: 18px;

	text-indent: 12px;

	text-align: center;

	font-weight: 400;

	height: 32px;

	line-height: 40px

}



.forms .form_item .alt,.forms .form_item .itr,.forms .form_item .msg {

	color: #ec008c;

	font-size: 12px;

	line-height: 24px;

	text-indent: 12px;

	height: 24px

}



.forms .form_item .alt {

	color: #a6a6a6

}



.forms .form_item .itr {

	color: #4a3437;

	font-size: 14px;

	text-indent: 0

}



.forms .form_item .readonly {

	font-size: 16px;

	line-height: 24px;

	text-indent: 12px

}



.forms .textbox {

	width: 172px

}



.forms .adr_desc {

	width: 320px

}



.forms .focus .textbox {

	padding: 4px 5px;

	border: 2px solid #ccd5df

}



.forms .error .textbox {

	border-color: #ec008c

}



.forms .error .msg {

	display: inline-block

}



.couponbar .placeholder,.forms .placeholder,.main .placeholder {

	color: #ccc

}



.btn_blue,.file_btn {

	color: #fff;

	text-align: center;

	display: inline-block;

	vertical-align: middle

}



.radios b {

	height: 20px;

	line-height: 20px

}



.checkboxs .checkbox input,.forms label.btn input,.radios .radio input {

	width: 1000px;

	height: 100px;

	cursor: pointer;

	filter: alpha(opacity=0);

	opacity: 0

}



.checkboxs,.radios {

	border: none;

	background-color: transparent

}



.checkboxs .checkbox,.radios .radio {

	position: relative;

	background: url(../images/all.png?v=21) -20px -250px no-repeat;

	display: inline-block;

	vertical-align: middle;

	font-size: 14px;

	line-height: 20px;

	padding-left: 27px;

	margin-right: 30px;

	text-decoration: none;

	overflow: hidden;

	cursor: pointer

}



.checkboxs .sel {

	background-position: -20px -290px

}



.radios .radio {

	background-position: -20px -170px

}



.radios .sel {

	background-position: -20px -210px

}



.radios_mini .radio {

	padding-left: 24px;

	background-position: -20px -1650px

}



.radios_mini .sel {

	background-position: -20px -1690px

}



.checkboxs .checkbox input,.radios .radio input {

	position: absolute;

	bottom: 0;

	right: 0;

	background: #fff

}



.forms .hline {

	margin: 12px 30px 0 0;

	padding: 0 0 15px;

	border-top: 1px dashed #dedddd

}



.file_btn,.forms .hide {

	padding: 0

}



.forms label.btn {

	position: relative;

	overflow: hidden

}



.forms label.btn input {

	position: absolute;

	top: 0;

	left: 0;

	background: 0 0

}



.forms label.dis input {

	cursor: default

}



.forms .icon_inviter .textbox,.forms .icon_lock .textbox,.forms .icon_money .textbox,.forms .icon_person .textbox {

	background: url(../images/all.png?v=21) -6px -1121px no-repeat #fff

}



.forms .icon_inviter .textbox {

	background-position: -6px -1081px

}



.forms .icon_inviter .placeholder {

	font-size: 13px

}



.forms .icon_lock .textbox {

	background-position: -6px -1161px

}



.forms .icon_money .textbox {

	background-position: -3px -1371px

}



.forms .icon_person .focus .textbox {

	background-position: -7px -1122px

}



.forms .icon_inviter .focus .textbox {

	background-position: -7px -1082px

}



.forms .icon_lock .focus .textbox {

	background-position: -7px -1162px

}



.forms .icon_money .focus .textbox {

	background-position: -4px -1372px

}



.btn_blue {

	width: 128px;

	height: 32px;

	line-height: 32px;

	font-size: 16px;

	background: #00a0e9

}



.btn_blue:hover {

	background: #0086db;

	text-decoration: none

}



.file_btn {

	position: relative;

	min-width: 128px;

	height: 30px;

	margin: 0 10px 0 0;

	font-size: 14px;

	line-height: 30px;

	background: #ff2ea1;

	border-bottom: 2px solid #cc2581;

	overflow: hidden;

	border-radius: 3px

}



.btn,.cancel,.no,.ok,.plist_btn,.reset,.submit,.upload_btn {

	font-size: 14px;

	line-height: 29px;

	height: 29px;

	cursor: pointer;

	border: none;

	color: #fff;

	overflow: hidden;

	text-align: center;

	text-decoration: none;

	display: inline-block;

	vertical-align: middle

}



.file_btn:hover {

	background: #ec008c;

	text-decoration: none

}



.btn,.cancel,.no,.ok,.reset,.submit,.upload_btn {

	width: 110px;

	background: #ec008c;

	margin-left: 15px

}



.no,.ok {

	width: auto;

	min-width: 110px;

	padding: 0 15px

}



.cancel {

	background: #fb61c3

}



.plist_btn {

	width: 110px;

	background: #ec008c

}



.btn {

	margin-left: 0

}



.btn:hover,.cancel:hover,.no:hover,.ok:hover,.plist_btn:hover,.reset:hover,.submit:hover,.upload_btn:hover {

	color: #fff;

	background-color: #ff2ea1;

	text-decoration: none

}



.btn:active,.cancel:active,.no:active,.ok:active,.reset:active,.submit:active,.upload_btn:active {

	color: #fff;

	background-color: #be0171;

	text-decoration: none

}



a.dis,a.dis:hover,input.dis,input.dis:hover {

	color: #999;

	background-color: #bfbfbf;

	text-decoration: none;

	cursor: default

}



.s2 {

	background: url(../images/all.png?v=21) -12px -724px no-repeat #ec008c;

	text-indent: 28px

}



.s2:active,.s2:hover {

	color: #fff

}



.reset,.submit {

	position: relative;

	margin: 0;

	overflow: hidden

}



.file_btn input,.reset input,.submit input {

	position: absolute;

	z-index: 2;

	top: -20px;

	left: -20px;

	width: 600px;

	height: 80px;

	cursor: pointer;

	background: #fff;

	opacity: 0;

	filter: alpha(opacity=1)

}



.doing_gif {

	vertical-align: middle

}



.btn .doing,.submit .doing {

	position: absolute;

	z-index: 4;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: #ec008c;

	overflow: hidden;

	cursor: default;

	text-indent: 0

}



.file_category a,.logreg_panel,.products .pmore .btn {

	position: relative

}



.addcart .doing {

	background: #ec008c

}



.btn .doing span,.submit .doing span {

	height: 32px;

	line-height: 32px;

	display: inline-block

}



.products .pmore .btn .doing span {

	height: 25px;

	line-height: 25px

}



.login .reset,.login .submit,.login_pwd .submit,.payment .submit,.recharge .submit,.register .submit,.store_box .submit {

	font-size: 18px;

	line-height: 40px;

	width: 260px;

	height: 40px

}



.forms .btnshort {

	width: 110px;

	margin-left: 10px

}



.popfiles .paginbar {

	padding-right: 40px

}



.popfiles .nodes {

	min-height: 320px;

	max-height: 382px;

	overflow: auto;

	padding: 20px 20px 0

}



.file_category {

	padding-top: 12px;

	text-align: center;

	border-bottom: 1px solid #959595

}



.logreg_box,.logreg_panel {

	text-align: left;

	overflow: hidden

}



.file_category a {

	color: #959595;

	height: 28px;

	padding: 1px 20px;

	line-height: 28px;

	display: inline-block;

	bottom: -1px;

	text-decoration: none

}



.file_category a.sel {

	color: #ec008c;

	margin: 0 -1px;

	padding-top: 0;

	padding-bottom: 0;

	border: 1px solid #959595;

	border-bottom-color: #fff

}



.logreg_panel {

	z-index: 10;

	width: 1220px;

	margin: 0 auto

}



.logreg_panel .logo {

	margin: 5px 0 20px 390px

}



.logreg_box {

	position: absolute;

	z-index: 1;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	min-height: 610px

}



.logreg_box .logreg_inner {

	position: relative;

	top: 50%;

	left: 0

}



.logreg_box .logreg_cont {

	position: absolute;

	top: -200px;

	left: 0;

	width: 100%

}



.login {

	width: 400px;

	margin: 0 auto;

	padding: 30px 15px 30px 75px;

	background: #fff;

	overflow: hidden

}



.login .headline {

	font-size: 20px;

	line-height: 30px;

	padding-bottom: 10px

}



.form_item .forget {

	color: #448aca;

	font-size: 14px;

	line-height: 24px;

	margin: 0 10px 0 0;

	float: right

}



.login_pwd .form_btm .forget {

	margin-left: 20px;

	display: inline-block;

	vertical-align: middle;

	line-height: 40px;

	float: none

}



.ubind .form_item .forget {

	margin-right: 370px

}



.login .form_item {

	width: 260px;

	padding: 5px 0;

	margin: 0 0 0 40px

}



.login .uname,.login .upwd {

	width: auto

}



.login .form_item .msg {

	text-indent: 52px;

	display: block

}



.login .textbox,.login_pwd .textbox,.payment .textbox,.recharge .rprice .textbox,.register .textbox {

	width: 232px;

	height: 24px;

	padding: 8px 12px;

	line-height: 24px

}



.login .focus .textbox,.login_pwd .forms .focus .textbox,.payment .forms .focus .textbox,.recharge .forms .rprice .focus .textbox,.register .focus .textbox {

	padding: 7px 11px;

	line-height: 24px

}



.login .icon_person .change,.login .login_code .btn {

	margin: 0 0 0 10px;

	padding: 0;

	font-size: 14px;

	height: 40px;

	line-height: 40px;

	overflow: hidden;

	cursor: pointer

}



.paginbar .dis,.sidebar dt a {

	cursor: default

}



.login .login_code .btn {

	width: 120px

}



.login .icon_person .change {

	position: absolute;

	top: 40px;

	right: 0;

	display: none

}



.login .icon_lock,.login .login_code {

	padding: 0

}



.login .icon_lock label,.login .login_code label {

	padding: 5px 0;

	display: inline-block;

	vertical-align: middle

}



.sidebar dd a,.sidebar dt a {

	display: block;

	text-decoration: none

}



.login .login_code .textbox {

	width: 104px

}



.login .login_code .msg {

	text-indent: 13px

}



.icon_inviter .textbox,.icon_lock .textbox,.icon_money .textbox,.icon_person .textbox {

	width: 192px;

	padding: 8px 12px 8px 52px

}



.icon_inviter .focus .textbox,.icon_lock .focus .textbox,.icon_money .focus .textbox,.icon_person .focus .textbox {

	padding: 7px 11px 7px 51px

}



.comlogin {

	width: 263px;

	margin: 13px 0 0 40px;

	border-top: 1px dashed #a6a6a6

}



.sidebar,.sidebar dt a {

	border-top: 1px solid #ccd5df

}



.comlogin .txt {

	padding: 12px 0 9px

}



.comlogin .comereg {

	font-size: 18px;

	line-height: 30px;

	margin: 10px 0 0;

	float: right

}



.comlogin .logins {

	overflow: hidden

}



.comlogin .logins a {

	margin: 0 5px;

	overflow: hidden

}



.comlogin .logins a img {

	width: 100%;

	height: 100%;

	opacity: 0;

	filter: alpha(opacity=0)

}



.loading_shading dt,.msg_tip dt,.popup_filter {

	opacity: .4;

	filter: alpha(opacity=40)

}



.sidebar {

	width: 226px;

	background: #fbfbfb;

	overflow: visible;

	float: left

}



.sidebar dt {

	margin: -1px 0 0;

	min-height: 1px;

	background: #fbfbfb

}



.sidebar dt a {

	color: #555;

	font-size: 18px;

	line-height: 33px;

	text-indent: 20px;

	height: 33px;

	background: #ccc;

	overflow: visible;

	border-bottom: 1px solid #ccd5df

}



.sidebar dd {

	margin: 0 12px;

	border-bottom: 1px dashed #ccc;

	overflow: visible

}



.sidebar dd a {

	margin: -1px -12px;

	color: #404144;

	font-size: 14px;

	line-height: 35px;

	text-indent: 17px;

	width: 225px;

	height: 35px;

	overflow: hidden

}



.sidebar dd a.sel,.sidebar dd a:hover {

	margin: -1px -12px -1px -13px;

	text-indent: 16px;

	background: #fae2f0;

	text-decoration: none;

	color: #ec008c;

	border-left: 2px solid #ec008c

}



.sidebar dd a b {

	padding: 0;

	line-height: 16px;

	text-align: center;

	width: 18px;

	height: 20px;

	vertical-align: middle;

	text-indent: 0;

	background: url(../images/sprite.png?v=21) 1px -518px no-repeat;

	display: none;

	font-size: 10px;

	color: #fff;

	font-weight: 400

}



.faq .layout,.helper .layout,.uabout .layout,.ucenter .layout {

	width: 1219px;

	background: #fbfbfb;

	border-left: 1px solid #ccd5df

}



.mained.ucenter .layout {

	overflow: visible

}



.layout .hrline {

	clear: both;

	width: 227px;

	height: 0;

	border-bottom: 1px solid #ccd5df

}



.container {

	margin: 0 0 -1px;

	background: #fff;

	border-left: 1px solid #ccd5df;

	overflow: hidden;

	_width: 780px;

	_height: 443px;

	_overflow: visible;

	_float: left;

	min-height: 517px

}



.ucenter .container {

	min-height: 750px

}



.upanel {

	margin: 0 15px;

	padding: 10px 0;

	width: 977px;

	overflow: hidden

}



.upanel .files,.upanel .userinfo {

	padding: 10px 0;

	border-top: 1px solid #ccd5df

}



.upanel .payuserinfo {

	color: #ec008c

}



.upanel .payintro {

	padding-left: 19px;

	font-size: 14px;

	line-height: 24px

}



.upanel .headline {

	color: #404144;

	font-size: 18px;

	line-height: 32px;

	padding: 0 0 10px;

	overflow: hidden

}



.upanel .headline .btn {

	width: auto;

	height: 32px;

	padding: 0 15px;

	line-height: 32px

}



.upanel .headline .ulogintime {

	font-size: 14px;

	font-weight: 400;

	float: right

}



.upanel .headline .fr {

	margin: 0;

	float: right

}



.upanel .ufilter {

	margin: 2px 40px 0 0;

	overflow: hidden;

	float: right

}



.paginbar {

	padding: 15px 0;

	text-align: right;

	border-top: 1px dashed #ccd5df

}



.paginbar a,.paginbar b,.paginbar input,.paginbar span {

	vertical-align: middle;

	display: inline-block

}



.paginbar a,.paginbar b {

	color: #fff;

	font-size: 14px;

	line-height: 24px;

	font-weight: 400;

	height: 24px;

	margin: 0 0 0 5px;

	padding: 0 8px;

	background: #959595;

	border: 1px solid #b1b1b1;

	border-radius: 3px

}



.paginbar .dis,.paginbar .go {

	color: #fff;

	background: #ec008c;

	border-color: #ec008c

}



.paginbar .prev {

	margin-right: 5px

}



.paginbar .txt {

	margin-left: 5px

}



.paginbar .next {

	margin-left: 10px

}



.paginbar input {

	width: 40px;

	margin: 0 0 0 5px;

	height: 20px;

	line-height: 20px;

	text-align: center;

	padding: 2px 3px;

	border: 1px solid #e4e0e1;

	border-radius: 3px

}



.paginbar input:focus {

	padding: 1px 2px;

	border: 2px solid #e4e0e1

}



.myinvoice .paginbar,.uindex .paginbar,.uintegral .paginbar,.umessage .paginbar {

	margin: 20px 0 0

}



.recharge .forms {

	padding: 20px 20px 30px;

	background: #fff

}



.recharge .payprice,.recharge .rprice .field {

	width: auto;

	line-height: 30px;

	padding: 20px 0 0;

	text-align: left;

	display: block

}



.recharge .rprice .field {

	padding: 0

}



.table_view {

	width: 100%

}



.table_view td,.table_view th {

	text-align: center

}



.table_view td>div,.table_view th>div {

	color: #4a3437;

	font-weight: 400;

	min-height: 20px;

	padding: 8px 15px;

	white-space: normal

}



.table_view th {

	font-size: 16px

}



.notuse {

	background: #ee088f;

	color: #fff;

	width: 70px;

	height: 25px;

	line-height: 25px;

	display: block

}



.setpaypwd {

	width: 560px;

	padding: 30px

}



.login_pwd .forms .form_item .field {

	width: 100px

}



.login_pwd .forms .form_txt {

	font-size: 14px;

	line-height: 24px;

	padding: 20px 20px 0;

	white-space: normal

}



.counter,.empty dl {

	white-space: nowrap

}



.upanel .login_pwd .forms .form_txt {

	padding: 0 20px 20px

}



.empty {

	overflow: hidden

}



.empty dl {

	width: 100%;

	] background: #fff

}



.empty .vm_left {

	position: relative;

	margin-left: -1px;

	width: 1px;

	height: 200px;

	float: none

}



.empty .vertical_middle .vm_right {

	color: #a6a6a6;

	width: 100%;

	font-size: 18px;

	text-align: center;

	float: none

}



.empty .vertical_middle {

	position: relative;

	padding-top: 0

}



.empty .alt {

	color: #4a3437;

	font-size: 14px;

	padding: 15px 0 0

}



.empty .alt .file_btn {

	margin: 15px 0 0

}



.mycoupons .vm_left {

	height: 100px

}



.mycoupons .vm_right {

	font-size: 14px;

	text-align: left;

	color: #000;

	padding: 0 0 30px 30px

}



.helper .table td,.helper .table th {

	line-height: 26px;

	text-align: center;

	font-weight: 400

}



.load_target_node {

	width: 0;

	height: 1px;

	overflow: hidden

}



.load_more {

	text-align: center;

	overflow: hidden

}



.load_more a,.load_more a:hover {

	color: #75b3bb;

	font-size: 18px;

	width: 294px;

	height: 36px;

	line-height: 36px;

	text-align: center;

	border: 3px solid #75b3bb;

	border-radius: 3px;

	display: inline-block;

	text-decoration: none

}



.load_more.loading {

	text-align: center

}



.load_more.loading a {

	font-size: 0;

	line-height: 0;

	width: 30px;

	height: 38px;

	margin: 0 auto 6px;

	padding: 0;

	background: url(../images/loading.gif?v=21) center 8px no-repeat #faf8f8

}



.loading_shading,.loading_shading dd,.loading_shading dt {

	top: 0;

	left: 0;

	width: 100%;

	height: 100%

}



.loading_shading {

	position: fixed;

	_position: absolute;

	z-index: 1100;

	min-width: 480px;

	min-height: 240px;

	text-align: center;

	overflow: hidden

}



.loading_shading dt {

	position: absolute;

	top: 0;

	left: 0;

	background: #000

}



.loading_shading dd {

	position: relative;

	background: url(../images/loading.gif?v=21) center center no-repeat

}



.loading_shading .load_progress {

	background: 0 0

}



.loading_shading .load_progress table {

	width: 100%;

	height: 100%

}



.loading_shading .load_progress td {

	text-align: center;

	vertical-align: middle

}



.loading_shading .progress_box {

	width: 600px;

	min-height: 140px;

	margin: 0 auto;

	background: #fff

}



.loading_shading .progress {

	width: 498px;

	height: 32px;

	padding: 0 1px;

	text-align: left;

	margin: 0 auto;

	background: #b50767;

	overflow: hidden

}



.loading_shading .progress div {

	width: 0;

	height: 100%;

	background: url(../images/progress.png?v=21) repeat-x #ff2ea1

}



.loading_shading .text {

	color: #666;

	font-size: 28px;

	line-height: 60px;

	padding: 15px 0 0

}



.msg_tip {

	position: fixed;

	_position: absolute;

	z-index: 5000;

	left: -500px;

	top: -500px;

	text-align: center;

	overflow: hidden

}



.msg_tip dl {

	position: relative;

	padding: 5px

}



.msg_tip dd,.msg_tip dt {

	height: 30px

}



.msg_tip dt {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	padding: 5px;

	background: #000

}



.association,.msg_tip dd {

	background: #fff;

	top: 0;

	left: 0

}



.msg_tip dd {

	position: relative;

	font-size: 18px;

	line-height: 30px;

	min-width: 60px;

	min-height: 30px;

	padding: 15px 25px

}



.association {

	position: absolute;

	z-index: 10000;

	margin: 0;

	padding: 0;

	text-align: left;

	border: 1px solid #e2e2e2;

	overflow: hidden

}



.association ul {

	position: relative;

	margin: 0;

	padding: 0

}



.association ul li {

	margin: 0;

	padding: 0 6px;

	font-size: 12px;

	line-height: 24px

}



.association ul li.selected,.association ul li:hover {

	background: #75b3bb;

	cursor: pointer

}



.counter {

	height: 22px;

	font-size: 0;

	line-height: 0;

	text-align: center;

	border-top: 1px solid #ec008f;

	border-bottom: 1px solid #ec008f;

	display: inline-table

}



.counter a,.counter b,.counter input.textbox {

	height: 22px;

	vertical-align: middle;

	display: inline-block

}



.counter input.textbox {

	width: 56px;

	padding: 0;

	color: #666;

	font-size: 16px;

	line-height: 22px;

	text-align: center;

	border: none;

	border-radius: 0

}



.counter a,.counter b {

	width: 22px;

	color: #fff;

	font-size: 0;

	line-height: 0;

	background: url(../images/all.png?v=21) center -1009px no-repeat #ec008c;

	cursor: pointer;

	-moz-user-select: none;

	-webkit-user-select: none;

	-ms-user-select: none;

	-o-user-select: none;

	user-select: none

}



.counter a,.counter a:hover {

	border-right: none;

	text-decoration: none

}



.counter b {

	background-position: center -1049px

}



.popup_filter {

	position: fixed;

	_position: absolute;

	z-index: 1000;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	overflow: hidden;

	background: #000

}



.popup_layer {

	position: absolute;

	z-index: 1010;

	top: 0;

	left: 0;

	text-align: left;

	padding: 0;

	background: #fff;

	overflow: hidden;

	*display: inline-block;

	*zoom: 1

}



.popup_layer .popup_panel {

	position: relative;

	overflow: hidden

}



.popup_layer .popup_head {

	position: relative;

	background: #e7e7e7;

	border-top: 1px solid #ccd5df;

	border-bottom: 1px solid #ccd5df

}



.popup_layer .popup_head h3 {

	color: #4d3636;

	font-size: 18px;

	height: 48px;

	padding: 0 48px 0 34px;

	line-height: 48px;

	white-space: nowrap;

	text-overflow: ellipsis;

	font-weight: 400;

	overflow: hidden;

	display: block

}



.popup_layer .popup_main {

	white-space: normal;

	overflow: hidden

}



.popup_layer .popup_foot {

	padding: 10px 0 20px;

	text-align: center

}



.popup_layer.win .close {

	width: 16px;

	height: 16px;

	top: 0;

	right: 0

}



.popup_layer .close {

	position: absolute;

	top: 1px;

	right: 0;

	width: 48px;

	height: 48px;

	background: url(../images/all.png?v=21) center -797px no-repeat;

	display: block

}



.popup_layer .popup_panel iframe {

	width: 75px;

	height: 75px;

	background: 0 0;

	border: none;

	overflow: hidden;

	overflow-y: auto

}



.popup_layer .popbox {

	margin: 0;

	padding: 30px 20px 20px;

	width: 440px;

	min-height: 48px;

	text-align: center;

	white-space: nowrap;

	overflow: hidden

}



.popup_layer .popbox .vm_left {

	position: relative;

	margin-left: -1px;

	width: 1px;

	height: 60px;

	overflow: hidden

}



.popup_layer .popbox .vm_right {

	color: #414141;

	font-size: 14px;

	line-height: 24px;

	text-align: left;

	min-height: 24px;

	max-width: 400px;

	padding-left: 0;

	white-space: normal;

	overflow: hidden

}



.explain .privilege img,.pro_items img {

	max-width: 100%

}



.popup_layer .suc .vm_left {

	width: 48px;

	height: 48px;

	padding-right: 15px;

	background: url(../images/ico.png?v=21) 0 -253px no-repeat

}



.fixed {

	position: fixed;

	_position: absolute

}



.popup_opacity {

	position: relative;

	width: 10px;

	height: 10px;

	margin-top: -10px;

	overflow: visible;

	opacity: 0;

	filter: alpha(opacity=0)

}



.agreements .anchor,.explain,.explain .explain_main,.explain .explain_side,.explain .privilege .name span,.image_zoom,.storebar,.storebar .search,.tips {

	overflow: hidden

}



.popup_opacity iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 1920px;

	height: 1200px;

	background-color: transparent;

	overflow: hidden;

	opacity: 0;

	filter: alpha(opacity=0)

}



.popup_loading {

	background-image: url(../images/loading.gif?v=21);

	background-position: center center;

	background-repeat: no-repeat

}



.popup_hide {

	height: 0;

	left: 0;

	opacity: 0;

	z-index: -1

}



.popup_layer .alt {

	color: #666

}



.order_notpay {

	font-size: 16px

}



.logistics_popup .popup_head h3 {

	padding-left: 8px

}



.logistics_popup .popup_head .alt {

	font-size: 12px;

	line-height: 24px

}



.logistics_popup .popup_panel iframe {

	width: 534px;

	height: 340px;

	margin: -13px -3px -78px

}



.logistics_popup .popup_main {

	min-height: 249px

}



.loading {

	min-height: 300px;

	background: url(../images/loading.gif?v=21) center 140px no-repeat

}



.tips {

	position: absolute;

	z-index: 5000;

	left: -500px;

	top: -500px;

	width: 240px;

	padding: 10px 20px;

	text-align: left;

	font-size: 12px;

	line-height: 20px;

	background: #fffbf2;

	border: 1px solid #f7ca8e

}



.tips_cont {

	padding: 0

}



.searchbar {

	position: relative;

	float: right

}



.searchbar .textbox {

	width: 180px;

	height: 20px;

	padding: 3px 52px 3px 6px

}



.searchbar .placeholder {

	color: #d2d2d2

}



.searchbar .search_btn {

	position: absolute;

	top: 0;

	right: 0;

	width: 36px;

	padding: 0;

	background: url(../images/sprite.png?v=21) -12px -486px no-repeat;

	display: block

}



.searchbar .search_btn i {

	height: 28px;

	border-left: 1px solid #dfdfdf;

	display: block;

	cursor: pointer

}



.storebar {

	height: 36px;

	background: #ec008c

}



.storebar .suser {

	color: #fff;

	font-size: 16px;

	line-height: 36px;

	text-align: right

}



.storebar .sname {

	font-size: 18px;

	line-height: 36px;

	color: #fff;

	text-align: center

}



.storebar .search {

	position: absolute;

	top: 0;

	right: 0;

	height: 36px;

	min-width: 240px

}



.storebar .searchbar {

	position: absolute;

	right: 0;

	top: 5px;

	float: none

}



.storebar .searchbar .textbox,.storebar .searchbar .textbox:focus {

	border: none

}



.storebar .nosearch .search_btn,.storebar .nosearch .searchbar {

	top: 36px

}



.storebar .sloginout {

	position: absolute;

	width: 100px;

	height: 36px;

	text-align: left;

	display: block

}



.storebar .sloginout a {

	display: none

}



.storebar .sloginout:hover a {

	line-height: 0;

	font-size: 0;

	color: #fff;

	padding: 0 5px;

	display: inline-block;

	cursor: default

}



.store_box {

	padding: 20px 15px 60px 100px

}



.store_box .collect_price {

	width: 258px;

	line-height: 24px;

	padding-bottom: 5px;

	border-bottom: 1px dashed #cfcfcf

}



.store_box .store_desc {

	line-height: 24px;

	padding-top: 5px

}



.main .error_page {

	height: 360px;

	text-align: center;

	margin-top: 140px;

	display: block

}



.main .error_pack {

	width: 266px;

	height: 38px;

	margin-top: 23px;

	line-height: 38px;

	font-size: 18px

}



.main .error_button {

	text-align: center;

	display: block;

	padding-bottom: 50px;

	width: 226px;

	margin: 0 auto

}



.form_vcode .img,.form_vcode .vcode {

	margin-right: 10px;

	vertical-align: middle

}



.agreement {

	padding: 20px 34px;

	text-align: left

}



.agreement h3 {

	font-size: 16px;

	line-height: 20px;

	padding: 15px 0 10px

}



.agreement h3.first {

	padding-top: 0

}



.agreement div,.agreement p {

	padding: 6px 0;

	text-indent: 24px

}



.agreement_link {

	font-size: 14px;

	vertical-align: middle

}



.agreements {

	color: #6d6d6d;

	padding: 15px 0 30px

}



.agreements h3 {

	font-size: 18px;

	padding: 15px 0 10px

}



.agreements h4 {

	font-size: 16px;

	padding: 10px 0 5px

}



.agreements h4.first {

	padding-top: 0

}



.agreements div {

	padding: 5px 0

}



.agreements .tit {

	font-size: 24px;

	text-align: center;

	padding: 5px 0 20px;

	font-weight: 700

}



.agreements .power {

	color: #ec008c;

	text-align: right

}



.agreements .anchor {

	height: 0;

	display: block

}



.form_vcode .vcode {

	width: 160px;

	font-size: 24px;

	line-height: 32px;

	padding: 10px;

	border: 1px solid #e7e7e7

}



.form_vcode .vcode:focus {

	padding: 9px;

	border: 2px solid #dadada

}



.form_vcode .refresh {

	vertical-align: bottom

}



.upload_button .doing {

	position: absolute;

	top: 120%

}



.file_btn .upload_btn {

	font-size: 12px;

	line-height: 30px;

	margin: 0;

	background: 0 0

}



.uping .uploadify-button-text,.uploadify-queue-item {

	font-size: 0;

	line-height: 0

}



.uping .uploadify {

	position: absolute;

	top: 150%;

	left: 150%

}



.uping .doing {

	position: absolute;

	z-index: 100;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	cursor: default

}



.uploadify-queue-item {

	padding: 0;

	display: inline-block

}



.uploadify-queue-item .cancel,.uploadify-queue-item .uploadify-progress {

	vertical-align: middle;

	text-align: left;

	display: inline-block

}



.uploadify-queue-item .cancel {

	font-size: 12px;

	line-height: 16px;

	margin: 0 0 0 5px;

	width: auto;

	height: auto;

	background: 0 0

}



.uploadify-progress {

	width: 120px;

	height: 16px;

	font-size: 0;

	line-height: 0;

	background: #e7e7e7;

	display: inline-block

}



.uploadify-progress .uploadify-progress-bar {

	width: 0;

	height: 16px;

	background: #ff2ea1;

	display: inline-block

}



.image_zoom {

	position: absolute;

	z-index: 33;

	top: 0;

	left: 0;

	font-size: 0;

	line-height: 0;

	width: 330px;

	height: 330px;

	background: url(../images/loading.gif?v=21) 149px 149px no-repeat #fff;

	border: 2px solid #ccd5df;

	display: none

}



.image_zoom .img {

	position: relative;

	top: 0;

	left: 0;

	width: 660px;

	height: 660px

}



.image_zoom img {

	width: 100%;

	height: 100%;

	background: #fff

}



.zoom_box {

	position: absolute;

	top: 110%;

	left: 110%;

	width: 50%;

	height: 50%;

	display: block;

	cursor: move;

	background: url(../images/zoom.png?v=21)

}



.explain {

	margin: 30px auto 0

}



.explain .explain_side {

	color: #3b3b3b;

	width: 340px;

	float: left;

	border-top: 2px solid #ec008c

}



.explain .explain_main {

	color: #6d6d6d;

	padding: 0 0 0 10px

}



.explain .explain_body {

	min-height: 749px;

	border: 1px solid #ccd5df

}



.explain .explain_main .explain_body {

	background: #fbfbfb;

	min-height: 752px;

	border-top: none

}



.explain .explain_content {

	padding-bottom: 20px

}



.explain .title {

	color: grey;

	font-size: 24px;

	height: 35px;

	font-weight: 400;

	line-height: 33px;

	text-align: center;

	background: #fbfbfb

}



.explain .privilege {

	padding: 30px 25px 0;

	min-height: 198px;

	border-top: 1px solid #ccd5df;

	display: block

}



.explain .privilege .img {

	min-height: 148px

}



.explain .privilege .name {

	font-size: 16px;

	line-height: 24px;

	margin: 10px 0 0;

	display: block

}



.explain .privilege .price {

	float: right

}



.explain .switch {

	margin: 0 -1px 0 0;

	height: 36px;

	background: #fff;

	border-bottom: 1px solid #ccd5df;

	overflow: visible

}



.explain .switch a {

	position: relative;

	color: grey;

	font-size: 18px;

	margin: 0 0 -1px -1px;

	display: inline-block;

	border-top: 1px solid #ccd5df

}



.explain .switch a span {

	height: 34px;

	padding: 1px 16px;

	line-height: 34px;

	display: inline-block;

	border-right: 1px solid #ccd5df;

	border-left: 1px solid #ccd5df;

	cursor: pointer

}



.explain .switch a:hover {

	color: #ec008c;

	text-decoration: none

}



.explain .switch a.sel {

	color: #ec008c;

	text-decoration: none;

	height: 34px;

	*height: 35px;

	background: #fbfbfb;

	border-top: 2px solid #ec008c;

	border-bottom: 1px solid transparent

}



.explain .switch a.sel span {

	padding-top: 0

}



.explain .item {

	font-size: 16px;

	line-height: 30px;

	margin: 20px 16px 0;

	padding: 5px 0 5px 12px;

	background: url(../images/sprite.png?v=21) 0 -1040px no-repeat

}



.explain .desc {

	margin: 0 20px 0 27px;

	border-top: 2px dotted #ccc

}



.explain .tablebox {

	padding: 30px 0 0

}



.explain .table {

	width: 100%;

	font-size: 16px;

	text-align: center

}



.explain .table th {

	padding: 11px 0;

	line-height: 18px;

	font-weight: 400;

	background: #fbfbfb

}



.explain .table td {

	padding: 8px 10px;

	line-height: 14px;

	background: #fff

}



.explain .table td:first-child {

	background: #fbfbfb

}



.explain .table .txt {

	font-size: 12px;

	line-height: 18px

}



.explain .table .remark {

	padding: 15px 20px;

	font-size: 14px;

	line-height: 24px;

	text-align: left

}



.explain .table .remark p {

	line-height: 24px

}



.explain .agreements {

	margin: 0

}



.explain .statement {

	color: #ec008c;

	text-align: right;

	margin: 0 20px 0 27px

}



.explain .table .cells {

	padding: 0;

	overflow: hidden

}



.explain .cells .row {

	margin: -1px 0 0;

	white-space: nowrap;

	overflow: hidden;

	border-top: 1px dotted #adbbcb

}



.explain .cells span {

	width: 33.3%;

	margin: 0 0 0 -1px;

	line-height: 50px;

	display: inline-block;

	border-left: 1px dotted #adbbcb;

	vertical-align: middle

}



.explain .cells .multi {

	padding: 5px 0;

	white-space: normal;

	line-height: 20px

}



.explain .rows p {

	line-height: 24px

}



.pdesign .explain .table td {

	line-height: 34px

}



.droplist {

	position: relative;

	min-width: 75px;

	height: 20px;

	border: 1px solid #999;

	white-space: nowrap;

	vertical-align: middle;

	overflow: hidden;

	display: inline-block;

	*display: inline;

	*zoom: 1

}



.droplist .dropbtn,.droplist .dropval {

	color: #666;

	min-height: 100%;

	display: block;

	overflow: hidden

}



.droplist .dropval {

	min-height: 100%;

	padding: 0 25px 0 5px;

	text-decoration: none

}



.droplist .dropval:hover {

	text-decoration: none

}



.droplist .dropbtn {

	position: absolute;

	top: 0;

	right: 0;

	cursor: pointer;

	width: 20px;

	background: url(../images/sprite.png) center -1250px no-repeat;

	border-left: 1px solid #999

}



.droplist .val {

	visibility: hidden

}



.droplist.focus,.droplist.show {

	border-color: #ec008c

}



.droplist.focus .dropbtn,.droplist.show .dropbtn {

	border-color: #ec008c;

	background-position: center -1290px

}



.droplist .dropoptions {

	position: absolute;

	height: 0;

	border: none;

	overflow: hidden

}



.dropoptions {

	position: absolute;

	z-index: 99999;

	max-height: 200px;

	margin: -1px 0 0;

	background: #fff;

	border: 1px solid #ec008c;

	overflow-x: hidden;

	overflow-y: auto

}



.dropoptions .dropitems {

	text-align: left

}



.dropoptions .dropitem {

	color: #666;

	line-height: 24px;

	padding: 0 5px;

	display: block;

	text-decoration: none

}



.dropoptions .dropitem:hover {

	color: #ec008c;

	text-decoration: none

}



.dropoptions .dropitem.sel {

	color: #ec008c

}



.pro_wrapper {

	padding: 0 0 70px

}



.pro_wrapper .fixed {

	z-index: 100;

	left: 0;

	width: 100%;

	padding: 15px 0

}



.pro_wrapper .opacity {

	display: none;

	background: #fcfcfc;

	opacity: .8;

	filter: alpha(opacity=80)

}



.pro_wrapper .fixed .opacity {

	position: absolute;

	z-index: -1;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	display: block

}



.pro_head {

	padding: 40px 0 15px;

	border-bottom: 1px solid #ccd5df

}



.pro_head .title {

	color: #00a0e9;

	font-size: 24px;

	line-height: 32px;

	font-weight: 400

}



.pro_head .title .atr {

	color: #333;

	font-size: 14px;

	line-height: 24px;

	vertical-align: bottom

}



.pro_head .pro_tabs {

	height: 32px;

	line-height: 32px;

	text-align: right;

	overflow: hidden

}



.pro_tabs .tab,.pro_tabs .vline {

	display: inline-block;

	vertical-align: middle

}



.pro_tabs .vline {

	width: 0;

	height: 14px;

	border-left: 1px solid #666

}



.pro_tabs .tab {

	color: #333;

	padding: 0 5px

}



.pro_tabs .one {

	padding: 0;

	font-size: 16px

}



.pro_tabs .focus,.pro_tabs .tab:hover {

	color: #00a0e9;

	text-decoration: none

}



.pro_tabs_type {

	height: 28px;

	padding: 4px 0 0 8px;

	line-height: 28px

}



.pro_items {

	min-height: 660px;

	font-size: 0;

	line-height: 0

}



.pro_items img {

	border: none;

	outline: 0

}



.pro_foot {

	text-align: center;

	padding: 0 0 50px

}



.pro_foot .btn_blue {

	width: 200px;

	height: 50px;

	font-size: 24px;

	line-height: 50px

}



.pro_wrapper .banner {

	min-height: 661px;

	padding: 0

}



.pro_wrapper .slider {

	top: 0;

	left: 0;

	width: 100%;

	height: 661px

}



.pro_wrapper .slider ul {

	width: 100%;

	height: 100%;

	display: table

}



.pro_wrapper .slider .item {

	width: 1220px

}



.pro_wrapper .status {

	right: 80px;

	bottom: 40px

}



.pro_wrapper .status li {

	width: 92px;

	height: 34px;

	margin-left: 20px;

	line-height: 32px;

	text-align: center;

	background: url(../icons/dot1.png?v=21) no-repeat

}



.pro_wrapper .status li.sel,.pro_wrapper .status li:hover {

	background: url(../icons/dot2.png?v=21) no-repeat

}



.pro_wrapper .status a {

	font-size: 20px

}



.pro_wrapper .banner .btn_left {

	left: 40px

}



.pro_wrapper .banner .btn_right {

	right: 40px

}



.pro_wrapper .banner .front {

	position: absolute;

	top: 0;

	left: 0

}



.hot_rel {

	position: relative

}



.hot_abs {

	position: absolute;

	top: 0;

	left: 0;

	width: 127px;

	height: 32px;

	line-height: 32px

}



.btn_big {

	width: 200px;

	height: 50px;

	font-size: 24px;

	line-height: 50px

}



.popup_layer .warning .vm_left {

	width: 80px;

	height: 60px;

	background: url(../icons/warning.png?v=21) no-repeat;

	vertical-align: top

}



.popup_layer .warning .vm_right {

	width: 360px

}



.warning .tit {

	font-size: 18px;

	line-height: 40px;

	font-weight: 400

}



.warning .input {

	padding: 15px 0 25px

}