*{
	margin:0px;
	padding:0px;
	font-family: Microsoft YaHei,arial;
}
a{
	text-decoration: none;
}
html{cursor: url("../images/move.ico"),auto;}
img{
	display: block;
}
ul li{
	list-style: none;
}
i{
	font-style: normal;
}
.main{
	overflow: hidden;
}

/* 页眉导航栏  */
header{
	position:fixed;
	left:0px;top:0px;
	width:100%;
	background:rgba(255,255,255,0.95) ;
	border-bottom:1px solid #f3f3f3;
	z-index: 90;
}
.headerNav{
	position: relative;
	width:1200px;
	margin:0px auto;
	height:70px;
	line-height:70px;
}
.headerNav ul{
	float:left;
}
.headerNavLeft{
	width:30%;
}
.headerNavRight{
	width:70%;
}
.headerNav ul li{
	cursor: pointer;
}
.headerNavLeft li{
	font-size:2em;
	color:#eee;
	float: left;
}
.headerNavRight li{
	width:100px;
	float: right;
	text-align: center;
}
.headerNavRight li a{
	color:#555;
	text-decoration: none;
}
.headerNavRight li a:hover{
	color:#1478EE;
}
#logo{
	height: 100px;
    width: 100px;
}
.cardLogo ul{
	overflow: hidden;
}
.Login a,.register a{
	width:65px;
	font-size:0.95em;
	height:30px;
	display: block;
	line-height:30px;
	margin:0px auto;
	color:#fff !important;
	margin-top:20px;
	border-radius: 5px;
}
.Login a{
	border:1px solid #4b9af7;
	background-color:#4b9af7 ;
	color:#fff;
}
.Login a:hover{
	background-color: #1478EE;
}
.register a{
	border:1px solid #fba420;
	background-color:#fba420 ;
	color:#fff;
}
.register a:hover{
	background-color: #FF7700;
}
.Login{
	border-right:1px solid rgba(255,255,255,0);
}
.register{
	border-left:1px solid rgba(255,255,255,0);
	border-right:1px solid rgba(255,255,255,0);
}
.user{
	border-right:1px solid #f3f3f3;
	border-left:1px solid #f3f3f3;
	background-image: url(../images/drop.png);
	background-repeat: no-repeat;
	background-position: 90% 85%;
	background-size: 10px;
	overflow: hidden;
	height:70px;
}
.info{
	border-left:1px solid #f3f3f3;
	overflow: hidden;
	height:70px;
	position: relative;
}
.info i{
	background-color: #f00;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 0.75em;
    font-weight: bold;
    line-height: 1;
    min-width: 10px;
    padding: 3px 4px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    position: absolute;
    right:23px;top:15px;
}
.info img,.user img{
	width:35px;
	height:35px;
	margin:0px auto;
	padding:17px 0px;
}
#LoginSuccessfully{
	display: none;
}
.MorePptions{
	display: none;
	width:204px;
	background-color: #000000;
	position: absolute;
	top:71px;
	right:-1px;
	background: #fff none repeat scroll 0 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    color: #221919;
    font-size: 14px;
    overflow: hidden;
    text-align: left;
}
.MorePptions p{
	width:144px;
	overflow: hidden;
	display: block;
    height: 55px;
    cursor: pointer;
    line-height: 55px !important;
    position: relative;
    font-size:1.1em;
    padding-left:60px;
    background-image: url(../images/person.png);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 20px 15px;
}
.MorePptions p:hover{
	background-color: #f3f3f3;
}
.MorePptions p:nth-child(2){
    background-image: url(../images/set.png);
}
.MorePptions p:nth-child(3){
    background-image: url(../images/Exit.png);
}
.MorePptions a{
	color:#222;
	display: block;
	text-decoration: none;
}
.back_path{
	display: none;
}

/* 中间内容   */
.content{
	margin-top:70px;
}
#FocusPicture{
	overflow: hidden;
}
#FocusPicture img{
	width: 100%;
}
.main{
	width:1200px;
	margin:0px auto;
}
.mainBlock{
	margin:20px 0px;
	overflow: hidden;
}
.mainLeft,.mainRight{
	float: left;
}



/*左*/
.mainLeft{
	width:176px;
}
.mainLeft p{
	height:45.5px;
	color:#666;
	cursor: pointer;
	text-align: center;
	line-height:45px;
	border-radius: 2px 0px 0px 2px;
	border-left: 4px solid #ffffff;
}
.mainLeft p:first-child{
	color:#333;
	background-color: #f3f3f3;
	border-left:4px solid #007AFF;
}


