@charset "utf-8";
/* CSS Document */

html,body{font-family: Helvetica, "Helvetica Neue", Gotham, Arial, "sans-serif"; padding: 0; margin: 0; width:100%; color: #4c4c4c; min-height:100%;}

html {
font-size: 62.5%
}
body{background-color: #f9f7f7;}
body.bgBlack{background-color:#3B3B3B; }


@media only screen and (min-width: 481px) {
html {
font-size:94%!important
}
}

@media only screen and (min-width: 561px) {
html {
font-size:109%!important
}
}

@media only screen and (min-width: 641px) {
html {
font-size:125%!important
}

body {
/* max-width: 640px */
}
}
ul,li{list-style: none; padding: 0; margin: 0;}
h1{font-size: 2.4rem;}
h2{font-size: 1.8rem;}
p,div,li,span{font-size: 1.6rem; font-weight: normal;}
a{font-size: 1.4rem; text-decoration: none; cursor:pointer;}
h1,h2,p,a,img{margin:0; padding: 0;}
img{border: 0;}
input[type=button]{
	-webkit-appearance:none;
	outline:none
}
input,select,textarea{-webkit-appearance: none; font-family: arial,Microsoft YaHei,tahoma,Hiragino Sans GB,\\5b8b\4f53,sans-serif;}
select{background-repeat: no-repeat; background-position: 98% center; background-size: 1.4rem;}
/* ------------------- base style ------------------ */
#wrap{width:100%; padding-top: 4.9rem;}
#header{width:100%; height:4.9rem; line-height: 4.9rem; color: #EAB700; background-color: #fff; position: fixed; top:0; left: 0; z-index: 8887;}

#header div{font-size: 2.2rem; font-weight: bold;}
#header > .logo{text-align: center; position: relative; padding:0 2.2rem;}
#header > .logo img{width: auto; height: 2.6rem; padding: 1.2rem 0; float:left;} 
#header a.loginLink{font-size: 1.4rem; color: #EAB700; font-weight: normal; position: absolute; top: 0; right:2.2rem;}
#header .menuBtn{position:absolute; top:50%; left:1.4rem; margin-top:-0.75rem; cursor: pointer; display: block; width: 2.4rem; height: 1.8rem;}
#header .menuBtn i{display:block; width:2.4rem; height: 0.3rem; border-radius: 0.15rem; background-color: #EBB900; position: absolute; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s;}
#header .menuBtn i.m-1,#header .menuBtn.defTime i.m-1{top:0; left: 0;}
#header .menuBtn i.m-2,#header .menuBtn.defTime i.m-2{top:0.6rem; left: 0;}
#header .menuBtn i.m-3,#header .menuBtn.defTime i.m-3{top:1.2rem;; left: 0;}
#header .menuBtn.curTime i.m-1{transform: rotate(45deg); margin-top:0.6rem;}
#header .menuBtn.curTime i.m-2{transform: rotate(45deg);}
#header .menuBtn.curTime i.m-3{transform: rotate(-45deg);margin-top:-0.6rem;}

#header .myFace{position:absolute; display: inline-block; text-align: center; line-height: 1.2rem; font-size:1.2rem; color:#F0C300; font-weight: normal; top:0.3rem; right:2.2rem;}
#header .myFace span{display: block; width: 3rem; height: 3rem; border-radius: 50%; border:0.2rem solid #F0C300; background-repeat:no-repeat; background-size:cover; background-position:center center; margin:0 auto;}
#header .topBack{position:absolute; left: 0.8rem; top:50%; margin-top:-1.6rem; padding: 0 0.5rem; cursor: pointer; width:0.8rem; height:1.8rem;}
#header .topBack > img,.toperCal .topBack img{width:0.8rem; height: auto;}



#mainBanner{overflow: hidden; color: #f5c400; position: relative; margin-bottom: -3px; padding:2.4rem; background: #f9f7f7 url("../images/update/banner_bg.png") center 70% no-repeat; background-size: 100%;}
#mainBanner > img{width:100%; height:auto;}
#mainBanner a{color: #f5c400; font-size: 1.4rem; display: block; width: 100%; text-decoration: underline;}
#mainBanner span{ display: block; position: absolute; right: -0.8rem; top:50%; margin-top:-2.6rem;}
#mainBanner span img{width:5.3rem; height: auto;}

.serviceSelect{position: relative;}
.serviceSelect li{width: 100%; margin: 0 auto; color:#4c4c4c; text-align: center; height: 10rem; background-position: center; background-repeat: no-repeat; background-size: cover; table-layout: fixed;}
.serviceSelect li.yellow{background-image:url(../images/common/bg_yellow.png); background-color: #ccc;}
.serviceSelect li.gray{background-image: url(../images/common/bg_gray.png); }
.serviceSelect li a{text-decoration: underline; color:#3a3a3a;}
.serviceSelect div{width:41.4rem; height: 10rem; display:table-cell; vertical-align: middle; text-align: center; padding-top: 0.4rem;}
.serviceSelect span.orLine{position: absolute; top: 50%; margin-top: -0.7rem;}
.serviceSelect .orLine img{width: 100%; height: auto;}
.serviceSelect li img{height:3.8rem; width: auto;}

#footer{background-color: #3b3b3b; padding-top: 3rem; color: #efefef;}
#footer ul li{width:77%; margin:0 auto 1.6rem auto; border-bottom:0.1rem solid #ebebeb; padding-bottom:1.6rem; }
#footer ul li a{color: #efefef; font-size: 1.6rem; text-decoration: none;}
.copyRight{font-size: 1.2rem; padding: 3.8rem 0; text-align: center;}
.copyRight a{color: #F0C300;}

.serviceSelect.signUpSelect{position: absolute; top: 50%; margin-top: -10rem;}
.atten{font-size: 1.2rem; margin-bottom: 0.3rem;}
.serviceSelect.signAsx li{width: 80%; margin: 0 auto; color:#4c4c4c; text-align: center; height: 12rem; background-position: center; background-repeat: no-repeat; background-size: cover; table-layout: fixed;}
.serviceSelect.signAsx{position: absolute; top: 50%; margin-top: -12rem;}
.serviceSelect.signAsx div{padding-top: 1.3rem;}

/* ------------------------- expert start ------------------------- */

.expertsBanner{padding:2rem 2.4rem; text-align: left; line-height: 1.5; background: #f9f7f7 url("../images/update/banner_bg.png") center 70% no-repeat; background-size: 100%;}
.expertsBanner p{padding:0.8rem 0; font-size: 1.8rem; }
.expertsBanner p.intro,.expertsBanner p.intro-2,.expertsBanner p.intro-3{font-size: 1.4rem; }
.expertsBanner p.intro-2,.intro-2{border-left: 0.6rem solid #eab700; padding: 0 0 0 1rem;}
.expertsBanner p.intro-3,.intro-3{border-right: 0.6rem solid #3b3b3b; padding: 0 1rem 0 0; text-align: right;}
.expertsBanner video{width:100%; height: auto;}
.expertsBanner img{width:100%; height: auto;}
.expertsBanner a.becomeMember{padding:1.4rem 0; display: block;}
.becomeMember{color:#4D4C48; position: relative;}
.becomeMember img{width:5.3rem; height: auto; margin-bottom:-2.2rem;}

/* ------------------------- expert end ------------------------- */

/* ------------------------- how it work ------------------------- */

/* .howIt{background-color: #EBB900; text-align: center; padding: 3.6rem 0 0 0; border-top: 0.2rem solid #3b3b3b;} */
.howIt{background-color: #fff; text-align: center; padding: 3.6rem 0 0 0; }
.howIt img{width: auto; height: 3.9rem;}
.howIt ul li{padding:4.2rem; position: relative;}
.arrowDown{position: absolute; left: 50%; margin-left: -0.8rem; bottom:0; border-top: 0.8rem solid #3b3b3b; border-left:0.8rem solid transparent; border-right: 0.8rem solid transparent; width: 0; height: 0;}
.arrowDown span{border-top: 0.8rem solid #fff; border-left:0.8rem solid transparent; border-right: 0.8rem solid transparent; width: 0; height: 0; margin-left:-0.8rem; margin-top:-1rem; top:0; left: 0; position: absolute;}

/* ------------------------- currency form ------------------------- */

input{height:3.8rem; padding: 0; margin: 0; border-radius: 0.2rem;}
.currencyForm,#content{padding:4.8rem 2.3rem; }
.currencyForm select{height: 3.8rem; width:100%; display: block; color:#3b3b3b; font-size: 1.6rem; line-height: 3.8rem; padding: 0 2%; border: 0; background-color: transparent; border-radius: 0.2rem; background-image: url(../images/common/selectArrow.png);}
.currencyForm textarea{height: 3.8rem; width:95.2%; display: block; font-size: 1.6rem; color:#3b3b3b; line-height: 3.8rem; padding: 0 2%; border: 0; background-color: transparent; border-radius: 0.2rem; height: 10rem; font-family: arial; line-height: 2rem;}
.currencyForm input{width:95.2%; display: block; font-size: 1.6rem; line-height: 3.8rem; padding: 0 2%; border: 0; background-color: transparent; border-radius: 0.2rem;}
.currencyForm .blackFormList input,.currencyForm .blackFormList select,.currencyForm .blackFormList textarea{color:#9b9b9b; border: 0.1rem solid #3b3b3b;}
.currencyForm li{padding-bottom: 2.3rem;}
.currencyForm li p{padding-bottom: 1rem; line-height: 2.3rem;}
.currencyForm li p span,.currencyForm li .upLoadImage .childNum,.numSpan{display: block; width:2.3rem; height: 2.3rem; border-radius: 50%; background-color: #3b3b3b; color: #f5c400; text-align: center; float: left; margin-right: 1rem; line-height: 2.3rem;}
.currencyForm li .upLoadImage{overflow: hidden; line-height: 2.3rem; padding-bottom: 1rem;}
.dashedBox{border:0.1rem dashed #3b3b3b; padding: 1.2rem; line-height: 2rem; font-size: 1.3rem; background-color: #ececec;overflow: hidden;}
.currencyForm input.btnUpFiles{width: 11.7rem; background-color: #f1b800; color: #4c4c4c; border: 0; float: left; margin-right: 1rem; cursor:pointer;}
input.btnStyle_1,.currencyForm input.btnStyle_1{background-color: #f1b800; color: #3b3b3b; border: 0; width:100%; cursor:pointer;}
.yellowBorderBox{border:0.1rem solid #ebb900; border-radius: 0.2rem;}

.listULiStyle_1 li{padding:0.35rem 0.3rem; text-align: center;}
.listULiStyle_1 li input.btnYellowStyle_1,input.btnYellowStyle_1{background-color:#f1b800; border: 0; border-radius: 0.2rem; width: 100%; cursor:pointer;}
.listULiStyle_1 li input{width:95%; background-color: transparent; padding: 0 2%; border:0.1rem solid #f1b800; margin:0.35rem 0;}
.listULiStyle_1 li input.signNow{height: 2.9rem; width:10.5rem; border: 0;}
 
.loginForm{ text-align: center;}
.loginForm img{width:96%; height: auto; padding: 1.8rem 0;}
.pinkAtten{font-size: 1.2rem; color: #fff; background-color: #ff7e7e; border-radius: 0.2rem; padding: 1.2rem 0; margin-bottom: 2.7rem;}
.pinkAttGe{font-size: 1.2rem; color: #fff; background-color: #ff7e7e; border-radius: 0.2rem; padding: 0.6rem 0; margin-bottom: 2.7rem; text-align: center;}
.rememberMe{display: inline-block; line-height: 3.8rem; padding-top: 1rem;}
.rememberMe input{float: left; margin-right: 1rem; width:1rem; height:1rem; border:0.1rem solid #3a3a3a; -webkit-appearance:checkbox; margin-top:1.3rem;}
.rememberMe a{display: block; clear: both; line-height: 1rem; color: #4c4c4c; text-decoration: underline;}
.listULiStyle_1 li input.icon_login{background-image: url(../images/common/icons_form.png); background-repeat: no-repeat; background-size: 2.1rem; padding-left: 13%; padding-right: 0; padding-top: 0; padding-bottom: 0; width:86%;}
.icon_login.icon_mail{background-position: 3% 1.1rem;}
.icon_login.icon_phone{background-position: 3% -4rem;}
.icon_login.icon_user{background-position: 3% -10rem;}
.icon_login.icon_pw{background-position: 3% -14.8rem;}
.icon_login.icon_cpw{background-position: 3% -19.5rem;}
.attenRegster{font-size: 1.2rem; padding: 2.9rem;}
.attenRegster a{font-size: 1.2rem; color: #f1b800; text-decoration: none; cursor:pointer;}
.resetPwTitile{padding: 0 0 1rem 0; margin: 0; font-size: 1.8rem;font-weight: bold;}
.inputTrue{background-image: url(../images/common/arrow.png); background-repeat: no-repeat; background-position: center right; background-size: 3rem;}
.headPic{width:11.4rem; height:11.4rem; border-radius: 50%; text-align: center; border:0.3rem solid #3e3e3e; margin:0 auto 3rem auto; position:relative; background-color: #d8d8d8; background-position:center center; background-repeat: no-repeat; background-size: cover; overflow: hidden;  cursor:pointer;}
.headPic span{ position: absolute; top: 50%; margin-top: -1.4rem; display: block; width: 100%; text-align: center;}
.headPic > .edit-click{position:absolute; background-color:#F6C300; color:#3a3a3a; width:5.2rem; height: 2rem; text-align: center; line-height:2rem; display: block; bottom:0; left:50%; margin-left:-2.6rem; border-radius: 0.2rem;}

.blackFormList > li > .info-cons{padding:1rem; background-color: #3a3a3a; border-radius: 0.2rem; color:#F6C300; font-size:1.4rem; position:relative;word-wrap: break-word;}
.blackFormList > li > .info-cons > div{width:100%; display:inline-block;}
.blackFormList > li > .info-cons > div.textAears{width:70%; display:inline-block; min-height:4rem; height:auto; overflow: hidden;}
.blackFormList > li > .info-cons > div > a.editOr{position:absolute; display: inline-block; color:#3a3a3a; top:0; right:0; width:5.6rem;  font-weight: bold; text-align: center; line-height: 3.6rem;}
.blackFormList.profileEdit > li > .info-cons{background-image: url(../images/common/yellowbg.png); background-repeat:no-repeat; background-position:right center; background-size:5.6rem; height:1.6rem;}
.blackFormList > li > .info-cons.none-background{background-position:100rem 100rem; }
.blackFormList > li > .info-cons.qual-cons{ min-height:4rem; height:auto; font-size:1.4rem; line-height: 2.1rem; position: relative; overflow: hidden;}
.blackFormList > li > .info-cons.qual-cons .edit-click{position:absolute; background-color:#F6C300; color:#3a3a3a; width:5.2rem; height: 2rem; text-align: center; line-height:2rem; display: block; bottom:0; right:0; border-radius: 0.2rem;}
.blackFormList > li > .info-cons.upPicBox .edit-click{position:absolute; background-color:#F6C300; color:#3a3a3a; width:5.2rem; height: 2rem; text-align: center; line-height:2rem; display: block; top: -2rem; right:0; border-radius: 0.2rem;}
.locationSel-div{position: relative;}
.locationSel-div .edit-click{background-color:#F6C300; color:#3a3a3a; width:5.2rem; height: 2rem; text-align: center; line-height:2rem; display: block; border-radius: 0.2rem; position: absolute; right: 0; top:1.1rem; display: none;}


.blackFormList .info-cons .projectPics > li,.projectPics > li{display:inline-block; width:4.2rem; height: 4.2rem; margin:0.2rem 0.1rem; position: relative; padding-bottom:0;}

.blackFormList .info-cons .editInput{position:absolute; background-color: #ececec; border:0.1rem solid #3a3a3a; border-radius: 0.2rem; left:0; top: 0; width:100%; height: 3.4rem; padding: 0; display: none;}
.blackFormList .info-cons .editInput > input{height:3.4rem; outline:none; border:0; margin: 0; line-height: 3.4rem; padding: 0 0.5rem; float:left; width:70%;}
.blackFormList .info-cons .editInput > button{background: url(../images/common/black_bn.png) no-repeat center left; background-size:cover; width:24%; height: 3.6rem; border:0; color: #f5c400; cursor: pointer; outline: none; position: absolute; top: -0.1rem; right:-0.1rem;}

.blackFormList > li > .info-cons > .editSelect{position:absolute; background-color: #ececec; border:0.1rem solid #3a3a3a; border-radius: 0.2rem; left:0; top: 0; width:99.5%; height: 3.4rem; padding: 0; display: none;}
.blackFormList > li > .info-cons > .editSelect > select{height:3.4rem; outline:none; border:0; margin: 0; line-height: 2.4rem; padding: 1%; float:left; width:97%;}
.blackFormList > li > .info-cons > .editSelect > button{background: url(../images/common/black_bn.png) no-repeat center left; background-size:cover; float: right; width:24%; height: 3.4rem; border:0; color: #f5c400; cursor: pointer; outline: none; position: absolute; top: 0; right: 0;}

/* ------------------------- currency form end ------------------------- */

/* ------------------------- maskLayer start ------------------------- */

.maskLayer{position: fixed; top: 0; left: 0; width: 100%; height: 200rem; background-color: #3b3b3b; z-index: 9998;}
.maskLayer .attBox{position: fixed; top: 50%; left: 50%; margin-top: -6.95rem; margin-left: -13.5rem; width: 27rem; height: 13.9rem; border-radius: 1rem; background-color:#ebebeb; z-index: 9999; overflow: hidden; text-align: center;}
.maskLayer .attBox .attText{width:27rem; margin:0px auto; height: 9.6rem; font-size: 1.4rem; font-weight: bold; font-weight:bold; display: table-cell; vertical-align: middle; text-align: center;}
.maskLayer .attBox a{display: block; height: 4.3rem; border-top: 0.1rem solid #b0b0b0; line-height: 4.3rem; font-size: 1.4rem; color: #0091ff;}

.overPlane{width: 100%; position:absolute; top: 0; left: 0%;}
.overPlane .toper{height:4.9rem; line-height: 4.9rem; color: #f5c400; font-size: 2.2rem; font-weight: bold; text-align: center; position: relative;}
.closeClick{position: absolute; top:50%; left: 8%; width:1.4rem; height: 1.4rem; margin-top: -0.8rem; cursor: pointer;}
.closeClick i{display:block; width: 2rem; height: 0.2rem; position: absolute; background-color: #EBB900; top: 0; left: 0;}
.closeClick i.c-1{transform: rotate(45deg); margin-top:0.6rem; margin-left: -0.3rem;}
.closeClick i.c-2{transform: rotate(-45deg); margin-top:0.6rem; margin-left: -0.3rem;}
.overPlane .overContent{padding-top: 2.5rem; width:100%; height:45rem; overflow: auto;}
.overPlane .overContent .filterForm{color:#f5c400; width:84%; margin-left:8%;}
.overPlane .overContent .filterForm li p{padding-bottom: 0.5rem;}
.overPlane .overContent select{width:100%; padding-left: 2%; border:0.1rem solid #f5c400; height:3.8rem; background-color: transparent; border-radius: 0.2rem; color: #97890f; font-size: 1.4rem; background-image: url(../images/common/selectArrowYellow.png);}
.filterForm li{margin-bottom:2.6rem;}
.filterForm input.submitBtn{height: 4rem; background-color: #f5c400; border:0; width:100%; font-size: 1.6rem;}

.overMenu a{font-size:1.6rem; color: #f5c400; line-height: 4rem; display:block; width:74%; padding-left:3.6rem; background-image: url(../images/common/icon_menu.png); background-repeat: no-repeat; background-size: 2.8rem; border-bottom: 0.1rem solid #f5c400; margin:0 auto 0.6rem auto;}/* update */
.overMenu a.menu-a-1{background-position: left 0.5rem;}
.overMenu a.menu-a-2{background-position: left -3.5rem;}
.overMenu a.menu-a-3{background-position: left -7.7rem;}
.overMenu a.menu-a-4{background-position: left -11.8rem;}
.overMenu a.menu-a-5{background-position: left -15.8rem;}
.overMenu a.menu-a-6{background-position: left -19.6rem;}
.overMenu a.menu-a-7{background-position: left -23.3rem;}

.keyWords{padding:0.5rem 0rem 0.5rem 0; clear: both;}
.keyWords span{display:inline-block; margin-right:0.5rem; margin-bottom: 0.5rem; padding: 0 0 0 0.2rem; line-height:1.8rem;  background-color: #f5c400; color: #3b3b3b; border-radius: 0.2rem; font-size:1.2rem; }
.keyWords span a{display: inline-block; margin-left:1rem; cursor: pointer; padding: 0 0.5rem;}

.filterPlane,.myMenus{left:-100%; transition: 0.5s;}
.myMenus .findProjects,.myMenus .poProjects{height:3rem; width:84%; line-height: 3rem; text-align: center; background-color: #f5c400; color:#3a3a3a; font-size: 1.4rem; display: block; border-radius: 0.2rem; position: absolute; left:8%;}/* update */
.myMenus .findProjects{top:40rem;}/* update */
.myMenus .poProjects{top:44rem;}/* update */


/* ------------------------- maskLayer end ------------------------- */

#contentPost{padding:1.8rem 2.3rem; }


.search{width:100%; height:2.8rem; padding-left: 3rem; background: url(../images/common/search.png) no-repeat 0.7rem center; border: 0; background-color: #d7d8d9; border-radius: 0.4rem; background-size: 1.3rem;}
.postsSearch{min-height:2.8rem; position:relative;}
.postsSearch .search{float:left;}
.postsSearch a{float:right; margin-top: -0.5rem; display: block;}
#contentPost .pinkAtten{text-align: center; padding: 0.5rem 0; margin:2rem 0;}
.filterItem{display: inline-block; text-align: center; line-height: 0.6rem; float: left; margin-right:1rem;}
.filterItem span.filter{width:2.4rem; height: 2.4rem; border-radius: 50%; background-color: #3b3b3b; background-image: url(../images/common/icons_filter.png); background-repeat: no-repeat; background-size: 1.4rem; background-position: center center; display: block; padding: 0; margin: 0;}

.searchInbox{width:70%; float: left; position: relative;}
.searchInbox .inputClean{width:1.8rem; height: 1.8rem; display: block; position: absolute; right: -2.6rem; top:0.5rem; border-radius: 50%; background-color: #666; color: #fff; text-align: center; line-height: 1.8rem; font-size: 1.4rem; display:none; cursor:pointer;}

.postsItems {padding-bottom:5rem; padding-top: 2rem;}
.postsItems > li,.postsItems > li > div,.postsItems > li > p{overflow: hidden; clear: both;}
.postsItems > li{margin-bottom: 1.8rem; position: relative;}
.postsItems > li > p >a{font-size: 1.6rem;}
.postsItems > li > p > span{float:right; font-size: 1.2rem; padding-right:0.85rem;}
.postsItems > li > div{border-radius: 0.5rem; overflow: hidden; background-color: #3b3b3b; color: #f6c300; padding: 0; height: 8.8rem;}
.postsItems > li > div > a{float:right; color: #4c4c4c; font-size: 1.4rem; font-weight: bold; text-align: center;  background: url(../images/common/yellowbg.png) left center no-repeat; background-size:cover; width:24%; height: 8.8rem; display: inline-block; line-height: 8.8rem;}
.postsItems > li > div > div{float:left; width: 70%; padding: 3%;}
.postsItems > li > div > div >div {height: 4.9rem; line-height: 2rem; font-size: 1.6rem; overflow:hidden;}
.postsItems > li > div > div > a{display: inline-block; margin-right: 2rem; line-height: 1.3rem; cursor: pointer; font-size: 1.2rem; color:#f6c300;}
.postsItems > li > div > div > a.handGood:before{content: "Viewed: ";}
.postsItems > li > div > div > a.handBad:before{content: "Interested: ";}

.postsItems > li > div > div > a.handGoodicon,.postsItems > li > div > div > a.handBadicon{display: inline-block; padding-left: 2rem; margin-right: 2rem; background-image:url(../images/common/icons_hand.png); background-repeat: no-repeat; background-size: 1.4rem; line-height: 1.3rem; cursor: pointer;}
.postsItems > li > div > div > a.handGoodicon{background-position: left top;}
.postsItems > li > div > div > a.handBadicon{background-position: left bottom;}
.postNewBtn{position:fixed; left: 0; bottom: 0; display: block; line-height: 4.2rem; background-color: #f8bb00; color:#4c4c4c; width: 100%; text-align: center; font-size: 1.4rem; font-weight: bold; cursor: pointer; z-index:999;}
.projectPics > li{display:inline-block; width:4.4rem; height: 4.4rem; margin:0.2rem 0.1rem;}
.projectPics > li > img{width:100%; height: 100%;}
.postsItems .theDate{font-size: 1.2rem; float: right; margin-right:12%;}


.postsItems.myMessage > li > div > div{float:left; width: 70%; padding: 3%;}
.postsItems.myMessage > li > div > a{width:23%;}

.reviews-bookmark{overflow: hidden; margin-bottom:2.4rem; text-align: center; position: relative;}
.reviews-bookmark > a > span,a.icon-review span{width:2.4rem; height: 2.4rem; display: block; margin:0 auto 0.5rem auto;}
.reviews-bookmark > a{display: inline-block; cursor: pointer; color:#3a3a3a;}
a.icon-review,.reviews-bookmark > a.icon-info,.reviews-bookmark > a.icon-postReview{float: left;}
.reviews-bookmark > a.icon-postReview{margin-right:2.1rem;}
.reviews-bookmark > a.icon-bookmark,.reviews-bookmark > a.icon-quotations{float: none;}
.reviews-bookmark > a.icon-bookmark {float: right; width:8rem;}
.reviews-bookmark > a.icon-share { margin-left:3rem; display:none;}
a.icon-review span{background: url(../images/common/icons_edit.png) no-repeat center center; background-size: 2rem;}
.reviews-bookmark > a.icon-bookmark span{background: url(../images/common/bookmark_copy.png) no-repeat center center; background-size:2.4rem; border-radius: 50%;}
.reviews-bookmark > a.icon-info span{background:#3a3a3a url(../images/common/icons_form.png) no-repeat center -6.8rem; background-size: 1.4rem; border-radius: 50%;}
.reviews-bookmark.serProv{margin-bottom:1.5rem;}
.reviews-bookmark > a.icon-quotations span{background: url(../images/common/quo_b.png)no-repeat center center; background-size:1.8rem; border-radius: 50%;}
.reviews-bookmark > a.icon-share span{background:#3a3a3a url(../images/common/project_pic_3.png)no-repeat center center; background-size: 1.2rem; border-radius: 50%;}
.reviews-bookmark > a.icon-postReview span{background:url(../images/common/icon_message.png)no-repeat center center; background-size: 1.8rem; border-radius: 50%;}
.reviews-bookmark > a.icon-bookmarkAt span{background:#3a3a3a url(../images/common/icons_bookmark.png) no-repeat center center; background-size:0.8rem; border-radius: 50%;}


/* ------------------------- reviewsList start ------------------------- */

.reviewsList > ul > li{margin-bottom:1rem;}
.reviewsList > ul > li.hand-up span{background:#3a3a3a url(../images/common/icons_hand.png) no-repeat center 0.5rem; background-size:1.6rem; width:3rem; height: 3rem; border-radius: 0.2rem; display: block; float:right; clear:both; margin-bottom:-0.4rem; }
.reviewsList > ul > li.hand-down span{background:#3a3a3a url(../images/common/icons_hand.png) no-repeat center -3rem; background-size:1.6rem; width:3rem; height: 3rem; border-radius: 0.2rem; display: block; float:right; clear:both; margin-bottom:-0.4rem; }
.reviewsList > ul > li >div{background-color:#3a3a3a; color: #F0C300; font-size:1.4rem; line-height: 2.4rem; border-radius: 0.2rem; clear: both; padding:0.5rem 1rem;}

.upAndDown{position:absolute; height:3.3rem; line-height:3.3rem; width:70%; margin-left:15%; text-align: center;}
.upAndDown a{display:inline-block; padding-left:1.8rem; background-color:#3a3a3a; background-image:url(../images/common/icons_hand.png); background-repeat: no-repeat; background-size:1.6rem; border-radius: 0.2rem; width:3.8rem; margin:0 0.2rem; color: #F0C300;}
.upAndDown a.uad-up{background-position:0.8rem 0.9rem;}
.upAndDown a.uad-down{background-position:0.8rem -2.7rem;}


/* ------------------------- reviewsList end ------------------------- */

/* ------------------------- myBookMark start ------------------------- */

.postsItems.myBookMark li > div{width:88%;}
.delRadius{position:absolute; right:0rem; top: 50%; margin-top: -0.5rem; display: block; width:2rem; height: 2rem; border-radius: 50%; background-color: #3a3a3a;}
.delRadius i{display: block; position:absolute; width: 1.4rem; height: 0.2rem; background-color: #F0C300;}
.delRadius i.delr-1{transform: rotate(45deg); top:0.9rem; left:0.3rem;}
.delRadius i.delr-2{transform: rotate(-45deg); top:0.9rem; left:0.3rem;}
.deleteAll{color:#ff7e7e; margin-bottom:2rem; display: inline-block;}

/* ------------------------- myBookMark end ------------------------- */

/* ------------------------- message details list start ------------------------- */

.msgDetailsList{padding:2.3rem;}
.yellowAtten{background-color:#F0C300; font-size: 1.2rem; padding: 0.5rem; border-radius: 0.2rem; text-align: center;}
.msgDetailsList .msg-list-ul{padding: 2rem 0;}
.msgDetailsList .msg-list-ul li{padding:1rem 0; clear: both; overflow: hidden;}
.msgDetailsList .msg-list-ul li img { max-width:100%; border:0px;}
.msgDetailsList .msg-list-ul li a { border:0px;}
.msgDetailsList .msg-list-ul li.msg-left{width:100%; text-align: left;}
.msgDetailsList .msg-list-ul li > span{display: block; margin-bottom:1rem;}
.msgDetailsList .msg-list-ul li.msg-left > div{ background-color:#3a3a3a; color:#F0C300; display: inline-block; padding: 0.8rem; border-radius: 0.5rem; float: left; position:relative;}
.msgDetailsList .msg-list-ul li.msg-left > div > i.arrTop{display:block; position:absolute; top:-0.8rem; left: 0; border-top:0.8rem solid transparent; border-bottom:0.8rem solid transparent; border-left:0.8rem solid #3a3a3a; width:0; height:0;}

.msgDetailsList .msg-list-ul li.msg-right{width:100%; text-align: right;}
.msgDetailsList .msg-list-ul li.msg-right > div{ background-color:#F0C300; color:#3a3a3a; display: inline-block; padding: 0.8rem; border-radius: 0.5rem; float: right; position:relative;}
.msgDetailsList .msg-list-ul li.msg-right > div > i.arrTop{display:block; position:absolute; top:-0.8rem; right: 0; border-top:0.8rem solid transparent; border-bottom:0.8rem solid transparent; border-right:0.8rem solid #F0C300; width:0; height:0;}
.msgDetailsList.sendQua{padding-top:6rem;}

.msg-send-bar{width:90%; padding: 0.5rem 5%; position:fixed; bottom:0; left: 0; background-color:#ececec; }
.msg-send-bar input{background-color: transparent; border:0; padding:0 1.6rem; line-height:1.4rem; font-size:1.4rem; outline: none;}
.msg-send-bar input.sendMsgInput{width:72%; background-color: #fff; float: right; border-radius:1.9rem; }
.msg-send-bar input.SendMsgBtn{width:20%; background-color: #3a3a3a; color:#F0C300;}
.msg-send-bar .uploadFile{width: 3.2rem; height: 3.2rem; float: left; padding-top: 0.3rem;}
.msg-send-bar .uploadFile img{width: auto; height: 100%;;}

/* ------------------------- message details list end ------------------------- */

a.questionMark{width:1.6rem; height: 1.6rem; display:inline-block; border-radius: 50%; background-color: #3a3a3a; color:#F0C300; font-size:1.2rem; line-height: 1.6rem; text-align: center;}
.fr{float:right;}
.fl{float:left;}

a.switch{width:4rem; height: 2.2rem; display: block; float: right; position:relative; border:0.2rem solid #3a3a3a; border-radius: 1.8rem;}
a.switch > i{display: block; position:absolute; width:2.2rem; height: 2.2rem; background-color: #4dd865; left:0rem; top: 0rem; border-radius: 1.6rem; overflow: hidden;}
a.switch > i > span{float: right; margin-right: 0;}
a.switchOn > i{width:4rem;}

/* ------------------------- quotations start ------------------------- */

.quotationsForm ul > li {margin-bottom:2rem;}
.quotationsForm input,.quotationsForm textarea,.quotationsForm select{outline: none;font-family: arial,Microsoft YaHei,tahoma,Hiragino Sans GB,\\5b8b\4f53,sans-serif;}
.quotationsForm .blackInfoBox{border-radius: 0.2rem; background-color:#3a3a3a; color:#F0C300; clear: both; padding:1rem; font-size: 1.4rem;}
.quotationsForm p.numTitle{overflow: hidden; margin-bottom:1rem; line-height:2.3rem; }
.quotationsForm .tansTextBox{border:0.1rem solid #3a3a3a; border-radius: 0.2rem; overflow: hidden;}
.quotationsForm .tansTextBox textarea{padding:0.8rem; width: 94%; height: 8.8rem; float: right; border:0; background-color:transparent; }
.quotationsForm .tansTextBox.dateSelects{text-align: center;}
.quotationsForm .tansTextBox.dateSelects input{height:3rem; line-height:3rem; padding: 0; margin: 0; width:40%; text-align: center; display: inline-block; border:0; background-color:transparent;}
.quotationsForm .yellowInputBox{border:0.1rem solid #F0C300; border-radius: 0.2rem; overflow: hidden;}
.quotationsForm .yellowInputBox input{height:3rem; line-height:3rem; padding: 0; margin: 0; width:73%; padding: 0 3.5% 0  0; text-align: left; display: inline-block; border:0; background-color:transparent;}
.quotationsForm .yellowInputBox input.prices{font-size:1.6rem; font-weight: bold;}
.quotationsForm .quotationmoney:before{content:"$"; padding-left:3.5%;font-size:1.6rem; font-weight:bold; }
.quotationsForm .blackInfoBox.priceNum{font-size:2rem; font-weight: bold; text-align: center;}
a.sendQuotBtn,.addPostBn{display: block; border:0.1rem solid #3a3a3a; border-radius: 0.2rem; height: 3rem; line-height: 3rem; text-align: center; color:#3a3a3a;}
a.sendQuotBtn span,.addPostBn span{display:inline-block; padding-left:2.2rem; background:url("../images/common/quo_b.png") left center no-repeat; background-size:1.6rem; font-size:1.4rem; font-weight:bold;}
.quotationsForm .quosItem{position: absolute; width:80%; padding:0.5rem; margin: 4rem auto;  border:0.1rem solid #3a3a3a; border-radius: 0.2rem;}
.quotationsForm .quosItem .delQuos{width:2rem; height: 2rem; line-height: 2rem; border-radius: 50%; background-color: #3a3a3a; color: #F0C300; display: block; position: absolute; right:0; top: -3rem; text-align: center;}
.quotationsForm.quoSend{width:80%; padding:0.5rem; margin: 4rem auto;  border:0.1rem solid #3a3a3a; border-radius: 0.2rem;}

/* ------------------------- quotations end ------------------------- */

/* ------------------------- selectDiv start ------------------------- */

.selectDiv{height: 3.8rem; width:96%; display: block; color:#3b3b3b; font-size: 1.6rem; line-height: 3.8rem; padding: 0 2%; border: 0; background-color: transparent; border-radius: 0.2rem; position: relative;color:#9b9b9b; border: 0.1rem solid #3b3b3b;}
.selectDiv > ul{position:absolute; left:0; top:3.8rem; margin-left: -0.1rem; border-radius: 0.2rem; border:0.1rem solid #3a3a3a; background-color:#fff; width:100%; display:none;}
.selectDiv > ul > li{padding:0 2%;; margin:0; height: 2.8rem; line-height:2.8rem;}
.selectDiv:hover > ul{display:block;}
.selectDiv > ul > li:hover{background-color:#ade1f5; color:#fff;}
.selectDiv > select,.currencyForm .blackFormList .selectDiv > select{ float:right; height: 3.8rem; width:10%; margin-right:-2%; border:0; background-color: transparent; outline: none;}
.selectDiv > .selectItemx{width:86%; float:left;}
.selectDiv > .selectItemx > span{display:inline-block; margin-right:0.5rem;}
.selectDiv > .selectItemx > span.serviceItemx:after{content:",";}
.selectDiv > .selectItemx > span.numbers{width:1.6rem; height: 1.6rem; line-height: 1.8rem; background-color:#ffbd00; color:#3a3a3a; text-align: center; border-radius: 50%;}
.countrySel select.countrySe{margin-bottom:1rem;}
.calendar > .calendarSpan{background: url(../images/common/calendar.png) left center no-repeat; background-size: 1.6rem; padding-left:2.5rem;}

/* ------------------------- selectDiv end ------------------------- */

/* ------------------------- share start ------------------------- */

.shareList{display: none;}
.shareLayer{position: fixed; left: 0; bottom:0; text-align: center; background-color:#f6bb00; padding: 0.8rem 0; width:100%;}
.shareLayer > a{display: inline-block; width:4.4rem; height: 4.4rem; background-color:#302432; border-radius: 50%; margin:0 0.5rem; background-image:url(../images/common/share.png); background-repeat: no-repeat; background-size:30rem;}
.shareLayer > a.share-1{background-position: 0.9rem center;}
.shareLayer > a.share-2{background-position: -5.7rem center;}
.shareLayer > a.share-3{background-position: -12.4rem center;}
.shareLayer > a.share-4{background-position: -19.2rem center;}
.shareLayer > a.share-5{background-position: -25.9rem center;}
.shareTop{position:absolute; top: 2.38rem; left: 8%;}

/* ------------------------- share end ------------------------- */

/* ------------------------- calender start ------------------------- */

.calendarLayer{position: fixed; left: 0; top: 0; background-color:#ececec; width: 100%; height: 1000rem; z-index: 9999; display: none;}
.calendarLayer .calenderFun {text-align: center; padding-top: 2rem;}
.calendarLayer .calenderFun img{width:98%; height: auto;}
.calendarLayer .calenderOK{margin-left:4%; width:92%; text-align: center;}
.toperCal{width:100%; height:4.9rem; line-height: 4.9rem; color: #f5c400; background-color: #3b3b3b; font-size:2.2rem; text-align: center; font-weight: bold; position: relative;}
.toperCal .topBack{position:absolute; left: 0.8rem; top:50%; margin-top:-1.9rem; padding: 0 0.5rem; cursor: pointer; width:0.8rem; height:1.8rem;}

/* ------------------------- calender end ------------------------- */

/* ------------------------- detailsBanner start ------------------------- */

.detailsBanner{width:100%; position: relative;}
.detailsBanner img{width:100%; height: auto;}
.postDeForm{padding-top:1rem;}
.detailsBanner .sliders{width:100%; position: absolute; bottom:0.8rem; text-align: center;}
.detailsBanner .sliders a{display: inline-block; width:1rem; height: 1rem; background-color:#dbd1e9; margin:0.2rem; border-radius: 50%;}
.detailsBanner .sliders a.sliCur{background-color:#e7b113;}

.locationSel select{margin-bottom:1rem;}
.locationSel-div > .info-cons{margin-bottom:1rem;}

.showPic{display: none;}
.goLeft,.goRight{position:fixed; top: 50%; margin-top:-1.5rem; display: inline-block; cursor: pointer; height: 4rem; z-index: 999;}
.goLeft img,.goRight img{height: 4rem; width:auto;}
.goLeft{left: 0;}
.goRight{right:0;}
.showPicBox{display: table-cell; vertical-align: middle; position: relative;}
.showPicBox img{width: 100%; height: auto;}
.showPic .closeClick{left:2.5rem; top:2.4rem; z-index: 999;}
.btn-post-completed{margin-bottom:2.5rem;}

/* ------------------------- detailsBanner end ------------------------- */

/* ------------------------- my post review start ------------------------- */

.myPostReviews{padding: 2.3rem;}
.myPostReviews > ul > li{ display: inline-block; margin:0; width:32%; height:11rem; text-align: center; font-size: 1.2rem; cursor:pointer;}
.myPostReviews > ul > li > span {background-size: cover; background-position: center; background-repeat: no-repeat; width:6rem; height: 6rem; border-radius: 50%; display: block; margin: 0.5rem auto; border:0.2rem solid #ffc400;}
.viewsText{padding: 2.3rem; text-align: center;}

.review-hand{text-align: center; line-height: 4rem; font-size: 2rem;}
.review-hand > .handUpicon,.review-hand > .handDownicon{width:4rem; height: 4rem; display: inline-block; margin: 0 4rem; background-repeat: no-repeat; background-size: 2.2rem; background-position: center center; border:0.1rem solid #3a3a3a; border-radius: 0.2rem;}
.review-hand > .handUpicon{background-image:url(../images/common/handup.png);}
.review-hand > .handUpicon:hover{background-image:url(../images/common/handup_r.png); background-color: #3a3a3a;}
.review-hand > .handUpiconSelect {background-image:url(../images/common/handup_r.png); background-color: #3a3a3a;}
/*a.handUnSelect { background-color:#ececec ;}
a.handSelect { background-color:#3a3a3a;}*/
.review-hand > .handDownicon{background-image:url(../images/common/handown.png);}
.review-hand > .handDownicon:hover{background-image:url(../images/common/handown_r.png); background-color: #3a3a3a;}
.review-hand > .handDowniconSelect{background-image:url(../images/common/handown_r.png); background-color: #3a3a3a;}

.attentionBox {display:none;}
.maskLayer .attBox.askReview a{width:50%; display: inline-block;}
.maskLayer .attBox.askReview a.yesBtn{ color:#008bed;}
.maskLayer .attBox.askReview a.skipBtn,.maskLayer .attBox.askReview a.skipBtna{ color:#999;}
.filterLocaSel select{margin-bottom:0.5rem;}

.postAddBlack{padding:1rem; border-radius: 0.5rem; text-align: left; background-color: #3a3a3a; color:#f5c400;}
.postAddYellow{padding:1rem; border-radius: 0.5rem; text-align: left; background-color: #f5c400; color:#3a3a3a;}
.sendPostLayer{width:100%; position: fixed; top: 0; left: 0; display: none; background-color: #fff; z-index: 9999; overflow: auto;}
.sendPostLayer .topBar{width:100%; height: 4.9rem; font-size: 2.2rem; font-weight: bold; line-height: 4.9rem; color: #f5c400; background-color: #3b3b3b; position: fixed; text-align: center; z-index: 999;}
.sendPostLayer .topBar .topBack{position:absolute; left: 0.8rem; top:50%; margin-top:-1.8rem; padding: 0 0.5rem; cursor: pointer; width:0.8rem; height:1.8rem;}
.sendPostLayer .topBar .topBack img{width:0.8rem; height: auto;}


/* ------------------------- my post review end ------------------------- */

.tnp-content{padding:6rem 1.4rem 0 1.4rem; color:#f5c400;}
.tnp-content > a{border-bottom: 0.1rem solid #f5c400; padding: 1rem 0; display: block; background-position: right center; background-repeat: no-repeat; background-size: 1.6rem; background-image: url(../images/common/arrowDown.png);}
.tnp-content > a.active{background-image: url(../images/common/arrowTop.png);}
.tnp-content > div{padding:1rem 0; border-bottom: 0.1rem solid #f5c400; display: none; }
.tnp-content .tnp-area-text{overflow: auto;}

.msg-review {overflow: hidden; margin-top: -1rem;}
.msg-review .addPostBn{width: 75%; float: left; margin-top:0.2rem;}
.msg-review .icon-review{float: right; color:#3b3b3b;}
.msg-review .icon-review span{margin-bottom: 0;}

.msgLayer{position: fixed; width:100%; height: 200rem; background-color: rgba(0,0,0,.6); left: 0; top: 4.9rem; z-index: 9999; display: none;}
.msgLayer > div{background-color: #fff; padding: 2rem 5%; overflow: hidden;}
.msgLayer > div textarea{width:100%; border:0.1rem solid #999; border-radius: 0.4rem; color: #3a3a3a; height: 10rem; line-height: 2.4rem;}
.msgLayer > div input{width:6rem; border-radius: 1.5rem; height: 3rem; margin-top: 1rem; float: right;}
.msgLayer > div.emptyHide{width: 100%; height: 200rem; background-color: transparent;}

.noInfo{text-align: center; padding: 2rem 0;}
.msgTab{position: fixed; top:4.9rem; left: 0; height: 2.4rem; width: 100%; padding: 0.5rem 0; z-index: 999;}
.msgTab div{width:84%; height:2.4rem; margin: 0 auto; border-radius: 0.5rem; overflow: hidden; z-index: 999; background-color: #3a3a3a; color: #f5c400;}
.msgTab a{width:50%; height: 2.4rem; line-height: 2.4rem; display: inline-block; float: left; text-align: center;}
.msgTab a.active{background-color: #f5c400; color: #3a3a3a;}
.listTab{display: none;}
.quotationsBtn{position: fixed; z-index: 999; top: 4.9rem; left: 0; padding: 0.5rem 8%; background-color: #fff; width: 84%;}




 

/* ------------------------- dacheng add ------------------------- */
.errormsg { text-align:left; font-size:12px; width:100%; display:block; padding-left:13%; color:Red;}
div.editTextBox{width:100%; height: 14rem; overflow: hidden; position: absolute; top: 0; left: 0; background-color: #ececec; display: none;}
.editTextBox .editHide{position:absolute; background-color:#F6C300; color:#3a3a3a; width:5.2rem; height: 2rem; text-align: center; line-height:2rem; display: block; top:14rem; right:0; border-radius: 0.2rem;}
.dashedBox{position:relative; top:0; left: 0;}
.imgDelBn{width:2rem; height: 2rem; color:#fff; background-color: rgba(0,0,0,.6); display: block; position: absolute; top: 50%; left:50%; margin:-1rem 0 0 -1rem; text-align: center; line-height: 2rem; border-radius: 50%;}
.upimgList{overflow: hidden;}
.dashedBox .imgEditOr{position:absolute; background-color:#F6C300; color:#3a3a3a; width:5.2rem; height: 2rem; text-align: center; line-height:2rem; display: block; top: -2rem; right:-0.1rem; border-radius: 0.2rem;}



.uploadpiclist > li{display:inline-block; width:4.4rem; height: 4.4rem; margin:0.2rem 0.1rem;}
.uploadpiclist > li > img{width:100%; height: 100%;}

.locationSel-div li{padding:1.1rem 1rem; background-color: #3a3a3a; border-radius: 0.2rem; color:#F6C300; font-size:1.4rem; position:relative;}
.locDef,.locSet{position: relative;}
.locDef ul li { margin-bottom:0.4rem;}
.locDef .locEd,.locSet .locEd{position:absolute; background-color:#F6C300; color:#3a3a3a; width:5.2rem; height: 2rem; text-align: center; line-height:2rem; display: block; top: -2rem; right:0; border-radius: 0.2rem;}
.locSet{display: none;}
.locSet .editSel{ margin-bottom:0.4rem;}

.applyBn { font-weight:bold;}
 
.searchKey{ position:absolute; width:101%; left:-2px; min-height:70rem; z-index:998; top:3.4rem; padding: 0.3rem 0; background-color:#F4F4F4;   display:none;}
.searchKey h2{font-size: 1.6rem;}
.searchKey ul{padding-top: 0.5rem; font-size: 1.4rem; line-height: 2.4rem;}
 

#likey li {  cursor:pointer; font-weight:400; font-size: 1.4rem;}
#likey span { color:#FF7E7E;font-weight:400; font-size: 1.4rem;}

.msgPoint {width: 0.5rem;height: 0.5rem;background-color: #f00;position: absolute;display: block;border-radius: 50%;left: 110%;top: -0.6rem;}
.msgNum {width:2rem; height:1.6rem; border-radius: 50%; background-color: #f5c400; color: #3d3d3d; font-size: 1.4rem; display: inline-block; line-height: 1.6rem; text-align: center; margin:0.5rem 0 0 0.5rem; position: absolute;}  
.QuotationNum {width:2rem; height:1.6rem; border-radius: 50%; color:#FF0000; font-size: 1.4rem; font-weight:500; display: inline-block; line-height: 1.6rem; text-align: center; margin:0.5rem 0 0 0.5rem; position: absolute; right:10%; }  

.categorys p {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} 


.homeBody{background:url(../images/homm.jpg) 50% 50% no-repeat; background-size:cover; width:100%; height: 100%;}
.homeWrap{padding:10rem 0; margin:0 5%; text-align: center; color:#f6bb00;}
.homeWrap p{ font-size: 2.4rem;}
.homeWrap > div{padding-top:5rem;}
.homeWrap > div input{margin:1rem 0; font-size: 2rem;}

.storeLink{padding: 3rem 0; text-align: center; background-color: #eab700;}
.storeLink a{width:40%; display: inline-block; margin:0 2%;}
.storeLink img{width:100%; height: auto;}


.msgi{display:block; width:0.5rem; height:0.5rem; position: absolute; right:0; top:0rem; border-radius:50%; background-color:#f00;}
.msgQ{display:block; width:0.8rem; color:#f00; font-size:0.8rem; height:0.8rem; position: absolute; right:0; top:0rem; }

.facebooksignmsg {color:#f1b800;   padding-top:15px; text-decoration:underline; display:block; cursor:pointer;}
.facebooksignmsg span {
    text-decoration: none;
    font-size: 1.4rem;
}

/* ----------------------------- update 1907 -------------------------- */

.beAmember{
	display: block;
	background-color:#eab700;
	color: #333;
	font-size: 1.6rem;
	width: 100%;
	border-radius: 2rem;
	line-height:4rem;
	text-align: center;
	font-weight: bold;
	margin:2rem 0;
	cursor: pointer;
}
.beAmember-2{
	display: block;
	background-color:#3b3b3b;
	color: #fff;
	font-size: 1.6rem;
	width: 100%;
	border-radius: 2rem;
	line-height:4rem;
	text-align: center;
	font-weight: bold;
	margin:2rem 0;
	cursor: pointer;
}

.prosItem{
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color:#f9f7f7;
	padding: 2rem 0;
}
.prosItem ul{
	padding-left: 2.4rem;
}
.prosItem ul li{
	width:10rem;
	 height: auto;
	float: left;
	margin-right:1rem;
}
.prosItem img{
	width:100%;
	height: auto;
}
.sliderBar{
	clear: both;
	padding: 2rem 2.4rem;
	overflow: hidden;
}
.sliderBar a{
	width:15%;
}
.sliderBar a img{
	width:100%;
	height: auto;
}
.sliderBar a.left{
	float: left;
}
.sliderBar a.right{
	float: right;
}
.sliderBar p{
	float: left;
	width:70%;
	color:#3b3b3b;
	text-align: center;
	line-height: 1.5;
}
.sliderBar p a{
	color:#eab700;
}
#mainBanner p{
	font-size: 2rem;
	color:#3b3b3b;
	line-height: 1.5;
}
#mainBanner img{
	width:100%;
	height: auto;
}
.btn-item{
	margin:2rem 0;
}
.box-p34{
	padding: 0rem 2.4rem;
}
.box-p34 p.title{
	font-size: 1.8rem;
	padding-bottom: 1rem;
}
.box-p34 p.title2{
	font-size: 1.8rem;
	padding-bottom: 1rem;
}