body {
	background: #f6f8fa;
	margin: 0;
	padding: 0;
}

.bgwhite {
	background: #ffffff;
}

.bg-gradient {
	background: linear-gradient(to right, #eba447, #c78864, #ae7779, #5192c7);
}

.star-body-1 {
	background: #ffffff;
}


.base-container {
	display: block;
	height: auto;
}

.top-header-alignment {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 680px;
	width: 100%;
	box-shadow: 0 0 2px 1px rgba(80, 80, 80, 0.2);
	border-bottom: 1px solid #dae5ed;
	background: #ffffff;
	z-index: 9888;
}

.top-header-height {
	height: 40px;
}

.promotebase {
	display: block;
	background: #000000;
	opacity: 0.7;
	font-family: arial, sans-serif;
	font-size: 12px;
}

.promoteframe {
	display: block;
	margin-right: 70px;
	overflow: hidden;
}

.cpromote {
	display: block;
	position: absolute;
	top: 0;
	right: 18px;
	float: right;
	color: #ffffff;
	cursor: pointer;
}

.fastadframe {
	display: block;
	float: left;
	height: 18px;
	line-height: 18px;
	text-align: right;
	color: #ffffff;
	z-index: 9999;
	margin-left: 2000px;
}

.fastadframe li {
	display: block;
	width: auto;
	float: left;
	color: #ffffff;
	margin-right: 50px;
	white-space: nowrap;
}

.fastadframe a {
	display: inline-block;
	color: #ffffff;
	white-space: nowrap;
}

.fastadframe a:hover {
	text-decoration: underline;
}

.menu {
	position: relative;
	display: block;
	width: 100%;
	min-width: 680px;
	max-width: 1170px;
	height: 40px;
	margin: 0 auto;
}

.webico {
	display: block;
	position: relative;
	top: 0;
	left: 10px;
	min-width: 10px;
	width: 100%;
	margin-left: -565px;
}

.webtitle {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background: url(/ext/image/ico/scrollico.png);
	background-position: 0 0;
	margin-top: 5px;
}

.header-menu-frame {
	display: block;
	float: right;
	position: relative;
	width: auto;
	height: 40px;
}

a {
	text-decoration: none;
	color: #2c2c2c;
	font-family: Arial, sans-serif;
	font-weight: normal;
	cursor: pointer;
}

p {
	margin: 0 0;
	padding: 0 0;
}

ul {
	margin: 0 0;
	padding: 0 0;
	list-style: none;
	font-family: Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #2c2c2c;
	font-family: Arial, sans-serif;
	margin: 0 0;
	padding: 0 0;
}

.white-txt {
	color: #ffffff;
}

.time {
	color: #acacac;
}

.menu-name {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
	height: 40px;
	max-width: 200px;
	line-height: 45px;
	white-space: nowrap;
	overflow: hidden;
}

.user-account {
	text-decoration: none;
	color: #2c2c2c;
	font-family: Arial, sans-serif;
	font-weight: normal;
	cursor: pointer;
}


#ul-header-menu-name li {
	font-size: 14px;
	color: #ffffff;
	width: auto;

}

.uhmil {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	float: right;
	padding: 0;
	margin: 0;
	list-style-type: none;
	height: 40px;
	width: 350px;
	white-space: nowrap;
}

.uhmili {
	display: block;
	float: left;
	font-size: 14px;
	margin: 0 14px 0 14px;
	line-height: 40px;
}

.uhmili span {
	cursor: pointer;
}

/*
.uhmili:hover .tooltip{
     	display:block;
}

.uhmili:hover .tooltip:after{
    display:block;
    content: "";
	position: absolute; 
	top:-6px; 
	left:40%;
    border:1px solid;
    border-width: 0 6px 6px  6px ;
    border-color: rgba(0,0,0, 0.7) transparent;
}

.tooltip{
    display:none;
	position:absolute;
	top:44px;
	min-width:40px;
	height:30px;
	line-height:30px;
	width:auto;
	background:rgba(0,0,0, 0.7);	
	font-family:Arial, sans-serif;
	font-size:12px;
	color:#ffffff;
	border-radius:4px;
	padding:0 10px;
	
}

.ttp1{left:-7px;}
.ttp2{left:60px;}
.ttp3{left:138px;}
*/

.uhmilb {
	display: block;
	float: left;
	margin-left: 45px;
}


.left-side-menu-ico {
	display: block;
	width: 26px;
	height: 19px;
	background-repeat: no-repeat;
	background: url(/ext/image/ico/sicons.png);
	margin-top: 12px;
}