/*右*/
.mainRight{
	/*width:960px;*/
	width:1200px;
	padding:10px 30px;
	background-color: #f3f3f3;
}
.mainRightHeader{
	overflow: hidden;
	padding:10px 0px;
	border-bottom:1px solid #e9e9e9;
}
.mainRightHeader ul{
	float: left;
	overflow: hidden;
}
.mrhLeft{
	width:75%;
}
.mrhLeft li{
	height:35px;
	width:35px;
	float:left;
	margin-right:20px;
	cursor: pointer;
	opacity: 0.5;
}
.mrhLeft li:hover{
	opacity: 1;
}
.colorless{
	border:1px solid #d9d9d9;
	background-image: url(../images/allcolor.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
.black{
	background-color: #000;
	border:1px solid #000;
}
.red{
	background-color: #f00;
	border:1px solid #f00;
}
.orange{
	background-color: #f60;
	border:1px solid #f60;
}
.yellow{
	background-color: yellow;
	border:1px solid yellow;
}
.green{
	background-color: green;
	border:1px solid green;
}
.cyan{
	background-color: #32C4CD;
	border:1px solid #32C4CD;
}
.blue{
	background-color: #00A2E9;
	border:1px solid #00A2E9;
}
.violet{
	background-color: #B04B87;
	border:1px solid #B04B87;
}
.white{
	background-color: #FFF;
	border:1px solid #FFF;
}
.codeBlock{ 
	overflow: hidden;
    margin: 10px auto;
}
.codeBlock a{
	float:left;
}
.codeBlock a:first-child{
	margin-left:20%;
	margin-right:10px;
}
.codeBlock img{
	height:35px;
}
.code{
	width:80px;
	height: 35px;
	padding:0px 10px;
	border-radius: 3px;
	border: 1px solid #e3e3e3;
    font-size: 0.95em;
}

/* 首页  */
.introduce{
	overflow: hidden;
	width:800px;
	margin:30px auto;
}
.introduce ul li{
	float: left;
	width:20%;
	text-align: center;
	margin-right:20%;
}
.introduce ul li:last-child{
	margin-right: 0px;
}
.introduce ul li img{
	width:60%;
	opacity: 1;
	margin:0px auto;
}
.introduce ul li img:hover{
	opacity: 0.8;
}
.introduce ul li p{
	color:#333;
	margin:10px 0px;
}
.introduce ul li p:nth-child(3){
	height:4px;
	width:30px;
	margin:5px auto;
}
.introduce ul li p:last-child{
	font-size:0.9em;
	color:#777;
}
.AboutUs{
	margin:0px auto;
	padding:40px 0px;
	background-color: #f3f3f3;
}
.AboutUs ul li{
	text-align: center;
}
.AboutTitle{
	color:#555;
	font-size:1.3em;
}
.AboutTitle i{
	font-style:italic;
}
.AboutLine{
	width:160px;
	margin:10px auto;
}
.AboutLine img{
	width:100%;
}
.AboutTest{
	font-size:0.95em;
	width: 680px;
	margin:0px auto;
	color:#666;
	margin-top:15px;
	line-height:30px;
}

/*名片列表*/
.cardList{
	overflow: hidden;
	margin:10px 0px;
}
.cardList ul li{
	float:left;
	width:352px;
	height:200px;
	overflow: hidden;
	cursor: pointer;
	margin-right:3.5%;
	margin-bottom:20px;
	position: relative;
}
.cardList i{
	width: 100%;
	height:35px;
	text-align: center;
	line-height:35px;
	color:#d9d9d9;
	background: rgba(0,0,0,0.4);
	position: absolute;
	bottom:0px;left:0px;
	font-size:0.95em;
}
.cardList ul li:nth-child(3n){
	margin-right:0%;
}
.cardList img{
	width: 100%;
}
.mrhRight{
	width:18%;
	height:35px;
	line-height:35px;
	text-align: center;
	background-color: #007AFF;
	border:2px solid #007AFF;
	border-radius: 3px;
}
.mrhRight li{
	width:50%;
	float: left;
	color:#fff;
	cursor: pointer;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
}
.mrhRight li:first-child{
	background-color: #fff;
	color:#007AFF;
}

/*分页器*/
.sorter{
	overflow: hidden;
	padding-bottom:20px;
	text-align: center;
}
.pagination {
    border-radius: 4px;
    display: inline-block;
    margin: 20px 0;
    padding-left: 0;
}
.pagination > li {
    display: inline;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    margin-left: 0;
}
.pagination > li > a, .pagination > li > span {
    background-color: #fff;
    border: 1px solid #ddd;
    float: left;
    cursor: pointer;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    background-color: #fff;
    border-color: #ddd;
    color: #999;
    cursor: not-allowed;
}
.pagination a {
    color: #999;
    text-decoration: none;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    margin-left: 0;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.pagination > li:nth-child(2) > a{
	background-color: #428bca;
    border-color: #428bca;
    color: #fff;
}


/* 名片下单  */
.DesignSketch,.CardParameter{
	float: left;
}
.DesignSketch{
	width:40%;
}
.DesignSketch img{
	width:100%;
}
.CardParameter{
	width:58%;
	margin-left:2%;
}
.CardParameter ul li{
	margin-bottom:10px;
	display: block;
	overflow: hidden;
	margin-left:10px;
}
.UploadFiles{
	overflow: hidden;
	position: relative;
	margin-left:0px !important;
	margin-bottom:25px !important;
}
#FlieZhi{
	width:35%;
}
#price{
	top:5px;right:190px;
	font-size:1.5em;
	color:#f30;
}
.upFlie{
	display: block;
	width:100%;
	height:100%;
	left: 0px;top:0px;
	position: absolute;
	opacity: 0;
}
.upFlie input{
	height:100%;
	width:100%;
}
.UploadFiles p,.CardMaterial p,.CardQuantity p,.DeliveryMethod p,.DeliveryAddress p{
	float: left;
}
.CardMaterial i{
	color:#f60;
}
#selectAddress p{
	display: none;
}
#selectAddress p:first-child{
	display: block;
}

