.clear {
	clear: both;
}
.banghide {
	display: none !important;
}


.clearfix:before,
.clearfix:after {
	content: "";
	display: block;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}
/* icons */
.webIcon{
	display: inline-block;
	font-style: normal;
	background-image: url("http://os.ptpc120.com/xiaoyuan/common/images/icons.png");
	padding: 0!important;
	vertical-align: middle;
	margin-right: 10px;
}
.userName .webIcon{
	position: relative;
	top:0;
}
/*澶撮儴*/
.locationIco{height:16px;width:12px;background-position:-81px 0;}
.filesIco{height:16px;width:16px;background-position:-391px 0;}
.attachIco{height:16px;width:14px;background-position:-93px 0;}
.quanIco{height:20px;width:20px;background-position:-654px 0;}
.setIco{height:16px;width:16px;background-position:-215px 0;}
.videoIco{height:13px;width:20px;background-position:-534px 0;}
.starIco{height:20px;width:20px;background-position:-714px 0;}
.outIco{height:16px;width:16px;background-position:-375px 0;}
.listIco{height:16px;width:16px;background-position:-359px 0;}
.tuiIco{height:20px;width:18px;background-position:-496px 0;}
.arrow2Ico{height:6px;width:10px;background-position:-51px 0;}
.tikuIco{height:16px;width:16px;background-image: url("http://os.ptpc120.com/xiaoyuan/common/images/tikuIco.png");}
/*棣栭〉*/
.messageIco{height:16px;width:16px;background-position:-327px 0;margin-right: 5px;}
.heartIco{height:17px;width:16px;background-position:-343px 0;margin-right: 5px;margin-left:10px;}
/*璇剧▼璇︽儏*/
.playIco{height:16px;width:16px;background-position:-183px 0;}
/*涓汉涓績*/
.tsetIco{height:16px;width:16px;background-position:-231px 0;}
.tlistIco{height:16px;width:16px;background-position:-263px 0;}
.toutIco{height:16px;width:16px;background-position:-279px 0;}
.exportIco{height:20px;width:23px;background-position:-734px 0;}
/*
.icons{background:url(../images/icons.png) no-repeat ;}
.dot{height:6px;width:7px;background-position:0 0;}
.playarrow{height:11px;width:7px;background-position:-7px 0;}
.playarrow2{height:11px;width:7px;background-position:-14px 0;}
.arrow{height:6px;width:10px;background-position:-21px 0;}
.down{height:6px;width:10px;background-position:-31px 0;}
.arrow11{height:6px;width:10px;background-position:-41px 0;}
.arrow2{height:6px;width:10px;background-position:-51px 0;}
.fbl{height:17px;width:10px;background-position:-61px 0;}
.arrow22{height:6px;width:10px;background-position:-71px 0;}
.x{height:11px;width:14px;background-position:-107px 0;}
.playico2{height:15px;width:15px;background-position:-121px 0;}
.playico1{height:15px;width:15px;background-position:-136px 0;}
.radio{height:16px;width:16px;background-position:-151px 0;}
.radio2{height:16px;width:16px;background-position:-167px 0;}
.playIco{height:16px;width:16px;background-position:-183px 0;}
.bj{height:16px;width:16px;background-position:-199px 0;}
.tset{height:16px;width:16px;background-position:-231px 0;}
.zan{height:14px;width:16px;background-position:-247px 0;}
.tout{height:16px;width:16px;background-position:-279px 0;}
.del{height:16px;width:16px;background-position:-295px 0;}
.mclose{height:16px;width:16px;background-position:-311px 0;}
.tips{height:17px;width:17px;background-position:-407px 0;}
.infow{height:18px;width:18px;background-position:-424px 0;}
.bell{height:20px;width:18px;background-position:-442px 0;}
.info{height:18px;width:18px;background-position:-460px 0;}
.bell1{height:20px;width:18px;background-position:-478px 0;}
.upsj{height:12px;width:20px;background-position:-514px 0;}
.video1{height:13px;width:20px;background-position:-554px 0;}
.video2{height:13px;width:20px;background-position:-574px 0;}
.playico5{height:20px;width:20px;background-position:-594px 0;}
.playico4{height:20px;width:20px;background-position:-614px 0;}
.playico3{height:20px;width:20px;background-position:-634px 0;}
.star2{height:20px;width:20px;background-position:-674px 0;}
.star1{height:20px;width:20px;background-position:-694px 0;}
.star{height:20px;width:20px;background-position:-714px 0;}
.export{height:20px;width:23px;background-position:-734px 0;}
.userIco{height:23px;width:24px;background-position:-757px 0;}
.pwIco{height:26px;width:24px;background-position:-781px 0;}
.videos{height:30px;width:30px;background-position:-805px 0;}
.totoph{height:51px;width:50px;background-position:-835px 0;}
.totop{height:51px;width:50px;background-position:-885px 0;}
.zi{height:33px;width:107px;background-position:-935px 0;}


*/