.ico-alert {
	display: block;
	border-radius: 4px;
	width: auto;
	height: 16px;
	color: #ffffff;
	text-align: center;
	line-height: 16px;
	padding: 0 2px 0 2px;
	background: #ad75bf;
	/*#c92929;*/
	border: 1px solid #ffffff;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}

.notifi1 {
	position: absolute;
	top: 5px;
	left: 18px;
}

.notifi2 {
	position: absolute;
	top: 5px;
	left: 88px;
}

.ico1 {
	background-position: 0 0;
	opacity: 0.2;
}

.ico2 {
	background-position: 0 -19px;
	opacity: 0.2;
}

.ico3 {
	background-position: 0 -38px;
	opacity: 0.2;
}

.ico4 {
	background-position: 0 -57px;
	opacity: 0.2;
}

.ico1:hover {
	background-position: -26px 0;
	opacity: 1;
}

.ico2:hover {
	background-position: -26px -19px;
	opacity: 1;
}

.ico3:hover {
	background-position: -26px -38px;
	opacity: 1;
}

.ico4:hover {
	background-position: 0 -57px;
	opacity: 1;
}

.header-btn {
	-webkit-border-radius: 2;
	-moz-border-radius: 2;
	border-radius: 2px;
	font-family: Arial;
	color: #ffffff;
	font-size: 13px;
	padding: 8px 20px 8px 20px;
	border: 1px solid #ffffff;
	text-decoration: none;
	cursor: pointer;
}

.header-btn:hover {
	background: #55b330;
	text-decoration: none;
}

/**************************************************/
.ptprofile {
	display: block;
	float: left;
	width: 230px;
	height: auto;
	background: #ffffff;
	border: 1px solid #dae5ed;
	border-radius: 2px;
	padding: 10px 0 10px;
}

.spprofile {
	display: block;
	width: 230px;
	height: auto;
	border: 1px solid #dae5ed;
	border-radius: 2px;
	padding-bottom: 10px;
	background: #ffffff;
}

.lsf {
	display: block;
	width: 248px;
	height: auto;
	background: #ffffff;
	border: 1px solid #dae5ed;
	border-radius: 4px;
	padding-bottom: 10px;
}

.base-style {
	display: block;
	float: left;
	width: 698px;
	height: auto;
	background: #ffffff;
	border: 1px solid #dae5ed;
	border-radius: 4px;
	margin-bottom: 120px;
}

.chatbase {
	display: block;
	float: left;
	width: 615px;
	height: auto;
	background: #fcfcfc;
	border: 1px solid #dae5ed;
	border-radius: 4px;
	margin-bottom: 120px;
}



.base-center {
	display: block;
	float: left;
	margin-bottom: 120px;
}

.maincont {
	display: block;
	width: auto;
	min-width: 930px;
	max-width: 1160px;
	margin: 0 auto;
}

.main-frame {
	display: block;
	float: left;
	width: auto;
	min-width: 960px;
	max-width: 1160px;
	padding: 10px 0;
}

.centre-main-frame {
	display: block;
	position: relative;
	width: 450px;
	padding: 0 0;
	margin: 0 auto;
}

.middleblock {
	display: block;
	width: 700px;
	margin: 10px 0 0;
}

.centre-middle {
	display: block;
	float: left;
	width: 610px;
	padding: 0 0;
	margin: 10px auto 0;
}

.ovmiddle {
	display: block;
	position: relative;
	width: 700px;
	padding: 0 0;
	margin: 10px auto 0;
}

.catmiddle {
	display: block;
	position: relative;
	width: 610px;
	padding: 0 0;
	margin: 10px auto 0;
}

.centre-middleY {
	display: block;
	position: relative;
	width: 700px;
	padding: 0 0;
	margin: 50px auto 0;
}

.left-middle-frame {
	display: inline-block;
	width: 960px;
	margin: 0 10px 0 0;
}


.leftside {
	display: block;
	float: left;
	width: 230px;
	height: auto;
	margin-right: 5px;
}

.middleframe {
	display: block;
	float: left;
	width: 700px;
	height: auto;
	margin-left: 5px;
}

.mtf {
	margin-top: -4px;
}

.right-side {
	display: block;
	float: left;
	background: #acacac;
	width: 250px;
	height: 500px;
}



/**************** search form elements ****************/
.search-field {
	height: 44px;
}

.stext {
	display: block;
	float: left;
	width: 678px;
	height: 32px;
	font-family: Arial, sans-serif;
	font-size: 13px;
	border-radius: 2px;
	border: 1px solid #dae5ed;
	padding-left: 10px;
	padding-right: 10px;
}

.stext:hover {
	border-color: #aeaeae;
}

.stext::-moz-placeholder {
	color: #7c7c7c;
}

.stext:-moz-placeholder {
	color: #7c7c7c;
}

.stext:-webkit-input-placeholder {
	color: #7c7c7c;
}

.sbtn {
	display: block;
	float: left;
	width: 80px;
	height: 36px;
	background: #f9f9f9;
	border-radius: 0 2px 2px 0;
	border: 1px solid #dae5ed;
	margin-left: -80px;
	cursor: pointer;
}

.sbtn span {
	display: block;
	width: 22px;
	height: 24px;
	margin-left: 15px;
	background: url(/ext/image/ico/sicons.png);
	background-position: -40px -76px;
}

.sbtn:hover {
	background: #f2f2f2;
}

.sbtn:active {
	background: #f0f0f0;
	box-shadow: 0px 0px 4px #acacac inset;
}


/***************************************************
********************login and sign up***************
****************************************************
**************************************************/
.hvbtn {
	display: block;
	float: left;
	min-width: 40px;
	width: auto;
	height: 28px;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #52a2e0;
	color: #52a2e0;
	line-height: 28px;
	margin: 5px;
}

.hbtn {
	display: block;
	float: left;
	min-width: 40px;
	width: auto;
	height: 30px;
	font-size: 12px;
	background: #52a2e0;
	color: #ffffff;
	line-height: 30px;
	margin: 5px;
}


.star-frame {
	display: block;
	float: left;
	width: 450px;
	height: auto;
	background: #ffffff;
	margin: 64px auto 0;
	border-radius: 6px;
}

.ttframe {
	display: block;
	background: #ffffff;
	height: auto;
	margin-left: 45px;
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: 600;
	border-radius: 14px;
	padding: 40px 0;
}

.title-frame {
	display: block;
	background: #ffffff;
	height: 80px;
	line-height: 80px;
	margin-left: 45px;
	font-family: Arial, sans-serif;
	font-size: 24px;
	font-weight: 600;
	border-radius: 14px;
}

.rctxt {
	display: block;
	width: 380px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: normal;
}

.rcsubtxt {
	margin-top: 20px;
}

.title-frame {
	display: block;
	background: #ffffff;
	height: 80px;
	line-height: 80px;
	margin-left: 45px;
	font-family: Arial, sans-serif;
	font-size: 24px;
	font-weight: 600;
	border-radius: 14px;
}

.sub-txt {
	font-family: Arial, sans-serif;
	font-size: 14px;
	margin-left: 45px;
}

.utext {
	display: block;
	font-family: Arial, sans-serif;
	font-size: 13px;
	margin-left: 46px;
	margin-bottom: 10px;
	margin-top: -20px;
	color: #84929d;
	;
}

.subtxt {
	display: inline-block;
	float: left;
	width: 40px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	margin: 12px 12px 0 0;
	text-align: right
}

/***************************************************
********************form main elements class***************
****************************************************
**************************************************/
.chkbox-frame {
	display: inline-block;
	margin-left: 145px;
}


.login,
.signup,
.reset,
.upgrade,
.loc {
	position: relative;
	margin-left: 45px;
}

input[type="checkbox"],
label {
	cursor: pointer;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
	border: 1px solid #52a2e0;
}

input[type="text"]:focus::-moz-placeholder,
input[type="password"]:focus::-moz-placeholder {
	color: #7c7c7c;
}

input[type="text"]:focus:-moz-placeholder,
input[type="password"]:focus:-moz-placeholder {
	color: #7c7c7c;
}

input[type="text"]:focus:-webkit-input-placeholder,
input[type="password"]:focus:-webkit-input-placeholder {
	color: #7c7c7c;
}

.gap1 {
	display: block;
	padding-top: 25px;
}

.gap2 {
	padding: 10px 0;
}

.gap3 {
	padding-bottom: 10px;
}

.term {
	font-size: 12px;
}

.newto {
	font-size: 13px;
}

.skipto {
	font-size: 13px;
	margin-left: 54px;
}

.learn {
	display: inline-block;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #52a2e0;
	cursor: pointer;
	margin-left: 10px;
}

.learn:hover {
	text-decoration: underline;
}

.star-txt {
	display: inline-block;
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #52a2e0;
}

.seeall {
	display: block;
	position: absolute;
	top: 2px;
	left: 80px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #52a2e0;
}

.linktxt {
	display: inline-block;
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #52a2e0;
	height: 30px;
	line-height: 30px;
}

.starg {
	display: block;
	float: left;
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #84929d;
	line-height: 18px;
	margin-right: 4px;
}

.star-gtxt {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #84929d;
	line-height: 18px;
	margin-right: 4px;
}

.star-txt:hover {
	text-decoration: underline;
}

.star-lbl {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #222222;
}

.suff {
	margin-top: 15px;
}

.frame-fix {
	clear: both
}

input {
	border-radius: 2px;
	border: 1px solid #dae5ed;
}

.txt-field {
	display: block;
	float: left;
	font-family: Arial, sans-serif;
}


.txt-type {
	width: 338px;
	height: 38px;
	margin: 10px 0;
	font-size: 14px;
	font-weight: normal;
	padding: 0 10px;
	margin-bottom: 15px;
}

.drop-type {
	width: 280px;
	height: 32px;
	margin: 4px 0 18px 0;
	font-size: 14px;
	font-weight: normal;
	padding-left: 10px;
	border-radius: 4px;
	border: 1px solid #dae5ed;
	cursor: pointer;
}

.long-btn {
	width: 360px;
	height: 40px;
	background: #52a2e0;
	color: #ffffff;
	margin-bottom: 30px;
}

.long-btn:hover,
.short-btn:hover {
	background: #4a93cc;
}

.long-btn:active,
.short-btn:active {
	background: #458ac0;
	box-shadow: 0px 0px 6px #666666 inset;
}

.short-btn {
	float: right;
	width: 100px;
	height: 40px;
	background: #52a2e0;
	color: #ffffff;
	margin-bottom: 30px;
	margin-right: 45px;
}

.crbtn {
	float: right;
	width: 100px;
	height: 40px;
	background: #52a2e0;
	color: #ffffff;
	margin-bottom: 30px;
	margin-right: 45px;
}

.loc-btn {
	float: right;
	width: 100px;
	height: 40px;
	background: #52a2e0;
	color: #ffffff;
	margin-bottom: 30px;
	margin-right: 72px;
}


.btn {
	display: block;
	font-family: Arial, sans-serif;
	padding: 0 10px;
	border-radius: 2px;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
	border: none;
}

.bbtn {
	display: block;
	font-family: Arial, sans-serif;
	padding: 0 10px;
	border-radius: 2px;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
}

.txtbold {
	font-weight: bold;
}

.prob {
	font-weight: bold;
}

.btn span {
	display: block;
	text-align: center;
	margin: 0 auto;
}

.btn:hover {
	opacity: 0.90;

}

.btn:active {
	box-shadow: 0px 0px 6px #666666 inset;
}

.star-area {
	display: block;
	resize: vertical;
	overflow: none;
	margin: 0 0;
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #222222;
	border-radius: 2px;
	border: 1px solid #dae5ed;
	line-height: 15px;
	outline: 0 none;
	vertical-align: bottom;
	word-wrap: break-word;
	padding: 5px;
}

.report-area {
	display: block;
	resize: vertical;
	overflow: none;
	margin: 0 0;
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #222222;
	border-radius: 2px;
	border: 1px solid #dae5ed;
	line-height: 15px;
	outline: 0 none;
	vertical-align: bottom;
	word-wrap: break-word;
	padding: 5px;
}

/***************************************************
********************left side profile***************
****************************************************
**************************************************/

.sppframe {
	display: block;
	position: relative;
	margin: 4px;
	height: 96px;
	width: 220px;
}

.pr-photo {
	display: block;
	float: left;
	width: 96px;
	height: 96px;
	border-radius: 4px;
}

.fbframe {
	display: block;
	position: absolute;
	top: 0;
	left: 100px;
	width: 120px;
}

.feedback-perc {
	display: block;
	float: left;
	height: 14px;
	width: 80px;
	color: #5C5C5C;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: 700;
	text-align: center;
	white-space: nowrap;
}

.sppdetail {
	width: 219px;
	font-family: Arial, sans-serif;
	word-break: break-all;
	margin: 0 6px;
}

.ptdetail {
	display: block;
	float: left;
	width: 210px;
	font-family: Arial, sans-serif;
	word-break: break-all;
	padding: 0 10px 10px;
}

.pub-margin {
	margin-top: 20px;
}

.sppmargin {
	margin-top: 30px;
}

.public-name {
	font-size: 14px;
	color: #222222;
	font-weight: 600;
}

.public-ico {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url(/ext/image/ico/sicons.png);
	margin-right: 4px;
}


.las-ico {
	background-position: 0 -108px;
}

.loc-ico {
	background-position: -14px -108px;
}

.mem-ico {
	background-position: -28px -108px;
}

.ver-ico {
	width: 14px;
	background-position: -42px -108px;
	margin-left: 4px;
}

.public-a {
	font-size: 13px;
	color: #5c5c5c;
}

.public-b {
	font-size: 13px;
	color: #222222;
}

/***************************************************
********************Ad list************************
****************************************************
**************************************************/

.ad-frame {
	display: block;
	position: relative;
	width: auto;
	height: 120px;
	background: #ffffff;
	border-bottom: 1px solid #dae5ed;
	padding: 4px;
}

.pnofb {
	display: block;
	width: auto;
	font-family: Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	background: #ffffff;
	text-align: center;
	margin: 40px;
}

.adtxt {
	display: block;
	width: auto;
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	background: #ffffff;
	text-align: center;
	margin: 56px;
}

.ad-frame:hover {
	background: #f7f9fb;
}

.ad-frame img {
	float: left;
	border-radius: 6px;
}

.ad-inner-frame {
	display: inline-block;
	width: 510px;
	height: 120px;
	margin: 0 0 0 14px;
}

.ad-title {
	display: block;
	width: auto;
	color: #52a2e0;
	font-family: Arial, sans-serif;
	font-size: 17px;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	text-wrap: none;
	white-space: nowrap;
	padding: 4px 16px 0 0;
}

.ad-short-content {
	display: inline-block;
	width: 500px;
	height: 16px;
	color: #5c5c5c;
	font-family: Arial, sans-serif;
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 6px 0 6px;
}

.adcat {
	display: block;
	color: #84929d;
	font-family: Arial, sans-serif;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	margin-top: 4px;
	margin-bottom: -24px;
}

.ad-price {
	display: block;
	color: #2c2c2c;
	font-family: Arial, sans-serif;
	font-size: 16px;
	height: 20px;
	line-height: 20px;
}

.ad-price-right {
	display: block;
	float: right;
	width: 130px;
	color: #222222;
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: 100;
	text-align: right;
	margin-top: 40px;
	margin-right: 4px;
}

.adgray {
	color: #ffffff;
}

.adcol {
	color: #84929d;
}

.adproview {
	display: inline-block;
	float: left;
	width: auto;
	height: 50px;
	line-height: 50px;
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #2c2c2c;
	cursor: pointer;
	margin-left: 20px;
}

.adpro {
	display: inline-block;
	float: left;
	width: auto;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 12px;
	background: linear-gradient(to bottom, #eba447, #c78864);
	color: #ffffff;
	margin-top: 26px;
	cursor: pointer;
	margin-left: 20px;
	border-radius: 2px;
	padding: 2px 4px;
	margin-left: 16px;
}

.ad-of {
	display: inline-block;
	float: left;
	width: 60px;
	font-family: Arial, sans-serif;
	font-size: 13px;
	margin-top: 27px;
	cursor: pointer;
	margin-left: 20px;
}

.ad-mod {
	display: inline-block;
	float: left;
	width: 60px;
	font-family: Arial, sans-serif;
	font-size: 13px;
	margin-top: 27px;
	cursor: pointer;
}

.ad-time {
	display: block;
	float: right;
	width: 130px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: right;
	margin-top: 27px;
	margin-right: 4px;
}

.ad-location {
	display: inline-block;
	float: left;
	width: auto;
	color: #5c5c5c;
	font-family: Arial, sans-serif;
	font-size: 12px;
	margin-top: 45px;
}

.ad-date {
	display: inline-block;
	float: left;
	width: auto;
	color: #acacac;
	font-family: Arial, sans-serif;
	font-size: 12px;
	margin-top: 45px;
	margin-left: 20px;
}

.ad-offer {
	display: inline-block;
	float: left;
	width: auto;
	color: #acacac;
	font-family: Arial, sans-serif;
	font-size: 12px;
	margin-top: 45px;
	margin-left: 20px;
}



/***************************************************
********************progress line*******************
****************************************************
**************************************************/

.progress-line {
	display: inline-block;
	position: relative;
	font-family: Arial, sans-serif;
	font-size: 16px;
	width: auto;
	margin: 10px 0 2px;
}

.plif {
	display: block;
	float: left;
	text-align: center;
}


.pl-active-step {
	display: inline-block;
	width: 28px;
	height: 28px;
	color: #ffffff;
	font-weight: normal;
	text-align: center;
	line-height: 28px;
	background: #6cb8df;
	border-radius: 50%;
}

.pl-inactive-step {
	display: inline-block;
	width: 24px;
	height: 24px;
	color: #6cb8df;
	font-weight: normal;
	text-align: center;
	line-height: 24px;
	border: 2px solid #6cb8df;
	border-radius: 50%;
}

.pl-border {
	display: inline-block;
	width: 205px;
	height: 2px;
	background: #6cb8df;
}


.pl-border-1 {
	position: absolute;
	top: 13px;
	left: 128px;
}

.pl-border-2 {
	position: absolute;
	top: 13px;
	left: 358px;
}

.pl-border-3 {
	position: absolute;
	top: 13px;
	left: 448px;
}

.step-text {
	display: block;
	width: 230px;
	font-family: Arial, sans-serif;
	font-size: 13px;
	text-align: center;
	margin-top: 6px;
}

.st-inactive {
	color: #dcdcdc;
}

.st-active {
	color: #222222;
}

/***************************************************
********************notifications***************
****************************************************
**************************************************/

.notifi-frame {
	display: block;
	position: relative;
	width: auto;
	height: 42px;
	border-bottom: 1px solid #dae5ed;
	padding: 4px;
}

.notifi-unread {
	background: #f1f3f5;
}

.notifi-frame:hover {
	background: #f7f9fb;
}

.notifi-frame img {
	float: left;
}

.notifi-inner-frame {
	display: inline-block;
	width: 550px;
	padding: 0 6px;
}

.user-name {
	display: block;
	width: auto;
	color: #222222;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: 600;
	text-wrap: none;
	white-space: nowrap;
	padding-right: 16px;
}

.notifi-user {
	display: block;
	float: left;
	width: auto;
	color: #222222;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	text-wrap: none;
	white-space: nowrap;
	padding-right: 16px;
	margin-bottom: 4px;
}

.notifi-msg {
	display: block;
	float: left;
	color: #222222;
	font-family: Arial, sans-serif;
	font-size: 13px;
}

.notififrame {
	display: block;
	float: left;
	min-width: 550px;
}

.star-time {
	display: block;
	color: #acacac;
}

.notifi-txt {
	display: inline-block;
	width: 400px;
	height: 20px;
	color: #52a2e0;
	font-family: Arial, sans-serif;
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-wrap: none;
	white-space: nowrap;
}

.notifi-time {
	display: block;
	float: left;
	width: auto;
	font-family: Arial, sans-serif;
	font-size: 12px;
}


/***************************************************
********************feedback list************************
****************************************************
**************************************************/
.feedback-frame {
	display: block;
	position: relative;
	width: auto;
	height: 56px;
	background: #ffffff;
	border-bottom: 1px solid #dae5ed;
	padding: 4px;
}

.feedback-color {
	display: block;
	position: relative;
	float: left;
	width: 14px;
	height: 56px;
	border-radius: 4px;
	background: linear-gradient(to bottom, #eba447, #c78864);
}

.fb-positive {
	background: #69ae2e;
}

.fb-neutral {
	background: #eaa828;
}

/*a7a8a5*/

.fb-negative {
	background: #db3c3c;
}

.feedback-time {
	display: block;
	font-family: Arial, sans-serif;
	font-size: 12px;
	margin-top: 6px;
}

.feedback-msg {
	display: inline-block;
	width: 650px;
	color: #222222;
	font-family: Arial, sans-serif;
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-wrap: none;
	white-space: nowrap;
}

.feedback-inner-frame {
	display: inline-block;
	width: 550px;
	padding: 0 6px;
}


/***************************************************
********************messages list************************
****************************************************
**************************************************/
.pvmcbtn {
	display: block;
	position: absolute;
	top: 12px;
	left: 510px;
	height: 22px;
	line-height: 22px;
	font-family: Arial, sans-serif;
	font-size: 20px;
	padding: 0 4px;
	border-radius: 2px;
	color: #9c9c9c;
	cursor: pointer;
}

.pvmoframe {
	display: inline-block;
	margin-right: 10px;
	width: 530px;
	height: 24px;
}

.pvmcbtn:hover {
	color: #ffffff;
	background: #52a2e0;
}

.pvmcenter {
	display: block;
	position: relative;
	width: 542px;
	padding: 0 0;
	margin: 160px auto 0;
}

.pvmhdr {
	display: inline-block;
	background: #ffffff;
	width: 540px;
	height: 26px;
	border-bottom: 1px solid #dae5ed;
	font-family: Arial, sans-serif;
	padding-top: 10px;
	padding-bottom: 5px;
	line-height: 20px;
}

.pvmbase {
	display: block;
	float: left;
	width: 540px;
	height: auto;
	background: #fcfcfc;
	border: 1px solid #dae5ed;
	border-radius: 4px;
	margin-bottom: 120px;
}

.pvmaw {
	display: inline-block;
	width: 340px;
	min-height: 30px;
	height: 30px;
}

.pvminner {
	display: inline-block;
	position: relative;
	width: 450px;
	margin-left: 20px;
}

.pvmframe {
	display: block;
	background: #ffffff;
	padding: 10px 14px;
}

.pvmtitle {
	display: inline-block;
	color: #52a2e0;
	max-width: 380px;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	border-radius: 4px;
	padding: 0 6px;
	margin-left: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-wrap: none;
}


.pvmbtn {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 80px;
	width: auto;
	height: 35px;
	background: #52a2e0;
	color: #ffffff;
}

.msg-list-frame {
	display: block;
	width: auto;
	height: 56px;
	background: #ffffff;
	border-bottom: 1px solid #dae5ed;
	padding: 4px;
	cursor: pointer;
}

.msg-list-frame:hover {
	background: #f7f9fb;
}

.msg-list-inner-frame {
	display: inline-block;
	float: left;
	width: 550px;
	padding: 2px 6px;
}

.msg-ico {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(/ext/image/ico/sicons.png);
	margin-right: 4px;
	line-height: 15px;
	margin-bottom: -1px;
}

.bck {
	background-position: -52px -50px;
}

.msg-checkall {
	display: inline-block;
	margin-left: 8px;
}

.checkbox-msg-line {
	display: block;
	float: left;
	padding-top: 24px;
	padding-bottom: 19px;
	padding-left: 3px;
	padding-right: 4px;
}

.msg-photo {
	display: block;
	float: left;
	border-radius: 4px;
}

.newmsg {
	background: #f1f3f5;
}

.msg-txt-title {
	display: block;
	float: left;
	width: 550px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #52a2e0;
	margin: 2px 0;
	overflow: hidden;
	white-space: nowrap;
}

.msg-list-name {
	display: block;
	float: left;
}

.cat-time {
	display: inline-block;
	width: 100px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-top: 1px;
	white-space: nowrap;
}

.message-time {
	display: block;
	float: left;
	width: auto;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-top: 1px;
	white-space: nowrap;
}

.unread-msg-mark {
	display: block;
	float: right;
	width: 15px;
	height: 15px;
	background: #69ae2e;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.msgbold {
	display: block;
	width: 560px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #2c2c2c;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.msg-content {
	display: block;
	width: 560px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #5c5c5c;
	font-family: Arial, sans-serif;
	font-size: 13px;
}

/***************************************************
********************messages chat************************
****************************************************
**************************************************/
.user-avatar {
	display: block;
	float: left;
	width: 42px;
	height: 42px;
	border-radius: 4px;
}

.bubble-frame {
	display: block;
}

.cat-un {
	display: inline-block;
	width: auto;
	color: #52a2e0;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: 600;
	text-wrap: none;
	white-space: nowrap;
	padding-right: 16px;
}

.msg-user-name {
	display: inline-block;
	float: left;
	width: auto;
	color: #52a2e0;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: 600;
	overflow: hidden;
	text-wrap: none;
	white-space: nowrap;
	padding-right: 16px;
}

.msg-loading {
	display: block;
	height: 42px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #52a2e0;
	background: #ffffff;
	text-align: center;
	text-decoration: none;
	line-height: 42px;
}

.msg-loading-gif {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-left: 4px;
}

.img-word {
	display: inline-block;
	position: absolute;
	top: 75px;
	left: 40px;
	color: #ffffff;
}

.img-loading-gif {
	display: inline-block;
	position: absolute;
	top: -45px;
	left: 0;
	width: 40px;
	height: 40px;
	margin-left: 4px;
}

.msg-btn-loadmore {
	display: block;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #777777;
	background: #ffffff;
	padding: 14px 20px 14px 20px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

.msg-btn-show-more:hover,
.msg-btn-loadmore:hover {
	color: #52a2e0;
	background: #fcfcfc;
}

.cat-loading {
	display: block;
	height: 30px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #52a2e0;
	background: #ffffff;
	border-bottom: 1px solid #f0f0f0;
	text-align: center;
	text-decoration: none;
	line-height: 30px;
}

.msgnoreplay {
	display: block;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #777777;
	padding: 20px 20px 20px 20px;
	text-align: center;
}

.msg-btn-show-more {
	display: block;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #777777;
	background: #ffffff;
	border-bottom: 1px solid #f0f0f0;
	padding: 8px 20px 8px 20px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

.msgbf {
	display: block;
	padding: 14px 14px 0 14px;
}

.msgwif {
	display: inline-block;
	background: #ffffff;
	position: relative;
	width: auto;
	min-width: 180px;
	max-width: 510px;
	height: auto;
	border: 1px solid #dae5ed;
	border-radius: 2px;
	margin-left: 20px;
	padding: 2px 6px 6px;
}

.msgwif:before {
	content: "";
	position: absolute;
	top: 11px;
	left: -11px;
	border: 2px solid;
	border-width: 9px 11px 9px 0;
	border-color: transparent #bcbcbc;
	width: 0;
	z-index: 0;
}

.msgwif:after {
	content: "";
	position: absolute;
	top: 12px;
	left: -10px;
	border: 1px solid;
	border-width: 8px 10px 8px 0;
	border-color: transparent #ffffff;
	width: 0;
	z-index: 1;
}

.msgbif {
	display: inline-block;
	background: #e8f1f9;
	position: relative;
	width: auto;
	min-width: 180px;
	max-width: 510px;
	height: auto;
	border: 1px solid #c9d4df;
	border-radius: 2px;
	margin-left: 20px;
	padding: 2px 6px 6px;
}

.msgbif:before {
	content: "";
	position: absolute;
	top: 11px;
	left: -11px;
	border: 2px solid;
	border-width: 9px 11px 9px 0;
	border-color: transparent #c9d4df;
	width: 0;
	z-index: 0;
}

.msgbif:after {
	content: "";
	position: absolute;
	top: 12px;
	left: -10px;
	border: 1px solid;
	border-width: 8px 10px 8px 0;
	border-color: transparent #e8f1f9;
	width: 0;
	z-index: 1;
}

.msg-bubble-content {
	display: block;
	color: #222222;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-top: 2px;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
}

.msg-area-frame {
	display: block;
	background: #ffffff;
	border-top: 1px solid #dae5ed;
	margin-top: 8px;
	padding: 10px 14px;
}

.msg-area-inner-frame {
	display: inline-block;
	position: relative;
	width: 520px;
	margin-left: 20px;
}

.msg-area-w {
	display: inline-block;
	width: 380px;
	min-height: 30px;
	height: 30px;
}

.msg-post-btn {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100px;
	height: 42px;
	background: #52a2e0;
	color: #ffffff;
}

/***************************************************
********************terms and privacy************************
****************************************************
**************************************************/

.terms-base-frame {
	padding: 14px;
	width: auto;
}

.terms-inner-frame {
	padding: 50px 10px 4px 10px;
}

.section-txt {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 23px
}

.content-txt {
	color: #2c2c2c;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
}

/***************************************************
********************ad description************************
****************************************************
**************************************************/

.ad-see-frame {
	display: inline-block;
	width: 700px;
	height: auto;
	background: #ffffff;
	font-family: Arial, sans-serif;
	border: 1px solid #dae5ed;
	border-radius: 2px;
	margin-top: 10px;
}

.ad-see-photo-frame {
	position: relative;
	height: 380px;
	background: #2c2c2c;
	text-align: center;
	overflow: hidden;
}

.ad-see-circle:hover {
	border: 3px solid #ffffff;
}

.ad-see-circle {
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	font-family: Arial, sans-serif;
	text-align: center;
	color: #69ae2e;
	background: url(/ext/image/ico/pixel.png);
	border-radius: 50%;
	border: 2px solid #ffffff;
	margin: 12px 0 0 35px;
	cursor: pointer;
}

.ad-see-next:after,
.ad-see-previous:after {
	content: "";
	display: inline-block;
	margin-top: 26px;
	width: 8px;
	height: 8px;
	-moz-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.ad-see-next:after {
	border-bottom: 3px solid #ffffff;
	border-left: 3px solid #ffffff;
}

.ad-see-previous:after {
	border-top: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
}

.ad-see-previous {
	top: 130px;
	left: -15px;
}

.ad-see-next {
	top: 130px;
	left: 580px;
}

.ad-see-photo-count {
	display: block;
	position: absolute;
	top: 330px;
	left: 590px;
	width: auto;
	height: auto;
	background: url(/ext/image/ico/pixel.png);
	text-align: center;
	line-height: 14px;
	padding: 10px;
}

.ad-see-photo-count span {
	color: #ffffff;
	font-size: 13px;
}

.ad-see-title {
	display: block;
	width: 660px;
	font-size: 18px;
	margin: 5px 20px;
	overflow: hidden;
	white-space: nowrap;
}

.ad-see-sub-frame {
	display: inline-block;
	height: 20px;
	width: 660px;
	margin: 10px 20px 4px;
	line-height: 20px;
}

.ad-see-margin {
	margin: 10px;
}

.ad-pad {
	margin-top: 14px;
}

.asb-b {
	background: #52a2e0;
}

.add-see-btn {
	min-width: 50px;
	width: auto;
	height: 30px;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	line-height: 30px;
	padding: 0 10px;
}

.margtop {
	margin: 4px 0 0 20px;
}

.aso {
	margin: 18px 22px 0 0;
	cursor: pointer;
}

.asoa {
	margin: 0 2px 0 0;
	cursor: pointer;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

.puni {
	font-size: 13px;
	font-weight: 600;
}


.ad-see-price {
	float: right;
	font-size: 18px;
	font-weight: 500;
	text-align: right;
}

.ad-see-info-frame {
	display: inline-block;
	width: 660px;
	height: 38px;
	color: #84929d;
	font-size: 12px;
	line-height: 38px;
	border-top: 1px solid #dae5ed;
	margin: 0 20px;
}

.ad-see-info-postage {
	float: right;
}

.asiu {
	margin-left: 15px;
	text-decoration: none;
	color: #84929d;
	font-family: Arial, sans-serif;
	font-weight: normal;
	cursor: pointer;
}

.asiv {
	margin-left: 15px;
	text-decoration: none;
	color: #2c2c2c;
	font-family: Arial, sans-serif;
	font-weight: normal;
	cursor: pointer;
}

.asil {
	margin-left: 15px;
	text-decoration: none;
	color: #2c2c2c;
	font-family: Arial, sans-serif;
	font-weight: normal;
	cursor: pointer;
}

.asil:hover {
	color: #52a2e0;
}

.ad-see-desc {
	color: #2c2c2c;
	font-size: 14px;
	font-weight: 600;
}

.ad-see-time {
	font-size: 12px;
	margin-left: 10px;
}

.asre {
	font-size: 12px;
	color: #84929d;
	float: right;
	line-height: 20px;
	cursor: pointer;
}

.asre:hover {
	color: #52a2e0;
	text-decoration: underline;
}

.ad-see-desc-content {
	color: #2c2c2c;
	font-size: 14px;
	margin: 20px;
	word-break: break-all;
}

/***************************************************
********************Private profile************************
****************************************************
**************************************************/
.create-star-ad-frame {
	display: inline-block;
	width: 238px;
	height: 150px;
	color: #52a2e0;
	text-align: center;
	border: 4px dashed #52a2e0;
	border-radius: 8px;
	margin-top: 20px;
	margin-left: 2px;
	cursor: pointer;
}

.create-star-ad-frame:hover {
	background: #dfe3e6;
	color: #498fc6;
	border: 4px dashed #498fc6;
}

/* star ad */

.create-star-ad-star {
	display: block;
	width: 0px;
	height: 0px;
	position: relative;
	margin: 50px 100px;
	border-right: 20px solid transparent;
	border-bottom: 14px solid #52a2e0;
	border-left: 20px solid transparent;
	-moz-transform: rotate(35deg);
	-webkit-transform: rotate(35deg);
	-ms-transform: rotate(35deg);
	-o-transform: rotate(35deg);
}

.create-star-ad-star:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: -9px;
	left: -13px;
	border-bottom: 16px solid #52a2e0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	-webkit-transform: rotate(-35deg);
	-moz-transform: rotate(-35deg);
	-ms-transform: rotate(-35deg);
	-o-transform: rotate(-35deg);
}

.create-star-ad-star:after {
	display: block;
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0;
	left: -21px;
	border-right: 20px solid transparent;
	border-bottom: 14px solid #52a2e0;
	border-left: 20px solid transparent;
	-webkit-transform: rotate(-70deg);
	-moz-transform: rotate(-70deg);
	-ms-transform: rotate(-70deg);
	-o-transform: rotate(-70deg);
	content: "";
}

.create-star-ad-title {
	position: relative;
	top: -30px;
	font-family: Arial, sans-serif;
	font-size: 14px;

}

/*************/


.sppusername {
	font-size: 18px;
	font-family: Arial, sans-serif;
	font-weight: bold;
}

.sppvtitle {
	display: inline-block;
	width: 200px;
	margin-bottom: 10px;
	font-family: Arial, sans-serif;
	font-size: 14px;
}

.sppvbox {
	color: #2c2c2c;
	font-size: 13px;
	background: #e0e0e0;
	border-radius: 4px;
	padding: 2px 3px;
	margin-left: 4px;
}

.my-profile-feedback {
	display: inline-block;
	width: 120px;
	font-size: 13px;
	margin: 20px 5px 0 10px;
}

.my-profile-feedback span {
	display: inline-block;
	width: 60px;
	height: 20px;
}

.my-profile-feedback-count {
	text-align: right;
}

.spptitle {
	display: inline-block;
	width: 70px;
	text-align: center;
}

.spptitle span {
	display: block;
}

.sppcount {
	color: #52a2e0;
	font-size: 19px
}

.sppword {
	color: #84929d;
	font-size: 10px
}

/***************************************************
********************public profile************************
****************************************************
**************************************************/

.pp-base {
	display: inline-block;
	width: 700px;
	height: auto;
	font-family: Arial, sans-serif;
}


.pp-frame {
	display: inline-block;
	width: 698px;
	height: auto;
	background: #ffffff;
	font-family: Arial, sans-serif;
	border: 1px solid #dae5ed;
	border-radius: 2px;
	margin-bottom: 10px;
}

.pp-sub-frame {
	display: inline-block;
	width: 680px;
	margin: 10px 10px 10px;
}

.pp-link {
	float: right;
}

.pp-title {
	color: #2c2c2c;
	font-size: 15px;
	font-weight: 600;
}

.pp-count {
	color: #2c2c2c;
	font-size: 13px;
	background: #e0e0e0;
	border-radius: 4px;
	padding: 2px 3px;
	margin-left: 4px;
}

.pp-block-frame {
	display: block;
	float: left;
	width: 698px;
	height: auto;
	background: #ffffff;
	font-family: Arial, sans-serif;
	margin-top: 5px;
}


.ppfbframe {
	display: block;
	float: left;
	position: relative;
	width: 150px;
	height: 120px;
	border-right: 1px solid #dae5ed;
	margin-bottom: 10px;
}

.ppfbblock {
	display: block;
	float: left;
	width: 160px;
	height: 100px;
	padding: 9px;
}

.fbslot {
	display: block;
	float: left;
	margin-left: 10px;
}

.pvfbcount {
	position: absolute;
	top: 44px;
	left: 50%;
	font-family: arial, sans-serif;
	font-size: 17px;
	color: #9cabb5;
	margin-left: -20px;
}

.ppfbcount {
	position: absolute;
	display: inline-block;
	top: 46px;
	left: 0;
	text-align: center;
	font-family: arial, sans-serif;
	font-size: 22px;
	color: #9cabb5;
	width: 100px;
	margin: 0 25px;
}

.pp-block {
	display: inline-block;
	width: 210px;
	padding: 9px;
}

.pp-block img {
	display: block;
	margin-bottom: 4px;
}

.pp-block:hover {
	background: #f3f5f7;
}

.pp-user-name {
	display: block;
	width: 160px;
	color: #2c2c2c;
	font-size: 13px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	margin-bottom: 4px;

}

.pp-feedback-post {
	display: block;
	height: 50px;
	color: #5c5c5c;
	font-size: 13px;
	white-space: normal;
	word-break: break-all;

}


.pp-ad-photo {
	border-radius: 6px;
}

.pp-ad-title {
	display: block;
	width: 210px;
	color: #52a2e0;
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	margin-bottom: 4px;
}

.pp-ad-desc {
	display: inline-block;
	width: 210px;
	height: 44px;
	color: #5c5c5c;
	font-size: 12px;
	overflow: hidden;
}

/***************************************************
********************ad place - category************************
****************************************************
**************************************************/

.ad-place-category-frame {
	display: inline-block;
	width: 690px;
	height: auto;
	background: #ffffff;
	font-family: Arial, sans-serif;
	border: 1px solid #dae5ed;
	border-radius: 2px;
	margin-top: 4px;
	padding: 4px;
}

.ad-place-header-title {
	display: inline-block;
	width: 700px;
	color: #5c5c5c;
	text-align: center;
	font-weight: 100;
	margin: 10px 0 30px 0
}

.apscategory {
	color: #5c5c5c;
	font-size: 13px;
	padding: 0 6px;
}

.apscategory li {
	width: auto;
	text-align: center;
	border-radius: 4px;
	white-space: nowrap;
	word-break: keep-all;
	padding: 10px 11px;
	cursor: pointer;
}

.apsmb {
	margin-bottom: 10px;
}

.apsli {
	display: inline-block;
}

.apsli:hover {
	color: #2c2c2c;
	background: #e1e8f1;
}

.apili {
	display: inline-block;
	color: #8c8c8c;
}

.apss {
	display: inline-block;
	color: #ffffff;
	background: #52a2e0;
}

.ad-place-sub-category,
.ad-place-selected-category {
	display: inline-block;
	color: #5c5c5c;
	font-size: 14px;
	margin: 7px;
}

.ad-place-selected-category {
	display: inline-block;
	width: 660px;
	height: 15px;
	padding: 4px;
	line-height: 16px;
}

.ad-place-selected-bold {
	font-weight: 600;
}

.ad-place-change-selected {
	display: block;
	float: right;
	cursor: pointer;
}


.ad-place-sub-category li {
	padding: 4px;
	cursor: pointer;
}

.ad-place-sub-category li:hover {
	color: #ffffff;
	background: #52a2e0;
	border-radius: 4px;
}

.ad-place-top-pad {
	margin-top: 10px;
}

/***************************************************
********************ad place - description************************
****************************************************
**************************************************/

.ad-place-base {
	display: inline-block;
	width: 700px;
	height: auto;
	font-family: arial, sans-serif;
	margin-bottom: 80px;
}

.promotefee {
	font-family: arial, sans-serif;
	font-size: 13px;
	color: #2c2c2c;
	margin-left: 10px;
}

.prodrop {
	width: 160px;
	height: 30px;
	margin-left: 20px;
	font-size: 14px;
	font-weight: normal;
	padding-left: 10px;
	border-radius: 4px;
	border: 1px solid #dae5ed;
	cursor: pointer;
}

.leftlmar {
	margin-left: 29px;
}

.ad-place-frame {
	display: inline-block;
	width: 690px;
	height: auto;
	background: #ffffff;
	font-family: Arial, sans-serif;
	border: 1px solid #dae5ed;
	border-radius: 2px;
	margin-top: 4px;
	padding: 4px;
}

.ad-place-sub-frame {
	display: inline-block;
	width: 670px;
	margin: 5px 10px 5px;
	height: 30px;
	line-height: 30px;
}

.ad-place-header {
	color: #2c2c2c;
	font-size: 16px;
	font-weight: 600;
}

.lfbico {
	position: absolute;
	top: 18px;
	left: 34px;
	width: 16px;
	height: 16px;
	background: url(/ext/image/ico/sicons.png);
	background-position: -32px -122px;
}

.adrm {
	display: inline-block;
	width: 665px;
	font-size: 13px;
	margin: 0 10px 20px;
}

.ad-place-content {
	display: inline-block;
	width: 665px;
	font-size: 13px;
	margin: 10px;
}

.ad-place-content li {
	position: relative;
	float: left;
	height: 124px;
	width: 124px;
	border-radius: 10px;
	margin: 4px;
	overflow: hidden;
	text-align: center;
}

.ad-place-remove {
	position: absolute;
	display: block;
	top: 95px;
	left: 0;
	height: 30px;
	width: 124px;
	color: #ffffff;
	background: url(/ext/image/ico/pixel.png);
	text-align: center;
	line-height: 30px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	cursor: pointer;
}

.ad-place-label {
	display: inline-block;
	color: #2c2c2c;
	font-size: 14px;
	cursor: default;
	width: 90px;
	margin-top: 6px;
	margin-right: 10px;
	text-align: right;
}

.admargin {
	margin-left: 100px;
}

.admargtop {
	display: inline-block;
	margin-left: 10px;
}

.ad-place-area-label-top {
	float: left;
	padding-right: 4px;
}

.radiolabel {
	margin-right: 20px;
}

.ad-place-category-display {
	color: #84929d;
	font-size: 14px;
	margin-left: 10px;
}

.ad-place-change {
	float: right;
	font-size: 13px;
	margin-top: 6px;
	margin-left: 10px;
}

.ad-place-txt-type {
	width: 530px;
	height: 28px;
	margin: 4px 0;
	font-size: 14px;
	font-weight: normal;
	padding: 0 10px;
}

.aptp {
	width: 160px;
	height: 28px;
	margin: 4px 0;
	font-size: 13px;
	padding: 0 10px;
}

.ad-place-txt-price {
	width: 160px;
	height: 28px;
	margin: 4px 0;
	font-size: 15px;
	font-weight: bold;
	padding: 0 10px;
}

.ad-place-area-wh {
	display: inline-block;
	width: 540px;
	min-height: 80px;
	margin: 10px 0;
}

.ad-upload-photo {
	display: none;
	width: 117px;
	height: 117px;
	opacity: 0;
	font-size: 0px;
	border: none;
	margin: 0 0;
	padding: 0 0;

}

.ad-place-info {
	padding-left: 20px;
	font-size: 12px;
	color: #a9b7c2;
}

.ad-place-add-photo {
	display: block;
	float: left;
	width: 116px;
	height: 116px;
	color: #52a2e0;
	text-align: center;
	border: 4px dashed #52a2e0;
	border-radius: 10px;
	cursor: pointer;

}

.ad-place-add-photo span {
	display: block;
	font-weight: 600;
	padding-top: 40px;
}

.ad-place-uploaded-photo {
	display: block;
}

.charleft {
	position: relative;
	font-size: 13px;
	top: 2px;
	left: 110px;
	color: #8a9298;
}

.simpl {
	position: relative;
	font-size: 12px;
	top: 2px;
	left: 130px;
	cursor: pointer;
}

.expl {
	display: inline-block;
	font-size: 11px;
	color: #8a9298;
	margin-left: 120px;
}

.explf {
	display: inline-block;
	font-size: 13px;
	color: #8a9298;
	margin-left: 10px;
}

.app-btng {
	display: block;
	float: right;
	width: 122px;
	height: 42px;
	background: #52a2e0;
	background: #efefef;
	color: #5c5c5c;
}

.app-btnb {
	display: block;
	float: right;
	min-width: 50px;
	width: auto;
	height: 36px;
	background: #52a2e0;
	color: #ffffff;
}

.app-btnp {
	display: block;
	float: right;
	min-width: 50px;
	width: auto;
	height: 36px;
	background: #acc5d7;
	color: #ffffff;
	margin-right: 20px;
}

.ad-place-pad {
	margin-left: 40px
}

/***************************************************
********************Private profile Settings************************
****************************************************
**************************************************/

.ps-block {
	display: block;
	width: 670px;
	height: 20px;
	color: #84929d;
	line-height: 20px;
	border-bottom: 1px solid #dae5ed;
	padding: 10px 14px;
	cursor: pointer;
}

.ps-block:hover {
	color: #52a2e0;
	background: #f8f9fa;
}

.ps-block span {
	font-family: Arial, sans-serif;
}

.ps-title {
	display: block;
	float: left;
	width: 200px;
	font-size: 14px;
}

.ps-view {
	display: block;
	float: left;
	width: 340px;
	color: #4c4c4c;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ps-edit {
	float: right;
	font-size: 13px;
}


/***************************************************
********************middle page header Settings************************
****************************************************
**************************************************/

.sub-header-option-base {
	display: inline-block;
	width: 699px;
	height: 26px;
	border-bottom: 1px solid #dae5ed;
	font-family: Arial, sans-serif;
	margin-top: 10px;
	padding-bottom: 5px;
	line-height: 20px;
}


.msgop {
	display: inline-block;
	background: #ffffff;
	width: 615px;
	height: 26px;
	border-bottom: 1px solid #dae5ed;
	font-family: Arial, sans-serif;
	padding-top: 10px;
	padding-bottom: 5px;
	line-height: 20px;

}

.close-btn {
	display: block;
	position: absolute;
	top: 12px;
	left: 580px;
	height: 22px;
	line-height: 22px;
	font-family: Arial, sans-serif;
	font-size: 20px;
	padding: 0 4px;
	border-radius: 2px;
	color: #9c9c9c;
	cursor: pointer;
}

.close-btn:hover {
	color: #ffffff;
	background: #52a2e0;
}

.sub-header-option-frame {
	display: inline-block;
	margin-right: 10px;

}

.srframe {
	display: block;
	width: 360px;
	margin-right: 10px;
	height: 24px;
	overflow: hidden;
}

.sh-option-frame {
	display: inline-block;
	margin-right: 10px;
	width: 530px;
	height: 24px;
}

.float-right {
	float: right;
}

.sho-topic {
	display: block;
	float: left;
	color: #2c2c2c;
	font-size: 14px;
	font-weight: 600;
	margin-left: 10px;
}

.sho-msgtitle {
	display: inline-block;
	color: #2c2c2c;
	font-size: 14px;
	font-weight: 600;
}

.sub-header-option-title {
	display: inline-block;
	color: #2c2c2c;
	font-size: 14px;
	font-weight: 600;
	margin-left: 10px;
}

.sub-header-option-nav {
	color: #84929d;
	font-size: 13px;
}

.sub-header-tab {
	color: #52a2e0;
	font-size: 13px;
	font-weight: bold;
	margin: 0 4px;
	cursor: pointer;
}

.sub-header-opt {
	color: #52a2e0;
	font-size: 13px;
	margin: 0 4px 0 15px;
	cursor: pointer;
}

.sub-header-opt:hover {
	text-decoration: underline;
}

.selected-tab {
	color: #2c2c2c;
	font-size: 13px;
	font-weight: 600;
	margin: 0 4px;
}

.sub-header-option-box {
	color: #ffffff;
	font-size: 14px;
	background: #52a2e0;
	font-weight: normal;
	border-radius: 4px;
	padding: 1px 3px;
	margin-left: 4px;
}

.sub-header-option-box-inactive {
	color: #5c5c5c;
	font-size: 14px;
	background: #dcdcdc;
	font-weight: normal;
	border-radius: 4px;
	padding: 1px 3px;
	margin-left: 4px;
}

.sub-header-option-box-inactive span {
	text-decoration: none;
}

.sbhot {
	display: inline-block;
	color: #52a2e0;
	max-width: 480px;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	border-radius: 4px;
	padding: 0 6px;
	margin-left: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-wrap: none;
}

.sbhot:hover {
	text-decoration: underline;
}

/***************************************************
********************bubble drop menu************************
****************************************************
**************************************************/

.drop-menu {
	display: none;
	float: left;
	position: absolute;
	top: 44px;
	left: -45px;
	width: auto;
	height: auto;
	background: #ffffff;
	font-family: Arial, sans-serif;
	font-size: 13px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-box-shadow: 0 0 8px 1px #c2c2c2;
	-moz-box-shadow: 0 0 8px 1px #c2c2c2;
	box-shadow: 0 0 8px 1px #c2c2c2;
	text-align: left;
	padding: 10px 0;
}

.mored {
	left: 495px;
	z-index: 9999;
}

.droptxt {
	display: block;
	width: 80px;
	height: 20px;
	color: #84929d;
	padding: 6px 25px;
	line-height: 20px;
	cursor: pointer;
}

.droptxt:hover {
	background: #52a2e0;
	color: #ffffff;
}

.drop-seperator {
	border-top: 1px solid #dae5ed;
	height: 0;
	margin: 10px 8px;
}


.drop-menu:after {
	content: "";
	position: absolute;
	top: -4px;
	left: 55px;
	border: solid;
	border-width: 0 8px 6px 8px;
	border-color: #ffffff transparent;
	width: 0;
	z-index: 1;
}

/***************************************************
********************bubble info pop up************************
****************************************************
**************************************************/

.bubble-info {
	display: none;
	position: absolute;
	width: 220px;
	background: #2c2c2c;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
	max-width: 558px;
	height: auto;
	border-radius: 4px;
	margin-left: 20px;
	padding: 10px;
	z-index: 9999;
}

.bubble-info:after {
	content: "";
	position: absolute;
	top: 10px;
	left: -6px;
	border: 1px solid;
	border-width: 8px 6px 8px 0;
	border-color: transparent #2c2c2c;
	width: 0;
	z-index: 1;
}


/***************************************************
********************error messages************************
****************************************************/

.login-e-msg {
	display: inline-block;
	width: 400px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #ffffff;
	padding: 10px 25px;
	background: #eba447;
	text-align: center;
}

/***************************************************
********************popup messages************************
****************************************************/
.overlap {
	display: none;
	overflow-y: auto;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.4);
	width: 100%;
	height: 100%;
	z-index: 9999;
}

/***************************************************
********************main page************************
****************************************************/

.m-text {
	display: block;
	float: left;
	width: 678px;
	height: 32px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	border-radius: 2px;
	border: 1px solid #dae5ed;
	padding-left: 10px;
	padding-right: 10px;
}

.m-text:hover {
	border-color: #aeaeae;
}

.m-text::-moz-placeholder {
	color: #7c7c7c;
}

.m-text:-moz-placeholder {
	color: #7c7c7c;
}

.m-text:-webkit-input-placeholder {
	color: #7c7c7c;
}

.m-btn {
	display: block;
	float: left;
	width: 80px;
	height: 36px;
	background: #f9f9f9;
	border-radius: 0 2px 2px 0;
	border: 1px solid #dae5ed;
	margin-left: -80px;
	cursor: pointer;
}

.m-btn span {
	display: block;
	width: 22px;
	height: 24px;
	margin-left: 15px;
	background: url(/ext/image/ico/sicons.png);
	background-position: 41px 42px;
}

.m-btn:hover {
	background: #f2f2f2;
}

.m-btn:active {
	background: #f0f0f0;
	box-shadow: 0px 0px 4px #acacac inset;
}

.centre-search-frame {
	display: block;
	position: relative;
	width: 700px;
	padding: 0 0;
	margin: 0 auto;
}

.main-search {
	display: block;
	width: 700px;
	height: 50px;
	margin-top: 30%;
}

.footer-bar {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.ft-line {
	display: block;
	width: 600px;
	height: 30px;
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #5c5c5c;
	margin: 0 auto;
	text-align: center;
}

.fcr {
	display: inline-block;
	width: 120px;
	text-align: center;
}

.flw {
	display: inline-block;
	width: 80px;
	text-align: center;
}

.ft-line a {
	color: #5c5c5c;
}

.ft-line a:hover {
	color: #52a2e0;
}

/************pop up window*******************/

.panel-frame {
	display: inline-block;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 450px;
	height: auto;
	background: #ffffff;
	border-radius: 6px;
	margin-top: -125px;
	margin-left: -225px;
	z-index: 9999999;
}

.psub-text {
	position: absolute;
	top: 40px;
	left: 0;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	font-weight: normal;
	color: #84929d;
	margin: 0 20px;
}

.ptitle-frame {
	display: inline-block;
	background: #ffffff;
	height: 80px;
	line-height: 80px;
	margin: 0 20px;
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: 600;
	border-radius: 6px;
	text-align: center;
}

.pbtn {
	display: inline-block;
	float: right;
	min-width: 50px;
	width: auto;
	height: 30px;
	font-size: 12px;
	text-align: center;
	line-height: 30px;
	padding: 0 10px;
	margin: 10px 14px 6px 0;
	margin-left: 10px
}

.pbtnb {
	background: #52a2e0;
	font-weight: bold;
	color: #ffffff;
}

.pbtng {
	background: #efefef;
	color: #5c5c5c;
}


.pline-fix {
	display: inline-block;
	width: 450px;
	border-top: 1px solid #dae5ed;
}

/*********** settings ***************/
.dtxt {
	color: #acacac;
	background: #efefef;
}

.pcode {
	display: block;
	position: relative;
	font-family: arial, sans-serif;
	font-size: 14px;
	width: 38px;
	top: -38px;
	left: 4px;
	background: #dedede;
	text-align: center;
	padding: 4px 2px;
	border-radius: 4px;
}

.fixbtn {
	margin-top: -20px;
}

.opanel-frame {
	display: none;
	font-family: Arial, sans-serif;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 400px;
	height: auto;
	background: #ffffff;
	border-radius: 6px;
	margin-top: -180px;
	margin-left: -200px;
	z-index: 99999;
}

.solidframe {
	display: block;
	float: left;
	font-family: Arial, sans-serif;
	width: 450px;
	height: auto;
	background: #ffffff;
	border-radius: 6px;
	z-index: 99999;
}

.spanel-frame {
	display: none;
	font-family: Arial, sans-serif;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 450px;
	height: auto;
	background: #ffffff;
	border-radius: 6px;
	margin-left: -225px;
	z-index: 99999;
}

.st-block {
	display: block;
	font-size: 14px;
	width: 422px;
	height: 20px;
	color: #5c5c5c;
	line-height: 20px;
	border-top: 1px solid #dae5ed;
	padding: 10px 14px;
}

.st-cur {
	cursor: pointer;
}

.opanel-close {
	display: block;
	position: absolute;
	top: 15px;
	left: 660px;
	width: 20px;
	height: 20px;
	font-family: Arial, sans-serif;
	font-size: 16px;
	text-align: center;
	line-height: 20px;
	cursor: pointer;
	border-radius: 4px;
}

.opanel-close:hover {
	background: #52a2e0;
	color: #ffffff;
}

.spanel-close {
	display: block;
	position: absolute;
	top: 15px;
	left: 410px;
	width: 20px;
	height: 20px;
	font-family: Arial, sans-serif;
	font-size: 16px;
	text-align: center;
	line-height: 20px;
	cursor: pointer;
	border-radius: 4px;
}

.woprice {
	display: block;
	font-size: 16px;
	margin-bottom: 10px;
}

.opanel-close {
	display: block;
	position: absolute;
	top: 15px;
	left: 364px;
	width: 20px;
	height: 20px;
	font-family: Arial, sans-serif;
	font-size: 16px;
	text-align: center;
	line-height: 20px;
	cursor: pointer;
	border-radius: 4px;
	color: #ffffff;
}

.spanel-close:hover {
	background: #52a2e0;
	color: #ffffff;
}

.otitle-frame {
	display: inline-block;
	width: 360px;
	height: 40px;
	line-height: 50px;
	padding: 0 20px 10px;
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-align: left;
	border-bottom: 1px solid #dae5ed;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #ffffff;
}

.stitle-frame {
	display: inline-block;
	width: 409px;
	height: 40px;
	line-height: 50px;
	padding: 0 20px 10px;
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-align: left;
	border-bottom: 1px solid #dae5ed;
	color: #2c2c2c;
}

.sbase-frame {
	width: 330px;
	margin: 20px auto;
}

.swbase-frame {
	width: auto;
	margin: 20px 0;
	margin-top: -1px;
}

.bbase-frame {
	margin-top: -1px;
}

.sline-fix {
	display: inline-block;
	width: 326px;
}

.stl-fix {
	display: inline-block;
	width: 445px;
	border-top: 1px solid #dae5ed;
	padding-right: 5px;
}

.stbtn {
	display: inline-block;
	float: right;
	width: auto;
	min-width: 60px;
	height: 34px;
	font-size: 12px;
	text-align: center;
	line-height: 34px;
	padding: 0 10px;
	margin: 10px 5px 6px 0;
	margin-left: 10px
}

.olabel {
	display: inline-block;
	font-family: Arial, sans-serif;
	font-size: 13px;
	height: 14px;
	line-height: 14px;
	color: #2c2c2c;
}

.st-label {
	display: inline-block;
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #2c2c2c;
	text-align: right;
	margin-right: 10px;
}

.st-ftype {
	width: 300px;
	height: 30px;
	margin: 4px 0;
	font-size: 14px;
	font-weight: normal;
	padding: 0 10px;
	margin-bottom: 30px;
}


.st-ctype {
	width: 300px;
	height: 30px;
	margin: 3px 0;
	font-size: 14px;
	font-weight: normal;
	padding: 0 10px;
	margin-bottom: 10px;
}

.st-ptype {
	width: 260px;
	height: 30px;
	margin: 3px 0;
	font-size: 14px;
	font-weight: normal;
	padding: 0 10px 0 50px;
	margin-bottom: 10px;
}

.vdrop {
	display: inline-block;
	width: 100px;
	height: 22px;
	margin: 0 0 20px 0;
	font-size: 14px;
	font-weight: normal;
	padding-left: 4px;
	border-radius: 4px;
	font-family: arial, sans-serif;
	font-size: 13px;
	border: 1px solid #dae5ed;
	cursor: pointer;
}

.sdrop-type {
	width: 320px;
	height: 30px;
	margin: 4px 0 18px 0;
	font-size: 14px;
	font-weight: normal;
	padding-left: 10px;
	border-radius: 4px;
	border: 1px solid #dae5ed;
	cursor: pointer;
}

.atframe {
	display: block;
	font-family: arial, sans-serif;
	font-size: 13px;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #dae5ed;
	background: #da8a21;
	color: #ffffff;
}

.atmsg {
	text-align: left;
	padding-left: 10px;
}

.atclose {
	display: block;
	position: relative;
	top: -40px;
	;
	left: 670px;
	width: 20px;
	height: 20px;
	font-weight: bold;
	cursor: pointer;
}

.frame-center {
	display: inline-block;
	position: fixed;
	top: 60px;
	left: 50%;
	width: 700px;
	height: auto;
	background: #ffffff;
	border-radius: 6px;
	margin-left: -345px;
}

.eucode {
	position: absolute;
	font-family: arial, sans-serif;
	font-size: 16px;
	color: #2c2c2c;
	width: 10px;
	height: 16px;
	line-height: 16px;
	top: 80px;
	left: 118px;
	text-align: center;
	padding: 4px 2px;
	border-radius: 4px;
}

.st-etype {
	display: inline-block;
	width: 200px;
	height: 30px;
	margin: 3px 0;
	font-size: 16px;
	font-weight: bold;
	padding: 0 10px 0 10px;
	margin-bottom: 4px;
	margin-left: 20px;
}

.obtn {
	display: inline-block;
	float: right;
	width: auto;
	min-width: 60px;
	height: 40px;
	font-size: 15px;
	text-align: center;
	line-height: 34px;
	padding: 0 20px;
	font-weight: normal;
	margin: 10px 5px 6px 0;
	margin-left: 10px;
}


.offer-frame {
	display: block;
	position: relative;
	width: auto;
	height: 36px;
	background: #ffffff;
	border-bottom: 1px solid #dae5ed;
	font-family: Arial, sans-serif;
	padding-left: 10px;
	line-height: 36px;
}

.offer-name {
	display: inline-block;
	float: left;
	width: 200px;
	color: #6c6c6c;
	font-size: 13px;
	font-weight: bold;
	overflow: hidden;
	text-wrap: none;
	white-space: nowrap;
	margin-right: 10px;
}

.offer-price {
	display: inline-block;
	font-size: 13px;
	width: 140px;
	text-align: right;
	text-wrap: none;
	margin-right: 10px;
}

.offer-date {
	display: inline-block;
	width: 100px;
	font-size: 13px;
	color: #84929d;
	margin-right: 16px;
	text-align: right;
}

.oacpt {
	display: inline-block;
	float: right;
	height: 15px;
	line-height: 15px;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	margin-right: 16px;
	color: #5c5c5c;
	margin-top: 11px;
}

.oacpt:hover {
	color: #52a2e0;
}

.ocnl {
	color: #52a2e0;
	font-size: 13px;
	float: right;
	height: 15px;
	line-height: 15px;
	margin-right: 16px;
	cursor: pointer;
	margin-top: 12px;
}

.ocnl:hover {
	text-decoration: underline;
}

.odecl {
	display: inline-block;
	float: right;
	font-size: 13px;
	cursor: pointer;
	margin-right: 16px;
	color: #5c5c5c;
}

.oaccepted {
	display: inline-block;
	height: 26px;
	line-height: 30px;
	font-size: 12px;
	color: #2c2c2c;
	margin-right: 10px;
	margin-top: 4px;
}

.oamark {
	background: #f7f9fb;
}

.oatxtb {
	color: #2c2c2c;
}

.ico-star {
	display: inline-block;
	float: left;
	background: url(/ext/image/ico/sicons.png);
	background-position: 0 50px;
	width: 14px;
	height: 14px;
	margin-top: 7px;
	margin-right: 4px
}

.odecl:hover {
	color: #52a2e0;
}

.msgrep {
	display: block;
	float: left;
	color: #52a2e0;
	font-size: 11px;
	margin-left: 40px;
	margin-top: 2px;
}

.msgbox {
	display: inline-block;
	float: left;
	color: #ffffff;
	font-size: 13px;
	height: 14px;
	line-height: 14px;
	background: linear-gradient(to right, #eba447, #c78864);
	font-weight: normal;
	border-radius: 4px;
	padding: 2px 6px;
	margin-left: -2px;
	margin-top: -2px;
	margin-right: 6px;
	white-space: nowrap;
}

.oabox {
	color: #ffffff;
	font-size: 13px;
	height: 16px;
	line-height: 16px;
	background: linear-gradient(to right, #eba447, #c78864);
	font-weight: normal;
	border-radius: 4px;
	padding: 2px 6px;
	margin-left: 16px;
}


.oaboxf {
	margin-top: 8px;
	float: right;
}




.s1 {
	top: 45px;
	left: 1px;
}

.s2 {
	top: 30px;
	left: 1px;
}

.s3 {
	top: 15px;
	left: 1px;
}

.s4 {
	top: 0px;
	left: 1px;
}

.s5 {
	top: -15px;
	left: 1px;
}


.fbs {
	display: block;
	width: 0px;
	height: 0px;
	position: relative;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #ffffff;
	border-left: 7px solid transparent;
	-moz-transform: rotate(35deg);
	-webkit-transform: rotate(35deg);
	-ms-transform: rotate(35deg);
	-o-transform: rotate(35deg);
}

.fbs:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: -3px;
	left: -5px;
	border-bottom: 5px solid #ffffff;
	border-left: 2px solid transparent;
	border-right: 2px solid transparent;
	-webkit-transform: rotate(-35deg);
	-moz-transform: rotate(-35deg);
	-ms-transform: rotate(-35deg);
	-o-transform: rotate(-35deg);
}

.fbs:after {
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0;
	left: -7px;
	border-right: 6px solid transparent;
	border-bottom: 5px solid #ffffff;
	border-left: 6px solid transparent;
	-webkit-transform: rotate(-70deg);
	-moz-transform: rotate(-70deg);
	-ms-transform: rotate(-70deg);
	-o-transform: rotate(-70deg);
}

.ptphoto {
	display: block;
	float: left;
	width: 120px;
	height: 120px;
	border-radius: 4px;
	margin-left: 55px;
	margin-top: 20px;
	border: 2px solid #ffffff;
}

.rate-ico {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url(/ext/image/ico/sicons.png);
	background-position: 25px 0;
	margin-left: 6px;
	cursor: pointer;
}

.rih {
	background-position: 25px -25px;

}

.fbl-frame {
	width: 430px;
	margin: 20px 0 0 20px;
}

.fbl-modal {
	display: none;
	font-family: Arial, sans-serif;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 450px;
	height: auto;
	background: #ffffff;
	border-radius: 6px;
	margin-top: -250px;
	margin-left: -225px;
	z-index: 99999;
}

.fb-type {
	width: 386px;
	height: 30px;
	margin: 3px 0;
	font-size: 14px;
	font-weight: normal;
	padding: 0 10px;
}

.fblbtn {
	display: inline-block;
	float: right;
	width: auto;
	min-width: 60px;
	height: 34px;
	font-size: 12px;
	text-align: center;
	line-height: 34px;
	padding: 0 10px;
	margin: 0 5px 6px 0;
	margin-left: 10px
}

.cstar-ico {
	position: absolute;
	top: 0;
	right: 6px;
	display: inline-block;
	background: url(/ext/image/ico/cstar.png);
	height: 20px;
	width: 20px;
	margin-top: 5px;
}


.phsh {
	font-size: 15px;
}

.phn {
	color: #2c2c2c;
	background: #dae5ed;
	padding: 0 5px;
	border-radius: 4px;
}

.dts {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.probtn {
	position: relative;
	width: auto;
	min-width: 40px;
	height: 30px;
	background: linear-gradient(to bottom, #eba447, #c78864);
	color: #ffffff;
	font-size: 13px;
	text-align: center;
	line-height: 30px;
	margin-top: 10px;
}

.cbtn {
	position: relative;
	width: auto;
	min-width: 40px;
	height: 30px;
	background: linear-gradient(to right, #eba447, #c78864, #ae7779);
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	margin-top: 5px;
}

.fbl-name {
	display: block;
	font-size: 14px;
	font-weight: bold;
}

.fbl-label {
	display: block;
	float: left;
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #2c2c2c;
	text-align: right;
	margin-right: 10px;
}

.fbl-ad {
	display: block;
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #52a2e0;
	width: 360px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.fline-fix {
	display: inline-block;
	width: 412px;
	margin-bottom: 16px;
}

.fblcharleft {
	position: relative;
	font-size: 13px;
	top: 0px;
	left: 4px;
	color: #8a9298;
}

.fblstar {
	display: none;
}


.leave_fb {
	display: block;
	position: relative;
	height: 50px;
	line-height: 50px;
	text-align: center;
	width: 230px;
	background: #ffffff;
	border: 1px solid #dae5ed;
	border-radius: 4px;
	margin-top: 5px;
}

.serv {
	display: block;
	float: left;
	width: 80px;
	font-size: 14px;
	color: #84929d;
}

.servdate {
	display: block;
	float: left;
	width: 380px;
	font-size: 13px;
	color: #84929d;
	overflow: hidden;
}

.fbl-un {
	display: block;
	float: left;
	width: 200px;
	font-size: 14px;
}

.servam {
	display: block;
	float: left;
	width: 100px;
	height: 18px;
	color: #4c4c4c;
	font-size: 13px;
	overflow: hidden;
	white-space: nowarp;
	text-overflow: ellipsis;
}

.fbl-title {
	display: block;
	float: left;
	width: 340px;
	height: 18px;
	color: #4c4c4c;
	font-size: 13px;
	overflow: hidden;
	white-space: nowarp;
	text-overflow: ellipsis;
}

.sdropfix {
	display: inline-block;
	width: 220px;
	margin-left: 10px;
}

.srdropsel {
	width: 210px;
	height: 30px;
	margin: 4px 0 18px 0;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	padding-left: 10px;
	border-radius: 4px;
	border: 1px solid #dae5ed;
	cursor: pointer;
}

.srleftframe {
	display: block;
	width: 230px;
	height: auto;
	background: #ffffff;
	border: 1px solid #dae5ed;
	border-radius: 2px;
	padding: 6px 0;
	margin-bottom: 5px;
}

.srtitle {
	display: block;
	height: 40px;
	line-height: 40px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	border-bottom: 1px solid #dae5ed;
	margin: 0 10px;
	margin-bottom: 6px;
}

.srcategory {
	color: #5c5c5c;
	font-size: 13px;
	padding: 0 6px;
}

.srcategory a {
	display: block;
	width: auto;
	padding: 10px 11px;
	text-align: center;
	white-space: nowrap;
	word-break: keep-all;
	border-radius: 4px;
	cursor: pointer;
}

.srli {
	display: block;
	color: #5c5c5c;
}

.srli:hover {
	color: #2c2c2c;
	background: #e1e8f1;
}

.srs {
	display: block;
	color: #ffffff;
	background: #52a2e0;
}


.srfound {
	display: inline-block;
	color: #2c2c2c;
	font-size: 13px;
	margin-left: 10px;
	margin-right: 6px;
	color: #84929d;
	margin-top: 2px;
}

.srbox {
	color: #ffffff;
	font-size: 13px;
	height: 16px;
	line-height: 16px;
	background: linear-gradient(to left, #eba447, #c78864);
	font-weight: normal;
	border-radius: 4px;
	padding: 2px 6px;
	margin-left: 2px;
}

.srdrop {
	display: inline-block;
	width: 120px;
	height: 22px;
	margin: 0 0 20px 0;
	font-size: 14px;
	font-weight: normal;
	padding-left: 4px;
	border-radius: 4px;
	font-family: arial, sans-serif;
	font-size: 13px;
	border: 1px solid #dae5ed;
	cursor: pointer;
}

.pframe {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 96px;
	height: 96px;

}

.nouserimage {
	display: block;
	font-family: Arial, sans-serif;
	font-size: 16px;
	color: #ffffff;
	background: #52a2e0;
	width: 34px;
	height: 34px;
	text-align: center;
	margin-top: 3px;
	line-height: 34px;
	cursor: pointer;
}

.upp {
	display: block;
	position: absolute;
	top: 66px;
	left: 0;
	width: 96px;
	height: 24px;
	background: url(/ext/image/ico/pixel.png);
	font-family: arial, sans-serif;
	font-size: 13px;
	text-align: center;
	padding-top: 6px;
	color: #ffffff;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	cursor: pointer;
}

.upp-frame {
	width: auto;
	margin: 0 0;
}

.upp-fix {
	display: inline-block;
	width: 240px;
	height: 240px;
	background: #000000;
	overflow: hidden;
	margin-top: 10px;
	margin-left: 10px;
}

.upp-btn {
	display: inline-block;
	width: 445px;
}

.upp-mask {
	display: none;
	position: absolute;
	width: 220px;
	height: 220px;
	top: 61px;
	left: 10px;
	border-color: #ebf0f3;
	border-style: solid;
	color: #ffffff;
	opacity: 0.4;
	cursor: move;
}

.imc {
	display: none;
	background: #000000;
}

.cppload {
	display: none;
	position: absolute;
	font-family: arial, sans-serif;
	font-size: 13px;
	top: 200px;
	left: 100px;
	color: #ffffff;
}

.notifimodal {
	display: none;
	font-family: Arial, sans-serif;
	position: absolute;
	top: 40px;
	left: -90%;
	width: 450px;
	height: auto;
	background: #ffffff;
	border: 1px solid #dae0e4;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-box-shadow: 0 0 8px 1px #c2c2c2;
	-moz-box-shadow: 0 0 8px 1px #c2c2c2;
	box-shadow: 0 0 8px 1px #c2c2c2;
	z-index: 99999;
}

.notifimodal:after {
	content: "";
	position: absolute;
	top: -4px;
	left: 74%;
	border: solid;
	border-width: 0 8px 6px 8px;
	border-color: #ffffff transparent;
	width: 0;
	z-index: 1;
}

.popnotifi {
	display: block;
	font-weight: bold;
	font-size: 13px;
	padding: 8px;
	border-bottom: 1px solid #dae0e4;
}


.nonotifi {
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 4px;
	text-align: center;
	border-bottom: 1px solid #dae0e4;
}

.notifiblock {
	display: block;
	height: 42px;
	padding: 2px;
	border-bottom: 1px solid #dae0e4;
	padding-left: 4px;
}

.notifiblock:hover {
	background: #f7f9fb;
}

.notifiinner {
	display: inline-block;
	width: 380px;
	padding-left: 8px;
}

.notifiuser {
	display: block;
	float: left;
	font-size: 12px;
	color: #222222;
	margin-bottom: 2px;
}

.notifimsg {
	display: block;
	width: 380px;
	font-size: 12px;
	color: #84929d;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.notifitime {
	display: block;
	float: left;
	font-size: 12px;
	color: #acacac;
	margin-left: 10px;
}

.seenotifi {
	font-size: 13px;
	color: #52a2e0;
}

.notifib {
	display: block;
	height: 26px;
	line-height: 26px;
	text-align: center;
}

.accphoto {
	display: block;
	width: 34px;
	height: 34px;
	margin-top: 3px;
	margin-right: 10px;
	border-radius: 4px;
	cursor: pointer;
}



/***************************************************
********************Main webpage************************
****************************************************
**************************************************/

.pp-base {
	display: inline-block;
	width: 700px;
	height: auto;
	font-family: Arial, sans-serif;
}

.sscategory {
	color: #5c5c5c;
	font-size: 12px;
	padding: 0 4px;
}

.sscategory li {
	width: auto;
	text-align: center;
	border-radius: 4px;
	white-space: nowrap;
	word-break: keep-all;
	padding: 10px 11px;
	cursor: pointer;
}

.ssmain {
	display: block;
	position: relative;
	width: auto;
	min-width: 670px;
	max-width: 1230px;
	padding: 10px 0;
	margin: 0 auto;
}

.ss-main-frame {
	display: block;
	position: relative;
	max-width: 680px;
	padding-bottom: 10px;
	margin: 0 auto;
}

.ssadframe {
	display: block;
	min-width: 680px;
	max-width: 1130px;
	width: 100%;
	padding: 0 0;
	margin: 0 auto;
}

.ssearch {
	display: block;
	width: 670px;
	height: 50px;
	margin-top: 30px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}


.ssframe {
	display: block;
	min-width: 660px;
	max-width: 1110px;
	width: 100%;
	height: auto;
	background: #ffffff;
	font-family: Arial, sans-serif;
	border-radius: 2px;
	margin-top: 20px;
	padding: 10px;
	overflow: hidden;
}

.ssubframe {
	display: block;
	position: relative;
	min-width: 640px;
	max-width: 1130px;
	width: 100%;
	line-height: 22px;
	margin-bottom: 5px;
}

.sslink {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 20px;
}

.sscat {
	display: block;
	color: #2c2c2c;
	font-size: 17px;
	font-weight: lighter;
	margin-left: 5px;
}

.ssblockframe {
	display: inline-block;
	min-width: 698px;
	width: 100%;
	height: auto;
	font-family: Arial, sans-serif;
	margin-top: 5px;
}

.sstm {
	margin-top: 10px;
	margin-left: 10px;
}

.ssblock {
	display: inline-block;
	width: 210px;
	padding: 4px;
	border-radius: 4px 4px 4px 4px;
}

.ssblock img {
	display: block;
}

.ssblock:hover {
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);
}

.ssimage {
	width: 210px;
	height: 150px;
	border-radius: 4px 4px 0 0;
}

.ssbottom {
	position: relative;
	background: #ffffff;
	padding: 4px 8px;
	border-radius: 0 0 4px 4px;
}

.ssadtitle {
	display: block;
	width: 194px;
	color: #5c676f;
	font-size: 14px;
	overflow: hidden;
	text-overflow: clip;
	white-space: nowrap;
	word-break: keep-all;
	margin-bottom: 8px;
}

.ssflow {
	display: block;
	width: 50px;
	height: 18px;
	position: absolute;
	top: 0;
	right: 0;
	background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.98));
}

.ssaddesc {
	display: inline-block;
	width: 190px;
	height: 44px;
	color: #727a81;
	font-size: 12px;
	overflow: hidden;
}

.ssline {
	display: block;
	float: left;
	width: 100%;
}

.sstime {
	display: block;
	float: left;
	font-size: 13px;
	color: #84929d;
}

.ssprice {
	display: block;
	float: right;
	font-size: 14px;
	color: #2c2c2c;
}

.ssimagec {
	display: block;
	position: absolute;
	top: -20px;
	right: 0;
	height: 20px;
	line-height: 20px;
	padding: 0 6px;
	font-size: 12px;
	color: #ffffff;
	background: #000000;
}

.sstext {
	display: block;
	float: left;
	width: 658px;
	height: 30px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	border-radius: 2px;
	border: 1px solid #dae5ed;
	padding-left: 10px;
	margin-top: 10px;
}

.sstext:hover {
	border-color: #aeaeae;
}

.sstext:focus {
	border-color: #d89556;
}

.sstext::-moz-placeholder {
	color: #7c7c7c;
}

.sstext:-moz-placeholder {
	color: #7c7c7c;
}

.sstext:-webkit-input-placeholder {
	color: #7c7c7c;
}

.ssbtn {
	display: block;
	float: left;
	width: 50px;
	height: 34px;
	background: #f9f9f9;
	border-radius: 0 2px 2px 0;
	border: 1px solid #dae5ed;
	margin-left: -50px;
	cursor: pointer;
	margin-top: 10px;
}

.ssbtn span {
	display: block;
	width: 22px;
	height: 24px;
	margin-left: 5px;
	background: url(/ext/image/ico/sicons.png);
	background-position: -40px -76px;
}

.ssbtn:hover {
	background: #f2f2f2;
}

.ssbtn:active {
	background: #f0f0f0;
	box-shadow: 0px 0px 4px #acacac inset;
}

.sideright {
	display: block;
	float: left;
	height: auto;
	margin-left: 8px;
}

.svframe {
	display: block;
	width: 190px;
	height: auto;
	background: #ffffff;
	font-family: Arial, sans-serif;
	padding: 10px;
	border: 1px solid #dae5ed;
	border-radius: 2px;
}

.svblock {
	display: inline-block;
	width: 190px;
	margin-bottom: 20px;
}

.svimage {
	width: 190px;
	height: 120px;
}

.svbottom {
	position: relative;
	background: #ffffff;
	border-radius: 0 0 4px 4px;
}

.svtitle {
	display: block;
	width: 190px;
	color: #52a2e0;
	font-size: 11px;
	overflow: hidden;
	text-overflow: clip;
	white-space: nowrap;
	word-break: keep-all;
}

.svdesc {
	display: inline-block;
	width: 190px;
	height: 11px;
	color: #727a81;
	font-size: 11px;
	overflow: hidden;
}

.ssfooter {
	display: inline-block;
	min-width: 680px;
	width: 100%;
	margin-top: 60px;
}

.svfooter {
	display: block;
	width: 190px;
	margin-top: 10px;
	background: #ffffff;
	padding: 10px;
	color: #84929d;
	border-radius: 2px;
	border: 1px solid #dae5ed;
}

.svfooter a {
	color: #84929d;
}

.svfooter a:hover {
	color: #52a2e0;
}

.sfline {
	display: block;
	width: 170px;
	font-family: Arial, sans-serif;
	font-size: 11px;
}

.sfcr {
	display: inline-block;
	width: auto;
	height: 14px;
	line-height: 14px;
}

.sflw {
	display: inline-block;
	width: auto;
	height: 14px;
	line-height: 14px;
	margin-left: 4px;
}


.radioframe {
	display: block;
	margin-bottom: 10px;
}

.colorframe {
	display: block;
	float: left;
	width: 280px;
	margin-top: 4px;
	margin-bottom: 10px;
}

.color {
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	color: #ffffff;
	cursor: pointer;
}

.color:hover {
	-webkit-box-shadow: 0px 0px 0px 1px #ffffff;
	-moz-box-shadow: 0px 0px 0px 1px #ffffff;
	box-shadow: 0px 0px 0px 1px #ffffff;
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.dc0 {
	background: #2c2c2c;
}

.dc1 {
	background: #8c8c8c;
}

.dc2 {
	background: #dc0067;
}

.dc3 {
	background: #9b4a87;
}

.dc4 {
	background: #424e8d;
}

.dc5 {
	background: #2b7bb9;
}

.dc6 {
	background: #0083d7;
}

.dc7 {
	background: #008c8c;
}

.dc8 {
	background: #439d29;
}

.dc9 {
	background: #99bc1a;
}

.dc10 {
	background: #fff100;
}

.dc11 {
	background: #ffa002;
}

.dc12 {
	background: #ec3f32;
}

.dc13 {
	background: #e52c54;
}

.msvg {
	margin-top: 5px;
	margin-left: 20px;
}

.ksvg {
	margin-top: 2px;
	margin-left: 20px;
}

.svgcircle {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
}

.rrep {
	display: block;
	font-family: Arial, sans-serif;
	width: 300px;
	font-size: 13px;
	color: #222222;
	margin-bottom: 20px;
}

.setico {
	display: block;
	position: absolute;
	top: 14px;
	right: 44px;
	background: url(../ext/image/ico/sicons.png);
	background-position: 0 68px;
	width: 18px;
	height: 18px;
	cursor: pointer;
}


.sablock {
	display: block;
	position: relative;
	width: auto;
	height: 60px;
	background: #ffffff;
	border-bottom: 1px solid #dae5ed;
	padding: 4px;
	cursor: pointer;
}

.sablock:hover {
	background: #f7f9fb;
}

.saimage {
	display: block;
	float: left;
	border-radius: 4px;
}

.sainner {
	display: inline-block;
	float: left;
	font-family: Arial, sans-serif;
	width: 594px;
	height: 60px;
	padding: 0 6px;
}

.satitle {
	display: block;
	float: left;
	width: 590px;
	color: #222222;
	font-size: 13px;
	font-weight: 600;
	overflow: hidden;
	text-wrap: none;
	white-space: nowrap;
	padding-right: 16px;
}

.saremove {
	display: block;
	position: absolute;
	top: 48px;
	right: 4px;
	float: right;
	width: 50px;
	margin-left: 25px;
	z-index: 99999;
}

.saprice {
	display: block;
	float: left;
	width: 590px;
	color: #5c5c5c;
	font-size: 12px;
	margin-top: 4px;
	margin-bottom: 10px;
}

.satime {
	display: block;
	float: left;
	font-size: 13px;
	color: #84929d;
	width: 100px;
}

.saoffer {
	display: block;
	float: left;
	font-size: 13px;
	color: #84929d;
	width: auto;
}

.saview {
	display: block;
	float: left;
	font-size: 11px;
	color: #52a2e0;
	width: auto;
	line-height: 18px;
	margin-left: 2px;
	margin-right: 10px;
}

.fapframe {
	display: inline-block;
	width: 690px;
	height: auto;
	background: #ffffff;
	font-family: Arial, sans-serif;
	border: 1px solid #dae5ed;
	border-radius: 2px;
	margin-top: 4px;
	padding: 4px;
}

.fapduration {
	display: inline-block;
	font-size: 13px;
}

.fapcattitle {
	display: inline-block;
	font-size: 14px;
	color: #8b969e;
	margin-right: 6px;
}

.fapsubframe {
	display: inline-block;
	width: 670px;
	margin: 5px 10px 5px;
	height: 30px;
	line-height: 30px;
}

.fapcat {
	display: inline-block;
	font-size: 14px;
}

.feetitle {
	display: inline-block;
	float: right;
	font-size: 13px;
	color: #8b969e;
	margin-right: 10px;
	margin-top: 5px;
}

.feeshow {
	display: inline-block;
	float: right;
	font-size: 14px;
	color: #2c2c2c;
	font-weight: bold;
	margin-top: 5px;
}

.faptotal {
	font-size: 16px;
	float: right;
	line-height: 36px;
	color: #3b444b;
	font-weight: bold;
	margin-left: 5px;
}

.fapbtnframe {
	display: inline-block;
	font-family: Arial, sans-serif;
	width: 678px;
	font-size: 13px;
	padding: 10px;
	border: 1px solid #dae5ed;
	background: #ffffff;
	border-radius: 2px;
	margin-top: 10px;
}

.fapin {
	cursor: pointer;
}

.fapbtn {
	display: block;
	float: right;
	min-width: 80px;
	width: auto;
	height: 36px;
	background: #52a2e0;
	color: #ffffff;
	margin-left: 20px;
}

.boost {
	background: #e2edf5;
}

.boosttitle {
	color: #ffffff;
	font-size: 15px;
	height: 16px;
	line-height: 16px;
	background: linear-gradient(to right, #eba447, #c78864);
	font-weight: normal;
	border-radius: 2px;
	padding: 2px 6px;
	margin-left: -4px;
	margin-top: 5px;
}

.btnfix {
	display: block;
	float: left;
	width: 430px;
	margin: 50px 0 0;
}

.enhframe {
	display: block;
	float: left;
	width: 450px;
	height: auto;
	background: #ffffff;
	margin: 64px auto 0;
	border-radius: 6px;
}

.acbtn {
	display: block;
	float: right;
	font-family: Arial, sans-serif;
	font-size: 13px;
	min-width: 50px;
	width: auto;
	height: 36px;
	line-height: 36px;
	background: #f2f2f2;
	color: #4c4c4c;
	margin-left: 20px;
}

.capbtn {
	display: block;
	float: right;
	min-width: 80px;
	width: auto;
	height: 36px;
	background: #f2f2f2;
	color: #4c4c4c;
	margin-left: 20px;
}


.prosdrop {
	width: 250px;
	height: 30px;
	font-size: 14px;
	font-weight: normal;
	padding-left: 10px;
	margin-top: 5px;
	border-radius: 4px;
	border: 1px solid #dae5ed;
	cursor: pointer;
}

.prosbold {
	margin-top: 18px;
}

.ptsep {
	display: inline-block;
	margin: 0 20px;
	width: 400px;
	border-top: 1px solid #dae5ed;
}

.ptbase {
	display: inline-block;
	background: #ffffff;
	width: 430px;
	padding: 10px;
}

.ptframe {
	display: block;
	height: 40px;
	line-height: 40px;
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 20px;
}

.ptsubframe {
	display: inline-block;
	width: 410px;
	font-family: Arial, sans-serif;
	font-size: 18px;
	margin: 0 10px;
	height: 30px;
	line-height: 30px
}


.sbf {
	border: 1px solid #dae5ed;
}

.totv {
	font-size: 15px;
	color: #2f2f2f;
	width: 200px;
	background: #dae5ed;
	line-height: 40px;
	font-weight: bold;
	padding: 8px 10px;
}


.proview {
	display: block;
	position: absolute;
	z-index: 999999;
	top: 20px;
	left: 50%;
	margin-left: -270px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}

.proviewinner {
	display: inline-block;
	width: 380px;
	height: 120px;
	margin: 0 0 0 14px;
}

.proviewadframe {
	display: block;
	width: auto;
	height: 120px;
	background: #ffffff;
	border: 1px solid #dae5ed;
	padding: 4px;
}

.proviewadframe img {
	float: left;
	border-radius: 6px;
}

.proviewtitle {
	display: block;
	width: auto;
	color: #52a2e0;
	font-family: Arial, sans-serif;
	font-size: 17px;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	text-wrap: none;
	white-space: nowrap;
	padding: 4px 16px 0 0;
}

.proviewdesc {
	display: inline-block;
	width: 370px;
	height: 16px;
	color: #5c5c5c;
	font-family: Arial, sans-serif;
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 6px 0 6px;
}

.imagead {
	position: absolute;
	top: 306px;
	left: 40px;
	width: 500px;
	height: 70px;
	background: #000000;
	cursor: pointer;

}

.imgadlink {
	position: absolute;
	top: 0;
	left: 0;
	width: 480px;
	height: 70px;
}

.imgadclose {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 4px;
	margin-right: 4px;
	background: url(/ext/image/ico/sicons.png);
	background-position: 0px 22px;
	width: 16px;
	height: 16px;
	z-index: 1;
}

.selframe {
	display: block;
	float: left;
	width: 442px;
	height: 120px;
	font-family: Arial, sans-serif;
	background: #ffffff;
	padding: 4px;
	margin-bottom: 10px;
}

.fslm {
	margin-left: -20px;
}

.selframe img {
	display: block;
	float: left;
	margin-right: 10px;
}

.selinnerframe {
	display: inline-block;
	width: 270px;
	height: 120px;
}

.selheader {
	display: block;
	width: 432px;
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 2px;
	margin-bottom: 10px;
	padding: 10px;
	background: rgba(0, 0, 0, 0) linear-gradient(to right, #eba447, #c78864, #ae7779);
	color: #ffffff;
	border-radius: 4px;
}

.seltitle {
	display: block;
	width: auto;
	color: #52a2e0;
	font-size: 17px;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	text-wrap: none;
	white-space: nowrap;
	padding: 4px 16px 0 0;
}

.selsubtxt {
	font-family: Arial, sans-serif;
	font-size: 14px;
}

.starselframe {
	display: block;
	float: left;
	width: 450px;
	height: auto;
	margin: 64px auto 0;
	border-radius: 6px;
	background: #ffffff;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.selcontent {
	display: block;
	width: auto;
	height: 16px;
	color: #5c5c5c;
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-wrap: none;
	white-space: nowrap;
	margin: 2px 0 10px;
}

.selcat {
	display: block;
	width: 300px;
	color: #84929d;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	margin-bottom: 20px;
}

.locked {
	display: inline-block;
	background: url(/ext/image/ico/sicons.png);
	width: 16px;
	height: 16px;
	background-position: -16px 22px;
}


.helpbase {
	display: block;
	float: left;
	width: 698px;
	height: auto;
	background: #ffffff;
	border: 1px solid #dae5ed;
	border-radius: 4px;
	margin-bottom: 120px;
	font-family: Arial, sans-serif;
}

.helpbase img {
	display: block;
	margin: 20px 0;
}

.helpbase p {
	position: relative;
	color: #455c62;
	font-size: 14px;
	margin: 20px;
}

.helpbase a {
	color: #52a2e0;
}

.helphdr {
	display: block;
	height: 40px;
	line-height: 40px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	border-bottom: 1px solid #dae5ed;
	margin: 0 20px;
	margin-bottom: 6px;
}

.helpcat {
	display: block;
	color: #2c2c2c;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-left: 20px;
}

.hmb {
	margin-top: 20px;
}

.helpsub {
	font-size: 12px;
	padding: 0 6px;
}

.helpsub a {
	display: block;
	width: auto;
	padding: 3px 20px;
	text-align: left;
	white-space: nowrap;
	word-break: keep-all;
	border-radius: 4px;
	cursor: pointer;
}

.helpsub a:hover {
	color: #52a2e0;
}

.helpun {
	color: #84929d;
}

.helpcur {
	color: #52a2e0;
}

.helph {
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 20px 10px 10px 20px;
}

.repf {
	position: relative;
	display: inline-block;
	margin-top: -4px;
	line-height: 10px;
	width: 50px;
}

.repc {
	display: block;
	float: left;
	font-weight: normal;
	font-size: 9px;
	background: #52a2e0;
	color: #ffffff;
	padding: 1px;
	border-radius: 2px;
	height: 10px;
	line-height: 12px;
	margin-right: 2px;
}

.repu {
	display: block;
	float: left;
	font-weight: normal;
	font-size: 9px;
	background: #CF8D4C;
	color: #ffffff;
	padding: 1px;
	border-radius: 2px;
	height: 10px;
	line-height: 12px;
}

.poar0 {
	position: absolute;
	top: 186px;
	left: 590px;
}

.poar1 {
	position: absolute;
	top: 300px;
	left: 360px;
}


.boar0 {
	position: absolute;
	top: 250px;
	left: 420px;
}

.boar1 {
	position: absolute;
	top: 100px;
	left: 540px;
}

.boar2 {
	position: absolute;
	top: 280px;
	left: 220px;
}

.markframe {
	position: relative;
	display: inline-block;
}

.bbif {
	top: -8px;
	left: 12px;
}

.infomark {
	display: inline-block;
	width: 14px;
	height: 14px;
	font-size: 10px;
	color: #ffffff;
	background: #b5bcc1;
	text-align: center;
	line-height: 14px;
	border-radius: 50%;
	margin-left: 10px;
	cursor: pointer;
}

.infomark:hover {
	background: #52a2e0;
}