@charset "UTF-8";
/* CSS Document */
*{padding: 0;margin: 0;}
body{padding: 0;margin: 0;font-family:microsoft yahei,Verdana, Geneva, sans-serif;font-size: 12px;}
a{text-decoration: none;color: #69686c;}
a:hover{text-decoration: none;}
u{text-decoration: none;}
td{font-size: 12px;}
input,textarea{border: 1px solid #ddd;padding: 5px;font-family:microsoft yahei,Verdana, Geneva, sans-serif;}
input:focus{background: #F1F1F0;color: #000;transition: all 0.5s ease 0s;}
textarea:focus{background: #F1F1F0;color: #000;transition: all 0.5s ease 0s;}
a:hover{transition: all 0.5s ease 0s;color: #323232;}
li{list-style: none;}
li:hover{transition: all 0.5s ease 0s;}
img{border: none;display: list-item;}
.clear{clear: both;}
.memberPosition{background: #F1F1F0 !important;margin-bottom: 10px;}
.position{width: 100%; padding: 10px 0;background: #fff;font-size: 12px;}
.position-wrap{width: 1200px;margin: 0 auto;}
.top{width: 100%;border-bottom: 1px solid #e1e1e1;height: 40px;line-height: 40px;font-size: 12px;}
.top p{text-align: right;}
.top p span{float: left;}
.top p span i{padding: 0 5px;}
.top p a{padding: 0 10px;border-right: 1px solid #ddd;margin-top: 10px;}
.topWrap{width: 1200px;margin: 0 auto;}
.foot-menu{width: 100%;height: 40px;line-height: 40px;background:#323232;font-size: 12px;}
.foot-menu-warp{width: 1200px;margin: 0 auto;}
.foot-menu-warp ul li{float: left;}
.foot-menu-warp ul li a{color: #fff;border-right: 1px solid #fff;padding: 0 20px;}
.member{background: #f7f5f5;width: 100%;padding-top: 10px;}
.memberTop{width: 100%; font-size: 12px;}
.memberTopWrap{width: 1200px; margin: 0 auto;}
.memberTop .logo{float: left;width: 400px;}
.memberTop .memberStat{float: left; width: 800px;line-height: 81px;height:81px;text-align: right;}
.memberFoot{width: 100%;border-top: 2px solid #323232;font-size: 12px;margin-top: 20px;}
.memberFootWrap{width: 1200px;margin: 0 auto;padding: 20px 0;text-align: center;}
.memberMain{width: 1200px;margin: 0 auto;}
.memberMenu{width: 280px;float: left;background: #fff;border: 1px solid #ddd;box-shadow: 3px 3px 3px #ddd;padding-bottom: 10px;}
.memberMenu p{background: #323232;font-size: 13px;color: #fff;height: 36px;line-height: 36px;margin-bottom:5px;}
.memberMenu p a{color: #fff;font-size: 13px;}
.memberMenu p i{font-size: 15px;padding: 0 10px;}
.memberMenu ul li{height: 30px;line-height: 30px;font-size: 12px;border-bottom: 1px dotted #ddd;}
.memberMenu ul li i{padding: 0 10px;}
.memberMenu ul li:hover{background:#323232;transition: all 0.5s ease 0s;color:#fff;}
.memberMenu ul li:hover a{color: #fff;}
.memberMenu ul li:hover i{color: #fff;}
.memberWrap{width: 1200px;margin: 0 auto;padding-bottom: 20px;margin-top: 10px;}
.foot{width: 100%;padding: 10px 0; background: #fff;}
.foot-wrap{width: 1200px;margin: 0 auto; font-size: 12px;}
.foot-wrap .logo{float: left;}
.foot-wrap .foot-info{float: right;}
.foot-wrap .foot-info p{line-height: 30px;padding-top: 10px;text-align: right;}
.memberLine{width: 100%;height: 4px;background: #323232;clear: both;}
.home-business-wrap{width: 1200px;margin: 0 auto;}
.home-business-wrap-T{font-family: art; font-size: 40px;text-align: center;font-weight: bold;color: #323232;margin-bottom: 20px;}
.home-business-wrap ul li{width: 370px;height: 135px;background: #fff;float: left;overflow: hidden;padding: 10px;margin-bottom: 15px;margin-right: 10px;box-shadow: 3px 3px 3px #ccc;}
.home-business-wrap ul li:hover {background: #323232;transition: all 0.5s ease 0s;}
.home-business-wrap ul li:hover p a{color: #fff;transition: all 0.5s ease 0s;}
.home-business-wrap ul li:hover p i{color: #fff;transition: all 0.5s ease 0s;}
.home-business-wrap ul li:hover span{color: #fff;transition: all 0.5s ease 0s;}
.home-business-wrap ul li:hover img{border: 1px solid #fff;}
.userInfoEdit{width: 900px;float: right;border: 1px solid #ddd;box-shadow: 3px 3px 3px #ddd;padding-bottom: 10px;padding-bottom: 10px;margin-bottom: 10px;}
.userInfoEditT,.userInfoEditT_Other{height: 36px;line-height: 36px;border-bottom: 1px solid #ddd;border-bottom: 1px solid #ddd;padding-left: 10px;}
.userInfoEditT span{padding: 0 30px;background: #323232;font-size: 14px;display: block;float: right;border-left: 1px solid #fff;color: #fff;}
.userInfoEditT span a{color: #fff;}
.userInfoT{height: 36px;line-height: 36px;text-align: center;font-size: 14px;border-bottom: 1px solid #ddd;margin-bottom: 10px;clear: both;}
.userInfoEdit p{line-height: 30px;clear: both;}
.userInfoEdit p span{display: block;float: left;text-align: right;width: 100px;padding-right: 10px;}
.userInfoEdit textarea{width: 600px;height: 80px;font-size: 12px;padding: 5px;line-height: 24px;margin-top: 3px;}
#wt{display: block;width: 120px;margin: 0 auto;margin-top: 10px;margin-bottom: 10px;}
.editInfo img{width: 200px;height: 200px;border: 1px solid #ddd;margin-left: 50px;margin-top: 10px;margin-bottom: 10px;}
.editInfo input{margin-top: 5px;width: 260px;}
.userInfoEdit  select{padding: 0 30px;height: 20px;line-height: 20px;border: 1px solid #ddd;text-align: center;}
.userInfoEdit option{line-height: 20px;text-align: center;}
.favaD,.goodUser,.add-class{height: 30px;line-height: 30px;border-bottom: 1px solid #ddd;}
.newsList .div-1{text-align: left;padding-left: 10px;}
.favaD div{float: left;text-align: center;}
.favaD .div-1{width: 500px;}
.favaD .div-2{width: 50px;}
.favaD .div-3{width: 250px;}
.favaD .div-4{width: 100px;}
.favaD .div-4 input{margin-top: 5px;}
.button{height:40px;line-height: 40px;padding: 0 10px;margin: 10px 0;}
.button input{padding: 0;margin: 0 10px;}
.goodUser div{float: left;text-align: center;}
.goodUser .div-1{width: 490px;}
.goodUser .div-2{width: 300px;}
.goodUser .div-2 input{margin-top: 2px; width: 290px;}
.goodUser .div-3{width: 100px;}
.goodUser .div-3 a{padding: 0 10px;}
.userInfoEditT input{width: 300px;margin: 0 10px;}
#add{width: 120px;}
.add-class div{float: left;text-align: center;}
.add-class-1{width: 100px;}
.add-class-2{width: 500px;}
.add-class-2 input{width: 498px;margin-top: 2px;}
.add-class-3{width: 300px;}
.add-class-3 input{margin: 3px 10px 0 10px;line-height: 20px;padding: 0 20px;}
#class-name{height: 30px;line-height: 30px;margin-top: 5px;}
#beizhu,#fname{width: 260px;margin-top: 5px;}
.add-friend-class{margin: 0 20px;width: 100px !important;margin-top: 10px;}
.userCompanyProfile{font-size: 14px;padding: 10px;line-height: 30px;}
.msgBox{height: 30px;line-height: 30px;}
.msgBox div{float: left;text-align: center;border-bottom: 1px solid #ddd;height: 30px;line-height: 30px;}
.msgBox-1{width: 60px;}
.msgBox-2{width: 470px;}
.msgBox-3{width: 120px;}
.msgBox-4{width: 150px;}
.msgBox-5{width: 100px;}
.msgBox-2 img{float: left;margin-top: 10px;}
.msgBox-1 input{border: 1px solid #ddd;margin-top: 8px;}
.msgInfo{line-height: 26px;padding: 0 10px;}
.msgInfo img{float: left;margin-top: 7px;margin-right: 10px;}
#sendmsg a{padding: 0 10px;}
.viewMsgButton{height: 30px;line-height: 30px;text-align: center;}
.viewMsgButton a{padding: 0 10px;}
.guestContent{padding: 10px;}
.userInfoEditT i{padding: 0 10px;}
.addInfoButton{margin: 10px 0;padding:0 10px;}
.addInfoButton input{padding: 5px 20px;margin-right: 20px;}
.addInfoButton input:hover{background: #323232; color: #fff;transition: all 0.5s ease 0s;cursor: pointer;}
.choiseClomu{margin-top: 10px;}
.choiseClomu select{padding: 0;height: auto;width: 200px;float: left;margin-left: 10px;height: 200px;}
.choiseClomu option{padding: 15px 0; font-size: 14px;border-bottom: 1px solid #ddd;}
#addInfoRight{margin-left: 10px;width: 200px;height: 200px;text-align: center;line-height: 200px;font-size: 30px;font-family:art;}
#addInfoRight:hover{background: #323232;color: #fff;transition: all 0.5s ease 0s;cursor: pointer;}
.newsTextAdd input{width: 260px;margin-top: 5px;}
.newsTextAdd textarea{margin-bottom: 10px;}
.newsTextAdd { padding:10px;}
.newsTextAdd p{line-height: 40px;}
.newsTextAdd .add-friend-class{width: 120px !important;}
.memberLoginForm p{margin: 10px 0;}
.memberLoginForm p a{padding: 0 10px;}
.savePasswordRadio{line-height: 40px;padding-left: 100px;}
.getPassword p{height: 40px;line-height: 40px;}
.getPassword input{margin-top: 5px;}
.showKey{height: 40px;line-height: 40px;clear: both;}
.showKey span{width: 100px;display: block;float: left;text-align: right;padding-right: 10px;}
.showKey input{float: left;}
.showKey i{float: left;}
.showKey img{width: 63px;margin-top: 5px;}
.getPasswordSubmit{width: 120px;margin: 0 auto !important;}
.userRegisterForm input{width: 260px;margin-top: 5px;}
.userRegisterForm span{margin-top: 5px;}
.sayAbout{height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #323232;}
.quickTools p{height: 40px;line-height: 40px;text-align: center;border-bottom: 1px solid #ddd;font-size: 14px;font-weight: bold;}
.quickTools ul li{float: left;text-align: center;width: 120px;padding: 20px 0;background: #ddd;margin: 15px;}
.quickTools ul li:hover{background: #323232;}
.quickTools ul li:hover a{color: #fff;}
.userPic{text-align: center;margin: 10px 0;}
.userPic img{width: 120px;height: 120px;border: 1px solid #ddd;border-radius: 50%;display: inline;}
.userPic p{height: 30px;line-height: 30px; font-size: 14px;border-bottom: 1px solid #ddd;}
.userPic p a{font-size: 14px;}
.setSpace{margin: 10px 0;}
.selectSpaceTemplate ul li{float: left;border: 1px solid #ddd;padding: 10px;margin: 10px;}
.selectSpaceTemplate ul li:hover{border: 1px solid #323232;}
.selectSpaceTemplate ul li img{width: 120px;height: 120px;}
.selectSpaceTemplate ul li p{height: 30px;line-height: 30px;text-align: center;}
.spaceHeader{width: 100%;background: #fff;font-size: 12px;height: 30px;line-height: 30px;}
.spaceHeader p{width: 1200px;margin: 0 auto;}
.spaceHeader p span{float: right;}
.spaceHeader p span a{padding: 0 5px;}
.spaceBanner{width: 100%;background: url(../images/spacebannerBg.jpg) center center no-repeat; background-size: cover;height: 200px;}
.spaceBannerBox{width: 1200px;margin: 0 auto;}
.spaceHeaderLogo{float: left;text-align: center;width: 300px;}
.spaceHeaderLogo img{width: 120px;height: 120px;border: 1px solid #ddd;border-radius: 50%;margin-top: 20px;margin-left: 90px;}
.spaceHeaderLogo p{height: 40px;line-height: 40px;color: #323232;font-size: 16px;font-weight: bold;}
.spaceHeaderInfo{float: right;margin-top: 30px;}
.spaceHeaderInfo p{height: 36px;line-height: 36px;font-size: 13px;}
.spaceHeaderInfo p a{color: #323232;font-weight: bold;}
.spacePositon{width: 100%;background:#fff; font-size: 12px;color: #000;}
.spacePositon p{width: 1200px;margin: 0 auto;padding: 10px 0;}
.spaceMenu{width: 100%;background: #f1f1f0;}
.spaceMenuBox{width: 1200px;margin: 0 auto;}
.spaceMenuBox ul li{float: left;padding: 10px 40px;}
.spaceMenuBox ul li:hover{background: #323232;}
.spaceMenuBox ul li:hover a{color: #fff;}
.spaceMain{width: 1200px;margin: 0 auto;margin-top: 10px;}
.spaceNotice{line-height: 30px;padding: 10px;}
.spaceProductList {padding: 10px;}
.spaceProductList ul li{float: left;width: 428px;border: 1px solid #ddd;margin: 5px;box-shadow: 3px 3px 3px #ddd;height: 120px;overflow: hidden;}
.spaceProductList ul li img{width: 90px;height: 90px;border: 1px solid #ddd;border-radius: 50%;float: left;margin: 15px 10px 0 5px;}
.spaceProductList ul li h5{height: 30px;line-height: 30px;overflow: hidden;font-size: 14px;font-weight: normal;}
.spaceProductList ul li h5 a{font-size: 13px;}
.spaceProductList ul li:hover {background: #323232;transition: all 0.5s ease 0s;}
.spaceProductList ul li:hover h5 a{color: #fff;transition: all 0.5s ease 0s;}
.spaceProductList ul li:hover h5 i{color: #fff;transition: all 0.5s ease 0s;}
.spaceProductList ul li:hover span{color: #fff;transition: all 0.5s ease 0s;}
.spaceProductList ul li:hover img{border: 1px solid #fff;}
.spaceProductList ul li span{font-size: 12px;line-height: 24px;color: #666;max-height: 72px;overflow: hidden;display: block;}
.spaceProductList ul li h5 a{color: #323232;}
.spaceProductList ul li h5 i{ color: #323232; font-size: 15px;margin-right: 5px;}
#spaceFeedback{margin-top: 10px;}
#spaceFeedback textarea{margin-bottom: 10px;}
#spaceFeedback .showKey input{margin-top: 5px;}
.gbookList{line-height: 30px;height: 30px;border-bottom: 1px solid #ddd;background: #ddd;}
.gbookList p{clear: none;text-align: center;}
.gbook-p1{width: 35px;float: left;}
.gbook-p1 input{margin-top: 8px;}
.gbook-p2{float: left;}
.gbook-p3{width: 100px;float: right;}
.gbookLy,.gbookHf{line-height: 24px;font-size: 12px;padding: 5px;}
.gbookListDel input{margin: 0 10px;}
#ReGbookForm{width: 750px !important;border: 1px solid #ddd;margin: 10px auto !important; float: none;}
.spaceAddGbook .showKey input{margin-top: 5px;}
.spaceAddGbook #uname{margin-right: 10px;}
.gbook-p2-2{float: left;padding-left: 10px;}
.gbook-p2-2 b{padding-right: 10px;}
.manageFeedback .gbook-p2{width: 600px;}
.manageFeedback .gbook-p3{float: left;width: 200px;}
.manageFeedback .gbook-p4{float: left;width: 60px;text-align: center;}
.manageFeedbackT{background: none !important;}
.showFeedbackList{width: 750px;margin: 0 auto;border: 1px solid #ddd;margin-top: 10px;}
.showFeedbackList p{line-height: 30px;font-size: 12px;}
.showFeedbackList p span{display: block;width: 80px;text-align: right;float: left;padding-right:10px;}
#TY{width: 750px;margin: 0 auto;}
.P_select select{margin-top: 5px;}
.addCard{margin-top: 10px;}
.addCard input{width: 280px;margin-right: 5px;}
.pointAdd{height: 30px;line-height: 30px;background: #ddd;border-bottom: 1px solid #ddd;}
.pointAdd p{float: left;clear: none;text-align: center;}
.pointAdd .pointAdd-1{width: 100px;}
.pointAdd .pointAdd-2{width: 200px;}
.pointAdd .pointAdd-3{width: 100px;}
.pointAdd .pointAdd-4{width: 100px;}
.pointAdd .pointAdd-5{width: 200px;}
.pointAdd .pointAdd-6{width: 200px;}
#noBgColor{background:none;}
.downList{height: 30px;line-height: 30px;background: #ddd;border-bottom: 1px solid #ddd;}
.downList p{float: left;text-align: center;clear: none;}
.downList .downList-1{width: 600px;}
.downList .downList-2{width: 200px;}
.downList .downList-3{width: 100px;}
#paytofenselect{margin-top: 5px;}
.addMoneyClass{padding: 10px;border-bottom: 1px solid #ddd;margin-bottom: 10px;}
.addMoneyClass ul li{height: 40px;line-height: 40px;}
.addMoneyClass ul li input{margin-right: 10px;}
.myBuyCart{height: 30px;line-height: 30px;background: #ddd;}
.myBuyCart p{float: left;text-align: center;clear: none;}
.buycarList{border-bottom: 1px solid #ddd;}
.totleAll{height: 30px;line-height: 30px;text-align: right;padding-right: 30px;}
.buycarList p{float: left;text-align: center;clear: none;line-height: 120px;height: 120px;overflow: hidden;}
.buycarList input{padding: 2px;margin-top: 48px;text-align: center;}
.myBuyCart-1{width: 120px;}
.myBuyCart-2{width: 280px;}
.myBuyCart-3{width: 100px;}
.myBuyCart-4{width: 100px;}
.myBuyCart-5{width: 100px;}
.myBuyCart-6{width: 100px;}
.myBuyCart-7{width: 100px;}
#addFavaform p{height: 40px;line-height: 40px;}
#addFavaform p #select{margin-top: 10px;}
.buycarList img{width: 100px;height: 100px;margin: 10px;border: 1px solid #ddd;}
.addAdress{margin: 10px 0;}
.addAdress p{height: 40px;line-height: 40px;}
.addAdress input{margin-top: 5px;}
.addressList{height: 30px;line-height: 30px;background: #ddd;border-bottom: 1px solid #ddd;}
.addressList p{float: left;clear: none;text-align: center;}
.addressList .addressList-1{width: 600px;}
.addressList .addressList-2{width: 150px;}
.addressList .addressList-3{width: 150px;}
.addressList .addressList-3 a{padding: 0 5px;}
.buycarButton span{display: block;float: right;margin: 10px;height: 31px;line-height: 31px;background: #ddd;padding: 0 10px;}
.buycarButton span input{background: none;color: #69686c;}
.buycarButton span input:hover{cursor: pointer;}
.editAdressMore{background: none !important; padding: 0 10px 0 0 !important;}
#addressid{margin-top: 10px;}
.postMethod li{height: 30px;line-height: 30px;padding: 0 15px;}
.postMethod li input{margin-right:15px;}
.postMethod li span{float: right;}
.fapiao p{height: 40px;line-height: 40px;}
.fapiao p input{margin-top: 5px;}
.fapiao p select{margin-top: 10px;}
.goodCard{margin: 10px 0;}
.submitOrder{height: 30px;line-height: 30px;background: #ddd;border-bottom: 1px solid #ddd;}
.submitOrder p{float: left;clear: none;text-align: center;}
.submitOrder-1{width: 400px;}
.submitOrder-2,.submitOrder-3{width: 150px;}
.submitOrder-4,.submitOrder-5{width: 100px;}
.totlePoint{height: 30px;line-height: 30px;text-align: right;padding-right: 32px;border-bottom: 1px solid #ddd;}
.ListDdList{height:30px;line-height: 30px;background: #ddd;border-bottom: 1px solid #ddd;}
.ListDdList p{float: left;text-align: center;clear: none;}
.ListDdList-1{width: 50px;}
.ListDdList-2{width: 150px;}
.ListDdList-3{width: 200px;}
.ListDdList-4{width: 100px;}
.ListDdList-5{width: 150px;}
.ListDdList-6{width: 200px;}
.ListDdList-7{width: 50px;}

.white-pink {
margin-left:auto;
margin-right:auto;
max-width: 800px;
background: #FFF;
padding: 30px 30px 20px 30px;

font: 12px Arial, Helvetica, sans-serif;
color: #666;
border-radius: 10px;
-webkit-border-radius: 10px;
}
.white-pink h1 {
font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 0px 0px 10px 40px;
display: block;
border-bottom: 1px solid #F5F5F5;
margin: -10px -30px 10px -30px;
color: #969696;
}
.white-pink h1>span {
display: block;
font-size: 11px;
color: #C4C2C2;
}
.white-pink label {
display: block;
margin: 0px 0px 5px;
}
.white-pink label>span {
float: left;
width: 20%;
text-align: right;
padding-right: 10px;
margin-top: 10px;
color: #969696;
}
.white-pink input[type="text"], .white-pink input[type="email"], .white-pink textarea,.white-pink select{
color: #555;
width: 70%;
padding: 3px 0px 3px 5px;
margin-top: 2px;
margin-right: 6px;
margin-bottom: 16px;
border: 1px solid #e5e5e5;
background: #fbfbfb;
height: 25px;
line-height:15px;
outline: 0;
-webkit-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
}
.white-pink textarea{
height:100px;
padding: 5px 0px 0px 5px;
width: 70%;
}
.white-pink .button {
-moz-box-shadow:inset 0px 1px 0px 0px #fbafe3;
-webkit-box-shadow:inset 0px 1px 0px 0px #fbafe3;
box-shadow:inset 0px 1px 0px 0px #fbafe3;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff5bb0), color-stop(1, #ef027d) );
background:-moz-linear-gradient( center top, #ff5bb0 5%, #ef027d 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#ef027d');
background-color:#ff5bb0;
border-radius:9px;
-webkit-border-radius:9px;
-moz-border-border-radius:9px;
border:1px solid #ee1eb5;
display:inline-block;
color:#ffffff;
font-family:Arial;
font-size:15px;
font-weight:bold;
font-style:normal;
height: 40px;
line-height: 30px;
width:100px;
text-decoration:none;
text-align:center;
text-shadow:1px 1px 0px #c70067;
}
.white-pink .button:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ef027d), color-stop(1, #ff5bb0) );
background:-moz-linear-gradient( center top, #ef027d 5%, #ff5bb0 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef027d', endColorstr='#ff5bb0');
background-color:#ef027d;
}
.white-pink .button:active {
position:relative;
top:1px;
}
.white-pink select {
background: url('down-arrow.png') no-repeat right, -moz-linear-gradient(top, #FBFBFB 0%, #E9E9E9 100%);
background: url('down-arrow.png') no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#E9E9E9));
appearance:none;
-webkit-appearance:none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
width: 47%;
line-height: 15px;
height: 30px;
}