/* icons */

/* scrollbar */
/* webkit */
.scrollbar::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
.scrollbar:hover::-webkit-scrollbar-thumb {
	background: #309ebc;
	border-radius: 10px;
	border-shadow: inset 1px 1px 0 #ff8931;
}
.scrollbar::-webkit-scrollbar-thumb {
	background: #309ebc;
	border-radius: 10px;
	border-shadow: inset 1px 1px 0 #309ebc;
}
.scrollbar::-webkit-scrollbar-track{
	border-radius: 10px;
	border-shadow: inset 0 0 6px #ff8931;
}
.scrollbar::-webkit-scrollbar-track-piece{
	border-radius: 10px;
	background: #3c4144;
	border-shadow: inset 1px 1px 0 #309ebc;
}
/* webkit */
/* ie */
.scrollbar{
	scrollbar-arrow-color: #309ebc; /* 娑撳顬戠粻顓炪仈閻ㄥ嫰顤侀懝锟�/
	scrollbar-face-color: #309ebc; /* 缁斿缍嬪姘З閺夛紕娈戞０婊嗗閿涘牆瀵橀幏顒傤唲婢舵挳鍎撮崚鍡欐畱閼冲本娅欓懝璇х礆 */
	scrollbar-3dlight-color: #309ebc; /* 缁斿缍嬪姘З閺夆�瀵掓潏鍦畱妫版粏澹�*/
	scrollbar-highlight-color: #309ebc; /* 濠婃艾濮╅弶锛勬畱妤傛ü瀵掓０婊嗗閿涘牆涔忛梼鏉戝閿涚噦绱�*/
	scrollbar-shadow-color: #309ebc; /* 缁斿缍嬪姘З閺夛繝妲捐ぐ杈╂畱妫版粏澹�*/
	scrollbar-darkshadow-color: #309ebc; /* 缁斿缍嬪姘З閺夆�顧囬梼鏉戝閻ㄥ嫰顤侀懝锟�/
	scrollbar-track-color: #3c4144; /* 缁斿缍嬪姘З閺壜ゅ剹閺咁垶顤侀懝锟�/
	scrollbar-base-color: #309ebc; /* 濠婃艾濮╅弶锛勬畱閸╅缚澹�*/
}


.noLogin {
	display: none;
}
.flexslider{
	min-width: 1200px;
}
#header {
	width: 100%;
	min-width: 1200px;
	z-index:9999;
}

#header .top {
	width: 100%;
	height: 40px;
	background: #3395ff;
}

.top .top-main {
	width: 1000px;
	height: 40px;
	background: #1c7ef3;
	margin: 0 auto;
}

.top-nav li {
	float: left;
	_display: inline;
	width: 198px;
	line-height: 40px;
	text-align: center;
	border-right: solid 1px #5facff;
}

.top-nav li:last-child{
	border-right: 0;
}

.top-nav li a {
	font-size: 14px;
	color: #cbebff;
}

.top-nav li img {
	vertical-align: middle;
	margin-right: 10px;
}

.header {
	width: 100%;
	background: #fff;
}

.header .head-main {
	width: 1200px;
	max-width: 1200px;
	height: 99px;
	margin: 0 auto;
	position: relative;
}

.head-main .logoPart,
.head-main .navPart {
	float: left;
	_display: inline;
}

.head-main .loginPart {
	float: right;
	_display: inline;
}

.loginBar{
	text-align: right;
	position: absolute;
	right:0;
}

.loginBar .loginBtn{
	font-size: 16px;
	background: #27bdff;
	color: #fff;
	display: inline-block;
	padding: 8px 16px;
	border-radius: 3px;
	margin-top: 33px;
}

.loginBar .loginBtn:hover{
	background: #3395FF;
}

.userPic.vko-user-small span.num{
	position: absolute;
	padding: 5px;
	background: #fa7252;
	line-height: 1;
	color: #fff;
	font-size: 11px;
	border: solid 2px #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	bottom: -2px;
	right: -2px;
}

.logoPart {
	max-width: 330px;
	line-height: 99px;
	margin-right: 4%;
}

.logoPart img {
	vertical-align: middle;
}

.navPart ul li {
	float: left;
	_display: inline;
	position: relative;
}

.navPart ul li a {
	display: block;
	width: 108px;
	height: 99px;
	line-height: 99px;
	text-align: center;
	font-size: 16px;
	color: #585858;
}