.UploadFiles p:first-child{
	width:150px;
	color:#fff;
	cursor: pointer;
	position: relative;
	text-align: center;
	line-height:45px;
	height:45px;
	border-radius: 5px;
	margin-right:3%;
	background-color: #1E9CD9;
}
.UploadFiles p:first-child:hover{
	background-color: #007AFF;
}
.UploadFiles p:nth-child(2){
	color:#666;
	line-height:45px;
}
.CardMaterial p:first-child{
	line-height:30px;
	width:95px;
}
.CardMaterial p:last-child{
	width:550px;
	overflow: hidden;
}
.CardMaterial p:last-child a{
	color:#666;
	cursor: pointer;
	text-align: center;
	font-size:0.95em;
	border-radius: 5px;
	border:2px solid #c0c0c0;
	padding:5px 10px;
	display: block;
	float: left;
	margin-right: 15px;
	margin-bottom:10px;
}
.CardMaterial p:last-child a:first-child{
	border:2px solid #007AFF;
	color:#007AFF;
}
.DeliveryMethod{
	margin-top:20px;
}
.DeliveryMethod p:first-child{
	line-height:30px;
	margin-right: 15px;
}
.DeliveryAddress p:first-child{
	line-height:30px;
	width:95px;
}
.cnbk{
	color:#777;
}
.rnNav a:last-child{
	margin-left:10px;
	font-size:0.9em;
	color:#007AFF;
	cursor: pointer;
}
.DeliveryAddress i{
	position: absolute;
	width:30px;
	height:30px;
	border-radius: 3px;
	right:0px;top:0px;
	background: #fff url(../images/bottom.png);
	background-position: 50%;
	background-size: 18px;
	background-repeat: no-repeat;
}
.DeliveryAddress a{
	display: block;
	position: relative;
	float: left;
	border-radius: 2px;
	margin-right:10px;
	border:1px solid #ccc;
}
.BuyButton{
	width:150px;
	height:45px;
	color:#fff;
	display: block;
	float: left;
	line-height:45px;
	text-align: center;
	border:none;
	font-size:0.95em;
	border-radius: 5px;
	cursor: pointer;
	margin-top:30px;
	opacity: 0.8;
}
.Buy{
	background-color:#ED4E5B;
}
.BuyButton{
	margin-right:50px;
}
.BuyButton:hover{
	opacity: 1;
}
.ftf,.ftb{
	cursor: pointer;
}
.relationBlock{
	display: none;
}
.relationBlock ul{
	padding-left:20px;
}
.rnNav{
	font-size:1.1em;
	display: block;
}
.relationBlock ul li {
    display: block;
    font-size:0.95em;
    margin-top: 20px;
    margin-bottom: 10px;
    overflow: hidden;
}	
.DeliveryMethod select,.DeliveryAddress select{
	width:125px;
	height:30px;
	border:none;
	border-radius: 2px;
	font-size:0.95em;
}
.existingSite{
	overflow: hidden;
}
.existingSite p{
	margin-top:15px;
	margin-bottom:15px;
	font-size:0.95em;
	overflow: hidden;
	line-height:25px;
	cursor: pointer;
	display: inline-block;
}
.unchecked{
	height:15px;
	width:15px;
	margin-top:4px;
	background-image: url(../images/Radio_01.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
.checked{
	height:15px;
	width:15px;
	margin-top:4px;
	background-image: url(../images/Radio_02.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
.existingSite a{
	margin-right:15px;
	float: left;
}
.existingSite a:first-child{
	margin-right:5px;
}
.cnbk{
	margin:20px 0px;
	padding:0px 20px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}
.cnbk span{
	display: block;
	font-size:0.95em;
	font-weight: 600;
	margin-top:15px;
}
.zfps p{
	padding:0px 10px;
}
.table{
	border:1px solid #eee;
}
.table ul{
	overflow: hidden;
}
.table li{
	float: left;
	width:16.5%;
	text-align: center;
}
.tableHead{
	color:#444;
	font-size:0.95em;
	padding:15px 0px;
	font-weight: 600;
	border-bottom:1px solid #e6e6e6;
	background-color: #f3f3f3;
}
.tableHead li{
	border-right: 1px solid #e3e3e3;
}
.tableHead li:last-child{
	border:none;
}
.tableBody{
	color:#666;
	font-size:0.95em;
	padding:15px 0;
	border-bottom:1px solid #f3f3f3;
}
.tableBody:last-child{
	border:none;
}
.tableBody a{
	width:65px;
	height:32px;
	color:#fff;
	cursor: pointer;
	text-align: center;
	line-height:32px;
	background-color: #c3c3c3;
	border-radius: 3px;
	display: inline-block;
}
.tableBody a:hover{
	opacity: 0.8;
}
#saveAdd{
	display: none;
}
.addNew{
	display: none;
}
.submit{
	height:42px;
	width:120px;
	color:#fff;
	display: block;
	float: right;
	cursor: pointer;
	background-color: #ED4E5B;
	border-radius: 3px;
	text-align: center;
	line-height:42px;
}
.submit:hover{
	opacity: 0.8;
}
.totalPrice{
	line-height:42px;
	color:#f00;
	float: right;
	display: block;
	font-size:1.4em;
	margin-right:30px;
}



/* 联系方式  */
.contactLeft{
	float: left;
	width:310px;
	margin:0px 20px;
}
.contactRight{
	float: left;
	width:850px;
}
.newsNav{
	overflow: hidden;
}
.newsNav p:first-child{
	background-color: #007AFF;
	color:#fff;
}
.newsNav p{
	float: left;
	width:50%;
	cursor: pointer;
	background-color: #eee;
	padding:12px 0px;
	text-align: center;
}
.newstitle{
	border-bottom:1px dashed #ddd;
	padding-top:5px;
	padding-bottom:5px;
}
.newstitle p{
	padding:10px 0px;
	font-size:0.95em;
	color:#333;
	padding-left:5px;
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.contactConten{
	margin-top:20px;
	padding:25px 20px;
	padding-bottom:15px;
	background-image: url(../images/contactBack.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
.contactConten p{
	font-size:0.95em;
	padding:10px 0px;
	line-height:30px;
	color:#444;
}


/* 名片编辑  */
.CardAdjust{
	float:left;
	width:500px;
	padding:20px 0px;
	background-color: #fafafa;
}
.CardAdjust img,.CardFront img{
	display: initial;
	position: absolute;
	cursor: pointer;
}
.CardFront,.CardBack{
	width:425.2px;
	height:255.2px;
	background: #fff;
	margin:0px auto;
	position: relative;
	border:1px solid #e3e3e3;
}
.CardFront,.CardBack{
	margin-bottom:20px;
	background-position: 0px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.CardFront{
	background-image: url(../images/cardImg2.png);
}
.CardBack{
	background-image: url(../images/cardImg2-2.png);
}
.CardFront p:nth-child(1),.CardBack p:nth-child(1){
	left:0px;
	top:20px;
}
.CardFront p:nth-child(2),.CardBack p:nth-child(2){
	left:0px;
	top:60px;
}
.CardFront p:nth-child(3),.CardBack p:nth-child(3){
	left:0px;
	top:100px;
}
.CardFront p:nth-child(4){
	left:0px;
	top:140px;
}
.CardFront p:nth-child(5){
	left:0px;
	top:180px;
}
.CardFront p:nth-child(6){
	left:0px;
	top:220px;
}

.uploadingLogo{
	position: relative;
}
.uploadingLogo i{
	position: absolute;
	width:100%;
	height:100%;
	left:0px;top:0px;
	opacity: 0;
}
.uploadingLogo i input{
	height:100%;
	width:100%;
}

.TextAreaBlock{
	float:left;
	width:600px;
	margin-left:100px;
}
.TextArea{
	width:400px;
	margin:0px auto;
}
.textNav{
	overflow: hidden;
}
.textNav a{
	width:50%;
	text-align: center;
	height:40px;
	display: block;
	float: left;
	cursor: pointer;
	line-height:40px;
	background-color: #f3f3f3;
}
.textNav a:first-child{
	color:#fff;
	background-color: #007AFF;
}

.cardLogo{
	overflow: hidden;
	padding:20px 10px;
	border-bottom:1px solid #eee;
}
.cardLogo img{
	width:100%;
}
.cardLogo ul{
	float: left;
}
.cardLogo ul:first-child{
	width:100px;
	height:100px;
}
.cardLogo ul:last-child{
	width:260px;
	margin-left:20px;
}
.EditLogo li{
	overflow: hidden;
}
.EditLogo li:first-child a{
	float: left;
	width:105px;
	color:#fff;
	height:40px;
	text-align: center;
	line-height:40px;
	border-radius: 3px;
	cursor: pointer;
}
.EditLogo li:first-child a:first-child{
	background-color: #4B9AF7;
}
.EditLogo li:first-child a:last-child{
	margin-left:20px;
	background-color: #5bc0de;
}
.EditLogo li:first-child a:hover{
	background-color: #007AFF;
}
.pxAxle{
	margin-top:20px;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
}
.pxAxle a{
	float: left;
	position: relative;
}
.pxAxle a:first-child{
	width:180px;
	height:3px;
	margin-top:10px;
	border-radius: 0px !important;
	border:1px solid #007AFF !important;
	background-color: #007AFF;
}
.widthPx{
	width:40px;
	margin-left:15px;
	overflow: hidden;
}
.pxLine{
	height:3px;
	width:195px;
	display: block;
	margin-top:15px;
	background-color: #007AFF;
}
.pxDot{
	position: absolute;
	width:20px;
	height:20px;
	border:1px solid #eee;
	border-radius: 20px;
	background-color: #fff;
	cursor: pointer;
	top:5px;left:0px;
	-webkit-box-shadow:0 0 3px rgba(10, 10, 10, .4);  
	-moz-box-shadow:0 0 3px rgba(10, 10, 10, .4);  
	box-shadow:0 0 3px rgba(10, 10,10, .4);
}
.textboxBlock{
	height:260px;
	overflow: auto;
	border-bottom:1px solid #eee;
}
.removeText{
	cursor: pointer;
}
.textbox li{
	overflow: hidden;
	margin-top:15px;
}
.textbox li:last-child{
	margin-bottom:15px;
}
.textbox p{
	overflow: hidden;
}
.ImportedStyles a{
	display: block;
	width:320px;
	float: left;
}
.addtext{
	width:120px;
	border:1px solid #ccc;
	margin:10px auto;
	padding:5px 0px;
	cursor: pointer;
	border-radius: 3px;
}
.addtext:hover{
	color:#fff;
	background-color: #ccc;
}
.addtext img{
	width:25px;
	margin:0px auto;
	display: block;
}
.ImportedStyles a:last-child{
	width:50px;
	line-height:38px;
	text-align: center;
}
.ImportedStyles a img{
	width:20px;
	margin: 10px auto;
	cursor: pointer;
}
.MoreVariety{
	margin-top:10px;
	display: none;
}
.MoreVariety a{
	width:35px;
	float: left;
	text-align: center;
	height:32px;
	line-height:30px;
	display: block;
	cursor: pointer;
	margin-right: 10px;
}
.MoreVariety select{
	width:98%;
	height:30px;
	border:1px solid #eee;
}
.MoreVariety a:first-child{
	width:120px;
}
.MoreVariety a:nth-child(2){
	width:80px;
}
.MoreVariety a:last-child{
	margin-right: 0px;
	height:30px;
	width:30px;
	position: relative;
}
.bold,.italic{
	color:#fff;
	background-color: #ddd;
}
#EditBack{
	display: none;
}

.textbox input{
	width:92%;
	border:1px solid #d9d9d9;
	height:38px;
	padding:0px 3%;
	border-radius: 3px;
}
.textbox input:hover{
	border:1px solid #c3c3c3;
}
.GroupButton{
	overflow: hidden;
	margin:20px auto;
	width:250px;
}
.GroupButton a{
	float: left;
	width:110px;
	height:40px;
	text-align: center;
	line-height:40px;
	color:#fff;
	border-radius: 5px;
	cursor: pointer;
	display: block;
}
.GroupButton a:first-child{
	margin-right: 30px;
	background-color: #fb6b5b;
}
.GroupButton a:last-child{
	background-color: #32C4CD;
}
.GroupButton a:first-child:hover{
	background-color: #fa4733;
}
.GroupButton a:last-child:hover{
	background-color: #007AFF;
}
.ft{
	cursor: pointer;
}
.colorBlock{
	overflow: hidden;
}
.FontColor{
	position: absolute;
	top:0px;left: 0px;
	width:100%;
	display: block;
	border:none !important;
	border-radius: 0 !important;
}
#erweima {
    height: 100px;
    width: 100px;
}

/* 个人空间  */
.VesselConten{
	width:1200px;
	margin:30px auto;
	background: #fff none repeat scroll 0 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.BasicInfo{
	padding:15px 20px;
	overflow: hidden;
}
.BasicInfo ul{
	position: relative;
	float:left;
}
.BasicInfo ul:first-child{
	width:150px;
}
.BasicInfo ul:last-child{
	width:985px;
	margin-left:20px;
}
.Avatar{
	width:150px;
	height:150px;
	overflow: hidden;
}
.Avatar img{
	width:100%;
}
.BasicInfo ul:last-child p{
	overflow: hidden;
}
.name{
	font-size:1.5em;
	float: left;
}
.Setting{
	float: right;
	height:38px;
	width:90px;
	font-size:0.95em;
	color: #444;
	background: rgba(0, 0, 0, 0) linear-gradient(#fafafa, #f2f2f2) repeat scroll 0 0;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
	text-align: center;
	line-height:38px;
	cursor: pointer;
}
.Setting:hover{
	background: rgba(0, 0, 0, 0) linear-gradient(#fff, #f7f7f7) repeat scroll 0 0;
}
.integral{
	margin-left:30px;
}
.FigureBlock{
	margin-top:10px;
	color:#666;
	line-height:30px;
}
.FigureBlock i{
	font-size:1.1em;
	margin-left:5px;
}

.SpaceNav{
	height:65px;
	line-height:65px;
	background: #fafafa none repeat scroll 0 0;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}
.SpaceNav ul li{
	float:left;
	font-size:0.95em;
	color:#999;
	cursor: pointer;
	text-align: center;
	border-right: 1px solid #eee;
}
.SpaceNav ul li a{
	padding:0px 20px;
}
.SpaceNav a{
	color:#999;
	display: block;
	text-decoration: none;
}
.SpaceNav ul li:nth-child(n+5){
	float:right;
	border-right: none;
	border-left:1px solid #eee;
}
.SpaceNav ul li:last-child{
	float:right;
	border-right: none;
	border-left:1px solid #eee;
}
.SpaceNav ul li:hover{
	background-color: #fff;
}
.ContentModule{
	padding:20px;
	padding-top:20px;
}
.OrderNull{
	margin:100px 0px;
	display: none;
}
.OrderNull p img{
	width:90px;
	margin:0px auto;
}
.OrderNull p{
	text-align: center;
}
.OrderNull p:last-child{
	margin-top:10px;
	color:#999;
}
.Meter{
	background-color: #f3f3f3;
	height:40px;
	line-height:40px;
	padding:0px 20px;
	border:1px solid #eee;
}
.Meter a{
	color:#666;
	font-size:0.95em;
	padding:0px 20px;
	float: left;
}

.clear{
	margin-top:9px;
	opacity: 0.8;
	cursor: pointer;
	float: right !important;
}
.clear:hover{
	opacity: 1;
}
.formBlock:first-child{
	margin-top:0px;
}
.formConten ul{
	overflow: hidden;
	border:1px solid #eee;
}
.formConten ul{
	border-top: none;
}
.formConten ul li{
	float: left;
	width:16.5%;
	font-size:0.95em;
	color:#444;
	padding:23px 0px;
	text-align: center;
}
.formConten a{
	color:#1E9CD9;
	cursor: pointer;
	text-decoration: underline;
}
.shippingAddress{
	border: none !important;
}
.shippingAddress li{
	float: none !important;
	width:100% !important;
	text-align: left !important;
	padding:10px 30px !important;
}
.shippingAddress a{
	text-decoration: none !important;
}


.btn{
	padding:0px 13px;
	height:100px;
	display: block;
	float: right;
	height:38px;
	line-height:38px;
	margin-top:30px;
	border-radius: 3px;
	margin-right:20px;
	opacity: 0.8;
	cursor: pointer;
	
}
.cancel{
	background-color: #c3c3c3;
	color:#fff;
	text-decoration: none;
}
.arrearage{
	background-color: #FB6B5B;
	color:#fff;
}
.btn:hover{
	opacity: 1;
}
.formBlock{
	margin-bottom:20px;
}
.operationNav{
	margin-top:25px;
	overflow: hidden;
}
.operationNav ul{
	overflow: hidden;
}
.AllOperation{
	float: left;
}
.AllOperation li{
	float:left;
	cursor: pointer;
	line-height:40px;
}
.AllOperation li:first-child{
	margin-right:20px;
	margin-top:1px;
}
.AllOperation li:hover{
	color:#007AFF;
}

.sorterTwo{
	float: right;
}
.sorterTwo li{
	float: left;
	width:40px;
	cursor: pointer;
	height:35px;
	line-height:35px;
	text-align: center;
	border:1px solid #e3e3e3;
}
.sorterTwo li:first-child{
	margin-right:8px;
}
.sorterTwo li:last-child{
	margin-left:8px;
}
.sorterTwo li img{
	width:25px;
	margin:0px auto;
	margin-top:5px
}
.pageCount{
	color:#666;
}
.pageCount:hover{
	background-color: #007AFF;
	color:#fff;
	border:1px solid #007AFF;
}
.Addressform{
	padding:0px 3%;
	margin:0px auto;
	overflow: hidden;
}
.Addressform ul{
	float: left;
	width:350px;
}
.Addressform ul:last-child{
	width:700px;
}
.Addressform ul li{
	overflow: hidden;
	font-size:0.95em;
	margin-bottom:25px;
	line-height:30px;
}
.Addressform input{
	height:30px;
	width:190px;
	font-size:0.95em;
	padding:0px 5px;
	border:1px solid #ccc;
}
.Addressform i{
	color:#f60;
}
.AformLeft a{
	display: block;
	float: left;
	width:110px;
}
.AformLeft a:last-child{
	width:200px;
}
.AformRight a{
	display: block;
	float: left;
}
.AformRight a:first-child{
	width:110px;
}
.AformRight select{
	width:90%;
	height:30px;
	border:1px solid #ccc;
}
.AformRight textarea{
	width:100%;
	height:80px;
	font-size:0.95em;
	padding:5px;
	border:1px solid #ccc;
}
.AddressSave{
	display: block;
	width:120px;
	cursor: pointer;
	opacity: 0.8;
	background-color: #007AFF;
	text-align: center;
	height:40px;
	line-height:40px;
	color:#fff;
	float: right;
	margin-right:145px;
	border-radius: 3px;
}
.AddressList{
	border:1px solid #e3e3e3;
	margin-top:25px;
}
.AddressSave:hover{
	opacity: 1;
}
.AddressHead{
	overflow: hidden;
	background-color: #f3f3f3;
	border-bottom:1px solid #e3e3e3;
}
.AddressHead ul li{
	float: left;
	width:16.5%;
	color:#333;
	font-size:0.95em;
	border-right: 1px solid #ccc;
	margin:20px 0px;
	text-align: center;
}
.AddressHead ul li:last-child{
	border-right: none;
}
.AddressConten ul{
	overflow: hidden;
	border-bottom:1px solid #eee;
}
.AddressConten ul:hover{
	background-color: #fafafa;
}
.AddressConten ul:last-child{
	border-bottom:none;
}
.AddressConten ul li{
	margin:15px 0px;
	float: left;
	font-size:0.9em;
	color:#666;
	width:16.5%;
	border-right: 1px solid #fff;
	text-align: center;
}
.AddressConten a{
	width:50%;
	text-align: center;
	display: block;
	float: left;
	cursor: pointer;
}
.AddressConten a:hover{
	color:#007AFF;
}
.AddressBlock{
	margin-top:10px;
	display: none;
}
.MyTemplate{
	margin-left:10px;
	display: none;
}
.OrderList{
	
}
.AccountSettingsBlock{
	display: none;
}
.AccountSettingsConten span{
	text-align: center;
	display: block;
	font-weight: 400;
    line-height: 60px;
	font-size: 28px;
	color: #444;
	padding-bottom:20px;
	border-bottom:1px solid #eee;
}
.basics,.changepassword{
	overflow: hidden;
	padding:20px 5%;
}
.basics ul{
	float: left;
}
.basics ul:first-child{
	width:300px;
}
.basics ul li{
	padding:15px 0px;
	color:#333;
}
.navForm{
	overflow: hidden;
	line-height:50px;
	border-bottom:1px solid #eee;
}
.navForm a{
	display: block;
	float: left;
	color:#999;
	cursor: pointer;
	margin-right: 30px;
}
.navForm a:first-child{
	color:#007AFF;
}
.nickname,.email{
	border:1px solid #999;
	border-radius: 3px;
	height:30px;
	padding:0px 5px;
	font-size:0.95em;
	color:#666;
	width:135px;
}
.radio:first-child{
	margin-left:0px;
}
.radio{
	border-radius: 50px;
	margin-left:15px;
	margin-right:3px;
}
.basics ul:nth-child(2){
	margin-top:5px;
}
.basics ul:nth-child(2) a{
	float: left;
	display: block;
}
.basics ul:nth-child(2) a:first-child{
	width:150px;
	height:150px;
}
.touxiang{
	width:100%;
}
.upHeadImg{
	background: rgba(0, 0, 0, 0) linear-gradient(#fafafa, #f2f2f2) repeat scroll 0 0;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    color: #444;
    float: right;
    font-size: 0.95em;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 90px;
    margin-left:30px;
    cursor: pointer;
    position: relative;
}
.basics ul:last-child{
	margin:60px 120px;
}
.saveSettings{
	border-radius: 5px;
    display: block;
    font-size: 0.95em;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    margin: 20px auto 0;
    width: 80px;
    background-color: #4b9af7;
    border: 1px solid #4b9af7;
    text-align: center;
    color:#fff;
}
.saveSettings:hover{
	opacity: 0.8;
}
.upHeadImgbtn{
	height:100%;
	width:100%;
	position: absolute;
	left: 0;top:0;
	opacity: 0;
}
.showHImg{
	line-height:35px;
	margin-left:20px;
	font-size:0.95em;
	color:#333;
	max-width:120px;
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.changepassword{
	display: none;
}
.changepassword ul li{
	padding:15px 0px;
	color:#666;
	width:450px;
	margin:0px auto;
}
.changepassword input{
	border:1px solid #d3d3d3;
	border-radius: 2px;
	height:30px;
	padding:0px 5px;
	font-size:0.95em;
	color:#666;
	width:300px;
}
#detailedASddress{
	height:30px;
	width:380px;
	font-size:0.95em;
	padding:0px 10px;
	border-radius: 3px;
	border:1px solid #ccc;
}
.inputText{
	height:30px;
	width:380px;
	font-size:0.95em;
	padding:0px 10px;
	border-radius: 3px;
	border:1px solid #ccc;
}
.NumberBlock p{
	float:left;
}
.NumberBlock p:first-child{
	line-height:45px;
}
#boxNumber{
	margin-left:20px;
}
#boxNumber a{
	float: left;
}
#boxNumber input{
	width:45px;
	height:38px;
	font-size: 0.95em;
	padding:0px 5px;
	color:#888;
	border:1px solid #ccc;
}
.plus{
	display: block;
	height:16px;
	cursor: pointer;
	line-height:16px;
	border:1px solid #ccc;
	text-align: center;
	width:20px;
	margin-left:5px;
	background-image:url(../images/plus.png);
	background-repeat: no-repeat;
	background-size: 8px;
	background-position: 50%;
}
.minus{
	display: block;
	height:16px;
	cursor: pointer;
	line-height:16px;
	border:1px solid #ccc;
	text-align: center;
	width:20px;
	margin-left:5px;
	background-image:url(../images/minus.png);
	background-repeat: no-repeat;
	background-size: 8px;
	background-position: 50%;
	margin-top:4px;
}
.boxCount{
	line-height:38px;
	padding:0px 10px;
	color:#666;
}
.Sheet{
	line-height:38px;
}
.ptHead{
	overflow: hidden;
	padding:20px 35px;
	border-bottom:1px solid #eee;
}
.ptHead ul li{
	float: left;
}
.ptHead p{
	padding:10px 0px;
}
.ptHead ul li:last-child{
	margin-top:30px;
	float: right;
}
.money{
	color:#f60;
	font-size:1.5em;
}
.ptNav{
	border-bottom:1px  solid #eee;
	background: #fafafa none repeat scroll 0 0;
	letter-spacing:-5px; /*实际情况下 -4这个值可能还要调整*/
	word-spacing:-5px;   /*实际情况下 -4这个值可能还要调整*/
}
.ptNav a{
	text-align: center;
	padding:20px 30px;
	cursor: pointer;
	display: inline-block;
	position: relative;
	color:#999;
	font-size:0.95em;
	border-right:1px solid #eee;
	letter-spacing:normal;
	word-spacing:normal;
}
.ptNav a:first-child{
	color:#333;
	background-color: #fff;
}
.ptNav i{
	right:20px;top:-8px;
	position: absolute;
}
.qrblock img{
	width: 100%;
}
.qrblock{
	padding:25px 0px;
	background-image: url(../images/WePayLogo.png);
	background-repeat: no-repeat;
	background-position: 35px 25px;
	background-size: 130px;
}
.qrblock p{
	overflow: hidden;
}
.qrblock p:first-child{
	width:250px;
	margin:0px auto;
}
.qrblock p:last-child{
	width:250px;
	height:83px;
	margin:0px auto;
	margin-top:10px;
	background-image: url(../images/text.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.textConten a{
	display: block;
	margin-left:92px;
	margin-top:18px;
	width:145px;
	color:#fff;
	line-height:25px;
}

/* 购物车 */
.cartBlock{
	padding:20px;
}
.flow{
	overflow: hidden;
	background-image: url(../images/xian.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.flow ul li{
	float: left;
	padding:12px 0px;
	width:33%;
	text-align: center;
	font-size:0.95em;
	color:#999;
}
.flow ul li:first-child{
	color:#555;
}
.statistics{
	overflow: hidden;
	background-color: #fafafa;
	border:1px solid #eee;
	border-top:none;
}
.statistics a:first-child{
	float: left;
}
.statistics a:first-child i{
	float: left;
	color:#999;
	font-size:1em;
	margin-right: 10px;
	
}
.statistics a img{
	width:22px;
	margin-top:12px;
}
.statistics a:first-child i:hover{
	color:#333;
	cursor: pointer;
}
.CartNull{
	margin:120px 0px;
}
.CartNull p{
	margin:0px auto;
	text-align: center;
	font-size:0.9em;
	color:#999;
}
.CartNull p:first-child{
	width:40px;
	margin-bottom:10px;
}
.CartNull img{
	width: 100%;
}
.statistics a{
	font-size:0.9em;
	color:#999;
	line-height:50px;
	float: right;
	margin-left:20px;
	margin-right:20px;
	display:block;
}
.statistics i{
	color:#f00;
	font-size:1.2em;
}
.siteBox{
	margin:25px 0px;
}

/* 页脚内容   */
footer{
	height:65px;
	border-top:1px solid #eee;
	-webkit-box-shadow:0 0 3px rgba(100, 100,100, .4);  
	-moz-box-shadow:0 0 3px rgba(100, 100,100, .4);  
	box-shadow:0 0 3px rgba(100, 100,100, .4);
}
footer div{
	text-align: center;
	font-size:0.95em;
	color:#888;
	line-height:65px;
}
footer a{
	color:#888;
}
footer a:hover{
	color:#1E9CD9;
	text-decoration: underline;
}
footer a:last-child{
	margin-left:10px;
}

/* 注册、登录  */
.popup{
	display: none;
}
.tooltip{
	display: none;
}
.addTitle{
	display: block;
	border-bottom:1px solid #eee;
	text-align: center;
	font-size: 1.5em;
	padding-bottom:15px;
}
.exitButton{
	top:15px;right:20px;
	position: absolute;
	cursor: pointer;
}
.exitButton img{
	width:20px;
}
.shadeBack,.tooltip_zz{
	z-index: 91;
	width:100%;
	height:100%;
	left:0px;top:0px;
	background:rgba(0,0,0,0.1);
	position: fixed;
}
.tooltip_content,.tooltip_button{
	overflow: hidden;
}
.tooltip_content a{
	display: block;
	float: left;
	color:#666;
	font-size: 1.2em;
	line-height:35px;
}
.tooltip_button{
	padding:0px 12%;
	padding-top:20px;
}
.tooltip_button a{
	float: left;
	text-align: center;
	width:48%;
	color:#fff;
	line-height:38px;
	display: block;
	cursor: pointer;
	margin:0px auto;
	opacity: 0.8;
	font-size:0.95em;
	border-radius: 3px;
}
.tooltip_button a:hover{
	opacity: 1;
}
.tooltip_button a:first-child{
	background-color: #007AFF;
	margin-right:4%;
}
.tooltip_button a:last-child{
	background-color: #ED4E5B;
}
.tooltip_content a:first-child{
	margin-left:50px;
	margin-right:10px;
}
.shadConten,.tooltip_box{
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	background: #fff none repeat scroll 0 0;
    left: 50%;
    margin: -155px 0 0 -260px;
    padding: 30px 0 20px;
    position: fixed;
    text-align: center;
    top: 50%;
    width: 520px;
    z-index: 92;
}
.tooltip_box{
	width:300px !important;
    margin: -155px 0 0 -145px !important;
}
._close_box{
	position: absolute;
	top:10px;
	right:10px;
	cursor: pointer;
}
.registerTitle{
	text-align: center;
	color:#999;
	padding:0px 5%;
	padding-top:30px;
	font-size:1.1em;
	overflow: hidden;
}
.registerTitle a{
	display: block;
	float:left;
	width:19%;
	text-align: center;
	float: left;
	height:12px;
	border-bottom:1px solid #eee;
}
.registerTitle a:first-child{
	margin-left:10%;
}
.registerTitle a:nth-child(2){
	width:42%;
	height:30px;
	margin:0px;
	padding-top:0px;
	border-bottom:none;
}
.passwordInput{
	width:55%;
	margin:10px auto;
	height:40px;
	border-radius: 5px;
	padding:0px 10px;
	font-size:0.95em;
	margin-bottom:10px;
	border:2px solid #e3e3e3;
}
.registerInput{
	width:55%;
	margin:10px auto;
	height:40px;
	border-radius: 5px;
	padding:0px 10px;
	font-size:0.95em;
	border:2px solid #e3e3e3;
}
.registerInput:hover,.passwordInput:hover{
	border:2px solid #4B9AF7;
}
.registerButton{
	width:60%;
	height:45px;
	border-radius: 5px;
	padding:0px 10px;
	background-color: #4B9AF7;
	cursor: pointer;
	color:#fff;
	font-size:1em;
	border:0px;
}
.registerButton:hover{
	background-color: #1478EE;
}
.shadeClose{
	height:24px;
	width:24px;
	cursor: pointer;
	position: absolute;
	right: 10px;top:10px;
	background-image: url(../images/close.png);
	background-size: 100% 100%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
}
.shadeClose:hover{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 	/* IE 9 */
	-moz-transform:rotate(180deg); 	/* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg); 	/* Opera */
}
.ForgetAndRegister{
	overflow: hidden;
	padding:0px 5%;
	margin-top:15px;
	margin-bottom:10px;
}
.ForgetAndRegister a{
	float: left;
	display: block;
	width:50%;
	font-size:0.95em;
	color:#999;
	cursor: pointer;
}
.ForgetAndRegister a:hover{
	color:#666;
}
.registerSucceed p{
	text-align: center;
	color:#777;
	line-height:30px;
}
.registerSucceed{
	display: none;
}
#FindPassword{
	display: none;
}
.registerSucceed p:first-child{
	margin-top:10px;
}
.registerSucceed p:last-child{
	margin-top:10px;
}
.backButton{
	width:60%;
	height:45px;
	border-radius: 5px;
	padding:0px 10px;
	background-color: #ccc;
	cursor: pointer;
	color:#fff;
	font-size:1em;
	border:0px;
}
.backButton:hover{
	background-color: #c3c3c3;
}
.registerSucceed i{
	color:#4B9AF7;
	cursor: pointer;
}
.registerSucceed a{
	cursor: pointer;
}
.shippingAddress li:first-child{
	margin-top:15px;
}
.shippingAddress li{
	padding:10px 0px;
}
.shippingAddress a{
	color:#666;
	font-size:1.2em;
}
.note{
	color:#444;
	line-height:40px;
	font-size:0.95em;
	padding-left:35px;
}