@CHARSET "UTF-8";
/** box **/
.vvbox {background:#FFF;position:relative;_z-index:-1}
.vvbox .vvbox-title {
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	padding-left: 8px;
}
.vvbox .vvbox-tabbar {
	height:40px;
	line-height:40px;
    /* border-bottom: 1px solid #DEDEDE; */
	background: #E6E6E6;
}
.vvbox .vvbox-tabbar li {
	border-right: 1px solid #D9D9D9;
	float:left;
}
.vvbox .vvbox-tabbar li a {
	height:40px;
	line-height:40px;
	padding:0 10px;
	display:block;
	float:left;
	text-align:center;
}
.vvbox .vvbox-tabbar li a:focus {outline:none;}
.vvbox .vvbox-tabbar li a.on {
    background: none repeat scroll 0 0 #FFFFFF;
    /* border-bottom: 1px solid #FFFFFF; */
	border-top: 3px solid #66C2A4;
	height: 37px;
	line-height:37px;
}
.vvbox .vvbox-tabbar li .last {
    border-right: medium none;
    border-top-right-radius: 6px;
    position: absolute;
    right: 0;
    top: 0;
}
.vvbox .vvbox-content {
	padding: 0 10px 0;
}

/*tab-1*/
.vv-tab-box .tab-item {float:left;background-color: #FFF}
.vv-tab-box .tab-item a {display: inline-block;padding: 8px 20px}
.vv-tab-box .tab-item .on {background-color: #00AA90;color:#FFF}
.vv-tab-box .tab-item .gray {background-color: #999; color: #FFF}
.vv-tab-box .tab-item .c {background-color: #F5A423; color: #FFF}
/**block**/
.vvblock {position:relative;_z-index:-1; clear:both}
.vvblock .vvblock-title {font-size: 18px}
.vvblock .vvblock-title-s {font-size: 16px}
.vvblock .vvblock-content {margin-top: 12px}

/**list**/
.vv-list-item-v {padding: 4px 0 6px; display:inline-block}

/***********Form**********/
.form-box {background: #FFF}
.form-box .form-box-header {margin: 0 10px}
.form-box-header {padding: 12px 0 6px;}
.form-box-header h3, .form-box-header .title {
    font-size: 27px;
	padding-bottom: 8px;
}
.form-box-header .form-description {
border-top: 1px solid #CCC;
color:#676767;
padding:16px 0 12px 12px;
font-size: 14px;
}
.form-box-content {background: #FFF; padding: 22px 16px 16px}
.input-panel {padding-top: 6px; position:relative}
.input-panel .info-panel {position:absolute;left:520px;text-align:left; top: 10px; border-left: 1px solid #CCC;padding-left: 20px}
.fi {
font-size:15px;
clear:both;
position: relative;
padding-left: 110px;
}
.fi-tit {
height: 28px;
line-height: 28px;
position: absolute;
left: 0px;
_left: -110px;
}
.fi-tit label {
float:left;
text-align:right;
width:100px;
}
.fi-tit label .ipt-star {
color: red;
vertical-align: middle;
}
.fi-tit, .fi-ipt {margin: 0 0 16px}
.fi-ipt, .fi-ipt-block {}
.vvipt, .basic-input, .text-input, .select, .textarea, .captcha-img .img, textarea {
border:1px solid #CCC;
margin-right:4px;
font-size:15px;
font-family:"Microsoft YaHei",Arial,Helvetica,SimSun,sans-serif,Hei;
}
.text-input, .basic-input {
padding:4px 2px 2px;
width:196px;
}
.small-input {width: 120px;}
.middle-input {width: 260px;}
.large-input {width: 380px;}
.radio {width: 16px}
.file {
line-height:28px;
height: 28px;
margin-right: 20px;
font-size: 16px;
font-family:"Microsoft YaHei",Arial,Helvetica,SimSun,sans-serif,Hei;
}
.select, select.basic-input {
height:30px;
line-height:30px;
width:180px;
padding:2px;
}
.textarea {
padding:2px;
width: 380px;
height: 160px;
}
.fi-ipt-block .text-input, .fi-ipt-block  .select, .fi-ipt-block  .invalid, .captcha-img .img {display:block}
.info-row {
clear:both;
margin: 0 0 12px;
text-align:left;
font-size: 13px;
}
.submit-row {
margin: 0;
font-size: 13px;
}
.captcha-img {
display: inline;
margin-top:6px;
}
.captcha-img a {
text-decoration: underline;
}

/*************** Notifications ***************/
.notification {
position: relative;
margin: 0 0 10px;
padding: 0;
border: 1px solid #EEE;
background-position: 10px 11px !important;
background-repeat: no-repeat !important;
font-size: 13px;
/* width: 99.8%; */
}
.notification.onloading {
background: #fffbcc url('./images/loading.gif') 10px 11px no-repeat;
border-color: #e6db55;
color: #666452;
}
.notification.onattention {
background: #fffbcc url('./images/icons/exclamation.png') 10px 11px no-repeat;
border-color: #e6db55;
color: #666452;
}
.notification.oninformation {
background: #dbe3ff url('./images/icons/information.png') no-repeat;
border-color: #a2b4ee;
color: #585b66;
}
.notification.onsuccess {
background: #d5ffce url('./images/icons/tick_circle.png') no-repeat;
border-color: #9adf8f;
color: #556652;
}
.notification.onerror {
background: #ffcece url('./images/icons/cross_circle.png') no-repeat 0 center;
border-color: #df8f8f;
color: #665252;
}
.notification .msg {
display:block;
font-style:normal;
padding: 10px 10px 10px 36px;
line-height: 1.5em;
}
.notification .close {
color:#990000;
font-size:9px;
position:absolute;
right:5px;
top:5px;
}

/**Valid**/
.tips.invalid, .invalid, .information, .success {
margin-top: 6px;
font-size: 12px;
height: 28px;
line-height: 28px;
color: #666;
padding-left: 0;
background: none;
}
span.invalid {
padding-left: 18px;
background: url('./images/icons/cross_circle.png') no-repeat 0 center;
color: #E44443;
}
span.information {
padding-left: 18px;
background: url('./images/icons/information.png') no-repeat 0 center;
color: #777;
}
span.success {
padding-left: 18px;
background: url('./images/icons/tick_circle.png') no-repeat 0 center;
color: #556652;
}

/**form msg**/
dl.err-msg {
margin:2px 5px 7px;
border:1px solid #f8b3d0;
margin: 4px auto;
word-break: break-all;
overflow:hidden;
}
dl.err-msg dt{
font-weight:800;
background:#ff0033;
color:#fff;
}
dl.err-msg dt, dl.err-msg dd {
line-height:30px;
padding:0 0 0 10px;
}
dl.err-msg {
margin: 0 20px 10px;
}

/***Msg box**/
.msg-container {
width:460px;
border:1px solid #3C86C5;
margin: 40px auto 60px;
background: #FFF;
}
.msg-title {
background: url("./images/msg-box-title-bg.png") no-repeat #FFF;
color: #FFFFFF;
font: 14px bold;
height: 25px;
line-height: 26px;
overflow: hidden;
padding-left: 35px;
text-align: left;
}
.msg-panel {width: 600px;margin: 0 auto;padding: 60px 20px;}
.msg-box {
background: url("./images/ts.gif") no-repeat 20px center;
background-color:#FFFFFF;
font-size: 14px;
}
.msg-box span {float:left;}
.msg-content {
padding-left: 20px;
margin: 10px 10px 16px 100px;
border-left: 1px solid #CCC;
line-height: 30px;
}
.msg-bottom {padding-bottom: 8px;}
.msg-container .bottom {
background: none repeat scroll 0 0 #E4ECF7;
height: 26px;
line-height: 26px;
margin: 0 1px 1px;
text-align: center;
}

/**mask**/
.loading {
	cursor1:wait;
	height:20px;
	width:24px;
	line-height:1;
	background:#fff url('./images/loading.gif') no-repeat scroll 0 0;
	color:#222;
	display:inline-block;
}

/* page nav */
.nav-pages {
    padding: 20px 0;
    text-align: center;
}
.nav-pages span, .nav-pages a {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    text-align: center;
    margin-left: 5px;
    background: #FFF;
    border: 1px dotted #CCC;
    color: #333;
	_border: 1px solid #EFEFEF;
}
.nav-pages a:hover {
	background: #66C2A4;
	border-color: #66C2A4;	
    color: #FFF;
    text-decoration: none;
}
.nav-pages span.on {
    background: #F5A423;
	border-color: #F5A423;
    color: #FFF;
}
.nav-pages span.item-count {
	border: 1px solid #F3F3F3;
	background: #F3F3F3;
	color: #333;
}


/* page nav */
.nav-pages-s {}
.nav-pages-s .left-oper, .nav-pages-s .right-oper {width: 49%}
.nav-pages-s .left-oper {float: left; text-align: left}
.nav-pages-s .right-oper {float: right; text-align: right}
.nav-pages-s span, .nav-pages-s a {
    display: inline-block;
    text-align: center;
    background: #FFF;
    border: 1px solid #E9E9E9;
    color: #333;
	padding: 6px 12px;
}
.nav-pages-s span.nbl, .nav-pages-s a.nbl {border-left: 0}
.nav-pages-s a:hover {
	background: #27B1CE;
	border-color: #27B1CE;	
    color: #FFF;
    text-decoration: none;
}
.nav-pages-s span {background-color: #E0E0E0}


/**page here**/
.page-here {color: #666; padding: 10px 0 8px; font-size: 14px}
.page-here a {color: #666}

/*btn pagination*/
.btn-nav-pages {
	background: #FFFFFF;
    border: 1px solid #C9CACD;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    margin-top: 16px;
	overflow: hidden;
	position: relative;
	padding: 6px;
}
.btn-nav-pages a, .btn-nav-pages span {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 9px;
    text-align: center;
    margin-left: 4px;
    background: #FFF;
    border: 1px solid #FFF;
    color: #333;
}
.btn-nav-pages .page-list {
	text-align: center;
}
.btn-nav-pages .page-list span.on {
	background: #66C2A4;
	border-color: #66C2A4;
    color: #FFF;
}
.btn-nav-pages .page-list a:hover {
    background: #F5A423;
	border-color: #F5A423;
    color: #FFF;
    text-decoration: none;
}
.btn-nav-pages .page-pre, .btn-nav-pages .page-next {
position: absolute;
top: 6px;
}
.btn-nav-pages .page-pre {
left: 0;
}
.btn-nav-pages .page-next {
right: 0;
}

/**sticky**/
.vvsticky-container {
	position:relative;
}

.vvsticky-container .vvsticky-panel {
	float:none; 
	position:absolute;
}

.vvsticky-container .vvsticky-panel.fixed {
	position:fixed;
}

/**avatar**/
.avatar48 {
    height: 48px;
    vertical-align: top;
    width: 48px;
}
.avatar-100 {
	height: 100px;
    vertical-align: top;
    width: 100px;
}
.left-avatar-link {
    display: inline;
    float: left;
    width: 56px;
}

/** icon **/
.ico-talk, .ico-home, .ico-clock, .ico-favor,
.ico-tv, .ico-folder, .ico-review, .ico-vip, .ico-wallet {
	background: url("./images/icons/ico_1.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    overflow: hidden;
    vertical-align: middle;
    width: 20px;
}
.ico-home, .ico-talk, .ico-clock, .ico-favor {width: 28px; height: 25px}
.ico-home {background-position: 0 -114px;}
.on .ico-home {background-position: 0 -142px;}
.ico-talk {background-position: -85px -114px;}
.on .ico-talk {background-position: -85px -142px;}
.ico-clock {background-position: -29px -114px;}
.on .ico-clock {}
.ico-favor {background-position: -57px -114px;}
.on .ico-favor {}

/**article content**/
.txt-title {
	font-size:18px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.txt-content {
	font-size:15px;
    margin: 6px 0 20px;
}
.txt-content h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 6px 0;
}
.txt-content h4 {
	font-size: 14px;
	font-weight: bold;
	margin: 6px 0;
}
.txt-content strong {font-weight:bold}
.txt-content img {margin: 12px 0}

/**table**/
table.list-table {
	border-top: 1px solid #E0E0E0;	
    width: 100%;
	_width: 99.5%;
}
.list-table th {
    background: #FCFCFC;
    border-bottom: 1px solid #CCC;
    color: #666;
    font-weight: normal;
    padding: 10px 12px;
    text-align: left;
}
.list-table td {
    border-bottom: 1px solid #E0E0E0;
    color: #666;
    padding: 10px 10px;
}

/**jquery ui**/
.fi input.ipt-date, input.ipt-date {
    background: url("./images/ico-calendar.gif") no-repeat scroll 92px 6px #FFFFFF;
    padding-right: 10px !important;
    width: 96px;
}

/**dbsubitem**/
.inner-back {background-color: #F6F6F6;padding: 10px;}
.fi .item {margin-bottom: 10px;}
.con_item {margin-bottom: 10px;}
.con_item label.inner {
    display: inline-block;
    float: left;
    margin-right: 10px;
    vertical-align: middle;
    width: 60px;
}
.con_item .inner-item {margin-bottom: 10px;margin-left: 70px;}

/**image**/
img.vvimg-50 {height: 50px; width: 50px}
img.vvimg-100 {height: 100px; width: 100px}
img.vvimg-180 {height: 180px; height: 180px}

/**category**/
.vv-category-side .title {font-size: 18px; color:#777;font-weight: bold; padding-bottom: 12px;position:relative}
.vv-category-side .title .more {position:absolute; right: 0;bottom: 12px; font-size: 15px}
.vv-category-side .labels {padding: 6px 0}
.vv-category-side .labels a {padding: 2px 10px; float: left; display: inline-block; font-size: 14px; color: #777}

/*notice*/
.vv-notice-item {position:relative}
.vv-notice-item .item-tip {background-color: #F15A24;border-radius: 15px;color: #FFFFFF;font-size: 12px;line-height: 14px;padding: 1px 5px;position: absolute;right: -4px;top: -4px;}

.vv-load-more {display: block; text-align: center}