.navPart ul li.cur,
.navPart ul li:hover {
	color: #2678cf;
	background: url(http://os.ptpc120.com/xiaoyuan/common/images/bor.jpg) no-repeat center bottom;
}

.navPart ul li:hover a {
	color: #2678cf;
}

.navPart ul li.cur a {
	color: #2678cf;
}

.navPart ul li span.num{
	position: absolute;
	display: block;
	padding: 3px 5px;
	background: #fa7252;
	line-height: 1;
	color: #fff;
	font-size: 11px;
	border: solid 2px #fff;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	top: 27px;
	right: 14px;
}

.loginPart {
	width: 220px;
	border-top: solid 1px #EFF3F5;
}

.loginPart .user-info {
	display: none;
	float: left;
	_display: inline;
	width: 222px;
	position: relative;
	background: #ffffff;
}

.user-top {
	padding-top: 24px;
	padding-bottom: 25px;
	padding-left: 40px;
	border-left: solid 1px #EFF3F5;
	border-right: solid 1px #EFF3F5;
	cursor: pointer;
}

.user-top .userPic,
.user-top .userName {
	float: left;
	_display: inline;
}

.user-top .userName {
	width: 128px;
	height: 50px;
	line-height: 50px;
	position: relative;
	/*background: url(http://os.ptpc120.com/xiaoyuan/common/images/arrow2.png) no-repeat right center;*/
}

/* .user-info:hover .userName {
	background: url(http://os.ptpc120.com/xiaoyuan/common/images/arrow2.png) no-repeat right center;
} */

.user-top .userName p {
	/*width: 80%;
	color: #4b4b4b;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-icab-text-overflow: ellipsis;
	-khtml-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;*/
}

.user-top .userName span {
	color: #0575be;
	font-size: 14px;
	display: inline-block;
	float: left;
	margin-right: 5px;
}

.curRealname{
	padding-left: 5px;
	max-width: 54%;
	width: auto;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-icab-text-overflow: ellipsis;
	-khtml-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}

.user-top .userName i.webIcon{
	margin-right:5px;
}

.userList {
	display: none;
	position: absolute;
	left: 0;
	right: 1px;
	z-index: 9;
	width: 100%;
	padding-bottom: 8px;
	background: #FFFFFF;
}

.userList ul li a {
	display: block;
	line-height: 40px;
	padding-left: 50px;
	color: #616c7f;
	font-size: 14px;
}

.userList ul li a:hover {
	background: #F7FAFF;
}

.userList ul li a img {
	vertical-align: middle;
	margin-right: 20px;
}


/*footer*/

#footer {
	width: 100%;
	min-width: 1200px;
	background: url(http://os.ptpc120.com/xiaoyuan/common/images/foot.jpg) no-repeat center center;
	background: #1C7FF4\9;
	background-size: cover;
}

.footer {
	width: 1200px;
	max-width: 1200px;
	text-align: center;
	padding: 27px 0;
	margin: 0 auto;
}

.foot a,
.foot i {
	color: #FFFFFF;
	font-size: 14px;
	font-style: normal;
	line-height: 30px;
}

.foot a {
	padding: 0 10px;
}

.footer p span {
	line-height: 20px;
	color: #FFFFFF;
	font-size: 12px;
	margin-right: 10px;
}


/*side-bar*/

#side-bar {
	position: fixed;
	right: 10px;
	bottom: 15%;
	margin-left: 496px;
	z-index: 9999;
}

#side-bar li {
	margin-bottom: 6px;
}

#side-bar li a {
	display: block;
	width: 50px;
	height: 51px;
	font-size: 14px;
	color: #666;
	line-height: 51px;
	text-align: center;
	background: #dae5f6;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: relative;
}

#side-bar li a.totop {
	background: url(http://os.ptpc120.com/xiaoyuan/common/images/totop.png) no-repeat center;
}

#side-bar li a.totop.cur,
#side-bar li a.totop:hover {
	background: url(http://os.ptpc120.com/xiaoyuan/common/images/totoph.png) no-repeat center;
}

#side-bar li a.cur,
#side-bar li a:hover {
	color: #fff;
	background: #27bdff;
}

#side-bar li a.infoa img {
	vertical-align: middle;
}

#side-bar li a.infoa span.num {
	position: absolute;
	padding: 3px 5px;
	background: #fa7252;
	line-height: 1;
	color: #fff;
	font-size: 11px;
	border: solid 2px #fff;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	top: 6px;
	left: 24px;
}


/*other*/

.backnone {
	background: none!important;
}

.bornone {
	border: none!important;
}


/*page*/

.pageBar {
	width: 100%;
	padding: 10px 0;
	background: #fff;
	text-align: right;
	max-width: 1200px;
	margin: 0 auto 130px;
}

.pageBar a {
	text-decoration: none;
	color: #6d6d6d;
}

.pageBar a,
.pageBar span {
	display: inline-block;
	padding: 9px;
	margin-right: 6px;
	font-size: 12px;
	border-radius: 2px;
	border: solid 1px #fff;
}

.pageBar .current {
	background: #27bdff;
	color: #fff;
	border: solid 1px #27bdff;
}

.pageBar a:hover,
.pageBar span:hover {
	border: solid 1px #e4e4e4;
}

.pageBar .current.prev,
.pageBar .current.next {
	color: #333;
	border-color: #d9d9d9;
	background: #fff;
}

.nothing {
	display: none;
	width: 1200px;
	margin: 0 auto;
	height: 316px;
}

.nothing p {
	font-size: 16px;
	color: #585858;
	line-height: 316px;
	text-align: center;
}


/*閻劍鍩涙径鏉戝剼*/

.userPic {
	position: relative;
}

.userPic a {
	display: block;
}

.vko-user-large.userPic,
.vko-user-large.userPic a {
	width: 140px;
	height: 140px;
}

.vko-user-mid.userPic,
.vko-user-mid.userPic a {
	width: 100px;
	height: 100px;
}

.vko-user-small.userPic,
.vko-user-small.userPic a {
	width: 50px;
	height: 50px;
}

.userPic a img {
	width: 100%;
	height: 100%;
}

.userPic i.vko-user {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: url(http://os.ptpc120.com/xiaoyuan/common/images/vkouser_mask.png) no-repeat;
}

.vko-user-large.userPic i {
	width: 140px;
	height: 140px;
	background: url(http://os.ptpc120.com/xiaoyuan/common/images/vkouser_l.png) no-repeat;
}

.vko-user-mid.userPic i {
	width: 100px;
	height: 100px;
	background-position: 0 0;
}

.vko-user-small.userPic i {
	width: 50px;
	height: 50px;
	background-position: 0 -200px;
}
/*鍙嶉*/
.masker {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 900;
	display: none;
}
.LeaveMessage{
	width: 820px;
	margin: 12% auto 0;
	position: relative;
	z-index:999;
	display: none;
}
.LeaveMessage span.mclose {
	display: block;
	width: 50px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
	vertical-align: middle;
	position: absolute;
	top: 0;
	right: 0;
}

.LeaveMessage .title{
	font-size: 16px;
	color: #ffffff;
	padding-left: 20px;
	line-height:50px;
	background: url("http://os.ptpc120.com/xiaoyuan/common/images/fktitle.png") no-repeat center;
}
.message{
	padding:20px 30px 60px 40px;
	background: #ffffff;
}
.message .msgTips{
	color: #585858;
	font-size: 14px;
	line-height: 20px;
	margin-bottom:20px;
}
.msgCont p{
	color: #585858;
	font-size: 14px;
	line-height: 30px;
}
.msgCont textarea{
	width: 740px;
	height:140px;
	color: #505050;
	font-size: 14px;
	border:solid 1px #c8c9c9;
	resize: none;
	margin-bottom: 10px;
}
.msgCont p.tijiao{
	position: relative;
}
.msgCont p span.addqq{
	color: #505050;
	font-size:14px;
	font-weight: bold;
	padding-left: 30px;
	position: absolute;
	left:0;
}
.msgCont .addqq i{
	display: block;
	width: 22px;
	height: 20px;
	background: url("http://os.ptpc120.com/v8/index/images/qqsimida.png") no-repeat 0 0;
	position: absolute;
	left:0;
	top:6px;
}
.msgCont a.tijiaoBtn{
	display: inline-block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	background: #1c96f6;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	position: absolute;
	right:0;
}
/*閿欒椤甸潰*/
.error{
	width: 1200px;
	margin: 60px auto 60px;
	text-align: center;
	overflow: hidden;
	min-height: 600px;
	position: relative;
}
.error img{
	text-align: center;
}
.errorBack{
	width: 135px;
	height: 31px;
	position: absolute;
	top: 240px;
	left:560px;
}
.errorBack a{
	display: block;
	width: 135px;
	height: 31px;
	position: relative;
}
.errorBack a i{
	font-style: normal;
	font-size: 23px;
	color: #DBDDDD;
	line-height: 34px;
	position: absolute;
	left:0;
	top: 0;
	cursor: default;
}
.errorBack a img.backPic1{
	position: absolute;
	left: 14px;
	top:0;
	cursor: default;
}
.errorBack a img.backPic2{
	position: absolute;
	left: 70px;
	top:0;
	cursor: pointer;
}
.log_right dl dd.lr_wx a:hover {
	background: url(/vko/images/newweb/login-wx-2.jpg) left center no-repeat;
}
.log_right dl dd.lr_wx a {
	background: url(/vko/images/newweb/login-wx-1.jpg) left center no-repeat;
}