body {background: #F1F1F1;}

h1 {padding: 0; margin: 0 0 10px 6px; }
h1.well-title {font-size: 20px; margin-bottom: 20px;}

header {position: relative; z-index: 99;}
header .nav-top {padding: 5px 0; }
header .nav-top ul li a {padding: 2px 10px; color: #9d9d9d;}
header .nav-top ul.social {float: left;}
header .nav-top ul.social li a:hover {color: #131313;}
header .nav-top ul.top-menu {float: right;}
header .nav-content {
	padding: 0;
	margin: 0;
}

#menu-main {margin-bottom: 10px;}

footer {width: 100%; text-align: center;}
footer span {font-size: 11px;}

.navbar > li {margin: 0;}

.logo {float: left;
    text-align: left;
    padding: 10px 0;
    font-size: 28px;
    font-weight: bold;}
.search {width: 30%; float: right;margin-top:10px;margin: 10px 0px;}

#search-form {margin-top: 5px;}

ul.videos, ul.thumbs, ul.users, ul.categories,
ul.albums, ul.photos, ul.models, ul.channels, ul.playlists {
	list-style-type: none;
	margin:0;
	padding: 0;
}

ul.videos li, ul.thumbs li, ul.users li, ul.categories li,
ul.albums li, ul.photos li, ul.models li, ul.channels li, ul.playlists li {
	float: left;
	width: 90%;
	height: auto;
	margin: 0 4px 0 4px;
}

ul.videos li div.video-thumb img, ul.thumbs li img, ul.users li img, ul.categories li img,
ul.albums li div.album-thumb img, ul.photos li div.photo-thumb img, ul.models li img, ul.channels li img, ul.playlists li img {width: 100%; height: 100%; object-fit: cover;}

.user {width: 100%; text-align: center;}
.video, .user, .category, .album, .photo, .model, .channel, .playlist {position: relative;}
.video a, .user a, .category a, .album a, .photo a, .model a, .channel a, .playlist a {text-decoration: none;}
.video-title, .playlist-title {
    width: 80%;
    overflow: hidden;
    height: 30px;
    line-height: 14px;
    display: block;
    font-weight: bold;
}
.video-rating, .playlist-rating {
	width: 34px;
	height: 30px;
	float: right;
	margin: 4px 0;
	text-align: center;
	font-size: 12px;
}

.video-details {
	width: 100%;
	display: block;
	height: 16px;
	font-size: 11px;
	background: #f7f7f7;
}

.video-overlay {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 11px;
}

.video-thumb {position: relative;overflow: hidden;width: 100%;height: 140px;border-radius:7px;box-shadow: #212332 2px 2px 5px 3px;center no-repeat;background-size: cover;}
.video-premium {
	position: absolute;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	bottom: 0;
	left: 0;
	padding: 3px 0;
	color: #ffffff;
	background: #d9534f;
}

.user-overlay, .category-overlay {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 11px;	
}

.category-title {font-weight: bold; width: 100%; text-align: center;}

.navigation {padding: 0; margin: 0;}
.navigation {margin: 0; padding: 0;}
.navigation li a {padding-top: 1px; padding-bottom: 1px;}
.subcategories li a {padding-left: 30px;}
.navigation li.active {font-weight: bold; background: #f1f1f1;}
.navigation li.subcategory a {padding-left: 30px;}

.transparent {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  -moz-opacity:0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
}

.btn-float {float: right; margin-right: 10px;}

.ads, .ads-responsive {
    width: 100%;
    text-align: center;
    padding: 0 0 5px 0;
    overflow: hidden;
}
    
.ads-square {
    width: 310px;
    height: 100%;
    float: right;
    text-align: center;
    overflow: hidden;
}

.ads-footer {
	text-align: center;
	max-height: 250px;
	max-width: 1220px;
	margin: 0 auto;
	overflow: hidden;
}

.adv-footer {
	width: 300px;
	height: 250px;
	float: left;
	margin-right: 5px;
}

.ads-player {
	width: 100%;
	text-align: center;
}

.ads-center {display: inline-block;}

.ads img, .ads-square img,
.ads-footer img, .ads-player img {max-width: 100%; height: auto;}
.ads-player iframe {max-width: 100%;}

.profile-item {width: 100%; display: block;}
.profile-item span {font-weight: bold;}

.margin-top-10 {margin-top: 10px;}
.margin-left-5 {margin-left: 5px;}
.margin-bottom-10 {margin-bottom: 10px;}
.margin-bottom-5 {margin-bottom: 5px;}
.no-padding {padding: 0;}
.no-border-top {border-top: 0;}

.btn-playlist {
	position: absolute;
	top: 10px;
	left: 10px;
}

.advantages {padding: 3px 0 3px 10px; font-weight: bold; font-size: 14px;}
.none {padding: 50px 0; width: 100%; text-align: center; font-weight: bold;}
.offline {margin: 10px 0;}
.none-private {padding: 100px 0; width:100%; text-align: center; font-weight: bold;  background-repeat: no-repeat; background-position: center center;}
.private {position: absolute; top: 4px; left: 4px; background: #000000;}
.well-small {padding: 10px 5px 0 5px; }
.btn-submit {margin-left: 5px;}

.panel {margin-bottom: 0px;background-color: #2A2D3E;border: 0px solid transparent;}
.panel-heading h2.panel-title, .panel-heading h1.panel-title {font-size: 1.8em; margin-left: 0;}
.panel-padding {padding: 10px 5px;}

.img-active {border: 1px solid #31708f;}
.img-selected {background: #2e2e2e;}

.tab-pane {min-height: 120px;}
.post-comment {margin: 10px 0 0 5px; }
.media {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
}
.media-heading span {font-weight:bold;}

#avatar {width: 300px; }
#avatar img {max-width: 100%;}
.profile-picture img, .comment-picture img {max-width: 100%;}
#no-comments {width: 100%; padding: 50px 0; text-align: center; font-weight: bold;}
.btn-thumb {margin: 0; padding: 0;}
.img-avatar {width: 70px; display: block; position: relative;}

.content {
  display: block;
  padding: 4px 0;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
}

.content-video {border-top: 0; padding-top: 0; }
.content-title {width: 100%; font-weight: bold; margin-bottom: 5px; display: block;}
.content-left {width: 49%; float: left; margin-left: 10px;}
.content-right {width: 49%; float: right;}

.inverse {
	background-color: #222222;
	border-color: #080808;
}

.playlist-thumb {margin-bottom: 5px;}
.playlist-actions {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 50px;
}

.channel {text-align: center; font-weight: bold;}
.channel-overlay {position: absolute; top: 10px; left: 10px;}

.model-overlay {position: absolute; top: 10px; }
.model-title {width: 100%; text-align: center; display: block; font-weight: bold;}

#rating {font-size: 11px; width: 100px; padding-left: 3px; padding-right: 3px; }
.progress {margin: 0; padding: 0; height: 10px;}

.actions-container {padding: 0 5px;}
.actions-container.row {max-height:50px !important}
.actions-left {float: left;}
.actions-right {float: right;}

ul.links {list-style-type: none; padding: 0; margin: 0;}
ul.links li {width: 49%; float: left; padding: 3px 2px;}
ul.links li a {display: block;}ner {padding: 0 5px;}

.fa-block {display: block;}

.album-overlay {position: absolute; top: 10px; left: 10px; font-size: 11px;}
.album-title {width: 100%; height: 20px; display: block; overflow: hidden;}
.album-thumb, .photo-thumb {position: relative; overflow: hidden;}
.album-private, .video-private, .photo-private {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: 32.2%;
    padding-bottom: 92.2%;
    color: #ffffff;
    text-align: center;
    background: #000000;
    top: 0;
    left: 0;
    line-height: 100%;
    font-size: 1.2em;
    font-weight: bold;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.photo-private {
}

.video-private {
	padding-top: 18%;
	padding-bottom: 30%;
}
.pagination li.cur a{background-color: #ffcf26;color: #444 !important;}
.dropdown-menu li.current a { background-color: #444 !important;color: #fff !important;}

.mac_pop{width: 90% !important;padding: 25px 2% !important;margin-left: 3% !important;}
.mac_login{width: 100% !important;}
.mac_comment{height: auto;}

.search-button{width:40px;height:35px;line-height:35px;overflow:hidden;border:0;display:block;color:#fff;border-top-right-radius:4px;border-bottom-right-radius:4px}

@media (max-width: 1200px) and (min-width: 810px) {
	.hiddem-m {display: none;}
	.category-count {display: none;}
}

@media (max-width: 960px) {
	#video .left, #album .left, #photo .left, #channel .left {width: 100%; margin-right:0;}
	#video .right, #album .right, #photo .right, #channel .right {width: 0; display: none;}
	
	.ads-responsive img, .ads-responsive iframe {max-width: 100%; height: auto;}
	#album .content-container, #photo .content-container {max-height: none;}
	div#share-container.content-container {max-height: none;}	
}

@media (max-width: 767px) {
	.logo {width: 100%; text-align: center; display: block; float: none; height: 50px; }
	.logo img {width: auto; max-height: 60px;}
	.search {margin: 0 70px 0 0; float: left; }
	
	#menu-main {
		float: right;
        margin-top: 0px;
        position: absolute;
        width: 35%;
        top: 90px;
        right: 5px;
        border-radius: 4px;
	}
	
	#menu-main ul.navbar-nav li {text-align: center;}
	
	#menu-main .navbar-menu {
    color: #ffffff;
    font-weight: bold;
    padding: 5px 0px;
    margin-right: 5px;
    border: 0;
    font-size: 14px;}
	#menu-main .navbar-menu:hover {background: none;}
	
	ul.videos li {width: 48%; margin: 0 0 0 6px;}
	ul.playlists li {width: 48%; margin: 0 0 0 6px;}
	ul.thumbs li {width: 48%; margin: 5px 0 5px 6px;}
	ul.users li {width: 32.2%; margin: 5px 5px 5px 6px;}
	ul.users-profile li {width: 32.5%; margin: 5px 6px 5px 6px;}
	ul.albums li {width: 31%; margin: 5px 2px 5px 6px;}
	ul.photos li {width: 32%; margin: 5px 2px 5px 4px;}
	ul.models li {width: 48%; margin: 5px 4px 5px 6px;}
	ul.channels li {width: 47.5%; margin: 5px 4px 5px 6px;}	
	ul.channels li a img {max-height: 200px;}
	ul.categories li {width: 46%; margin: 0 6px 0 6px;}
	ul.categories li a img {max-height: 250px;}
	ul.links li {width: 33%;}
	
	.content-left {margin-left: 0;}
	
    .video-title, .playlist-title {width: 100%; font-weight: 500; text-align: center; overflow: hidden;}
	.video-title {
    width: 100% !important;
    padding: 8px 2px !important;
    margin: 0em !important;
    height: 36px;
}

    .video-rating {position: absolute; bottom: 45px; right: 10px;}
	
	.navbar-brand img {max-height: 40px;}
	.btn-float {float: none; margin: 0 0 10px 10px;}
	
	.padding-mobile {padding-top: 10px;}

	#video .left {width: 100%; margin-right:0;}
	#video .right {width: 0; display: none;}

	.btn-mb,
	.btn-group-mb > .btn {
		padding: 5px 10px;
		font-size: 12px;
		line-height: 1.5;
		border-radius: 3px;	
	}

	#rating {height: 30px; padding-top: 0; padding-bottom: 0;}
	.progress {height: 7px;}

	.blog-left {width: 736px;}
	.blog-right {width: 736px;}
    .blog-video {width: 640px; height: 360px;}
    .blog-photo {width: 590px;}
}

@media (max-width: 1024px) {
	.no-text {display: none;}	
}

@media (max-width: 641px) {
	.blog-left {width: 618px;}
	.blog-right {width: 618px;}
    .blog-video {width: 580px; height: 310px;}
    .blog-photo {width: 580px;}
}

@media (max-width: 481px) {
	header .nav-top {height: 60px;}
	header .nav-top .container {text-align: center;}
	header .nav-top ul {float: none; width: 100%; text-align: center;}
	header .nav-top ul li {
		float:none;
	    display:inline-block;
	    *display:inline; 
	     zoom:1; 
	}
	header .logo {width: 100%;
    text-align: left;
    padding: 10px 10px;
    font-size: 20px;
    font-weight: bold;
    background-color: #fd8c84;}
	header .logo a {color: #fff;}	
	header .search {width: 100%;}
	header #menu-main {top: 0px; z-index: 100;}
    .video-thumb {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 110px;
    border-radius: 7px;
    /* box-shadow: darkgrey 2px 2px 5px 3px; */
}	
	ul.videos li {width: 49%; margin: 0.5% 0 0 0.5%; display: inline-block;}

	ul.models li {width: 48%; margin: 5px 4px 5px 6px;}
	ul.albums li {width: 212px; margin: 5px 2px 5px 4px;}

	ul.photos li {width: 216px; margin: 5px 2px 5px 6px;}

	ul.categories li {width: 208px; margin: 0 6px 0 6px;}	
	ul.categories li a img {width: 204px; height: 250px;}
	ul.channels li {width: 206px; margin: 5px 4px 5px 6px;}
	ul.channels li a img {width: 202px; height: 148px;}
	ul.users li {width: 47%; margin: 5px 3px 5px 6px;}
	ul.links li {width: 49%;}

	img.channel-thumb {float: none; margin: 0 auto; width: 100%;}
	.content-left, .content-right {width: 100%; float: none;}	

	.blog-left {width: 458px;}
	.blog-right {width: 458px;}
    .blog-video {width: 426px; height: 260px;}
    .blog-photo {width: 426px;}
	.link li {width:20%;}
	.dizhi li{width:25%;height:28px;}
	.dizhi li a{line-height:25px;}
	.dizhi p {line-height:25px;}
	
}

@media (max-width: 401px) {
	ul.channels li {width: 170px; margin: 5px 4px 5px 6px;}
	ul.channels li a img {width: 166px; height: 122px;}
	ul.categories li {width: 168px; margin: 0 6px 0 6px;}
	ul.categories li a img {width: 164px; height: 202px;}
}

@media (max-width: 321px) {
	header .nav-top {height: 60px;}
	#menu-main {width: 110px;}

	ul.videos li {width: 49%; margin: 0.5% 0 0 0.5%;}

	ul.playlists li {width: 96%; margin: 5px 4px 5px 6px;}
	ul.thumbs li {width: 18%; margin: 5px 6px 5px 6px;}
	ul.users li {width: 47%; margin: 5px 3px 5px 6px;}
	ul.albums li {width: 270px; margin: 5px 2px 5px 6px;}

	ul.photos li {width: 280px; margin: 5px 4px 5px 6px;} 

	ul.models li {width: 98%; margin: 5px 4px 5px 6px;}
	ul.categories li {width: 96%; margin: 0 6px 0 6px;}
	ul.channels li {width: 276px; margin: 5px 4px 5px 4px;}
	ul.links li {width: 49%;}
	
	img.channel-thumb {float: none; margin: 0 auto; width: 100%;}
	.content-left, .content-right {width: 100%; float: none;}	
	
	.blog-left {width: 296px;}
	.blog-right {width: 296px;}
    .blog-video {width: 266px; height: 160px;}
    .blog-photo {width: 266px;}	
}

@media (min-width: 768px) {
	.container {
  		width: 758px;
	}

	.navbar-nav > li > a {padding-left: 10px; padding-right: 10px; margin-left: 0; margin-right: 0;}

	ul.videos li {width: 222px; margin: 0 8px 0 6px;}

	ul.playlists li {width: 23%; margin: 0 8px 0 6px;}
	ul.videos-profile li {width: 47%; margin: 0 6px 0 6px;}
	ul.thumbs li {width: 21%; margin: 5px 2px 5px 6px;}
	ul.users li {width: 15%; margin: 5px 5px 5px 6px;}
	ul.users-profile li {width: 22%; margin: 5px 6px 5px 6px;}
	ul.albums li {width: 236px; margin: 5px 2px 5px 4px;}

	ul.albums-profile li {width: 218px; margin: 5px 6px 5px 6px;}
	ul.photos li {width: 236px; margin: 5px 2px 5px 6px;}

	ul.models li {width: 172px; height: 270px; margin: 5px 4px 5px 6px;}
	ul.channels li {width: 236px; margin: 5px 4px 5px 4px;}	
	ul.channels li a img {width: 230px; height: 168px;}
	ul.categories li {width: 234px; margin: 0 6px 0 4px;}
	ul.categories li a img {width: 230px; height: 282px;}
	ul.links li {width: 33%;}

	.video-title {width: 75%;}

	.dl-horizontal dt {
  		width: 120px;
  		text-align: left;
	}
	
	.dl-horizontal dd {
  		margin-left: 130px;
	}

	.btn-mb,
	.btn-group-mb > .btn {
		padding: 10px 16px;
		font-size: 18px;
		line-height: 1.3333333;
		border-radius: 6px;
	}

	.blog-left {width: 746px; }
	.blog-right {width: 746px;}
    .blog-video {width: 640px; height: 360px;}
    .blog-photo {width: 590px;}
}

@media (min-width: 800px) {
	.container {
  		width: 788px;
	}
	
	.navbar-nav > li > a {padding-left: 10px; padding-right: 10px; margin-left: 0; margin-right: 0;}

	ul.videos li {width: 180px; margin: 0 6px 0 6px;}

	ul.playlists li {width: 20%; margin: 0 6px 0 6px;}		
	ul.videos-profile li {margin: 0 6px 0 6px;}
	ul.thumbs li {width: 21%; margin: 5px 2px 5px 6px;}
	ul.users li {width: 15%; margin: 5px 5px 5px 6px;}
	ul.users-profile li {margin: 5px 4px 5px 6px;}
	ul.albums li {width: 184px; margin: 5px 2px 5px 4px;}

	ul.albums-profile li {width: 164px; margin: 5px 3px 5px 6px;}
	ul.photos li {width: 182px; margin: 5px 6px 5px 6px;}

	ul.models li {width: 182px; height: 290px; margin: 5px 2px 5px 6px;}
	ul.channels li {width: 246px; margin: 5px 4px 5px 4px;}
	ul.channels li a img {width: 240px; height: 176px;}
	ul.categories li {width: 180px; margin: 0 6px 0 4px;}
	ul.categories li a img {width: 176px; height: 216px;}
	ul.links li {width: 20%;}

	.blog-left {width: 776px; }
	.blog-right {width: 776px;}
    .blog-video {width: 640px; height: 360px;}
    .blog-photo {width: 590px;}
}

@media (min-width: 854px) {
	.container {
  		width: 834px;
	}

	.navbar-nav > li > a {padding-left: 10px; padding-right: 10px; }
	
	ul.videos li {width: 23%; margin: 0 10px 0 6px;}		
	ul.playlists li {width: 23%; margin: 0 10px 0 6px;}		
	ul.thumbs li {width: 19%; margin: 5px 6px 5px 6px;}
	ul.users li {width: 15%; margin: 5px 5px 5px 6px;}
	ul.albums li {width: 24%; margin: 5px 2px 5px 4px;}
	ul.albums-profile li {width: 164px; margin: 5px 3px 5px 6px;}
	ul.photos li {width: 23.5%; margin: 5px 6px 5px 6px;}
	ul.models li {width: 182px; height: 290px; margin: 5px 2px 5px 6px;}
	ul.channels li {width: 24%; margin: 5px 4px 5px 6px;}	
	ul.categories li {width: 23%; margin: 0 6px 0 4px;}
	ul.links li {width: 20%;}

	.blog-left {width: 510px; }
	.blog-right {width: 310px;}
    .blog-video {width: 480px; height: 260px;}
    .blog-photo {width: 590px;}
}

@media (min-width: 960px) {
	.container {
  		width: 942px;
	}

	.navbar-nav > li > a {padding-left: 20px; padding-right: 20px; }

	ul.videos li {width: 23%; margin: 0 8px 0 6px;}		
	ul.playlists li {width: 23%; margin: 0 8px 0 6px;}		
	ul.videos-profile li {width: 31%; margin: 0 10px 0 6px;}
	ul.thumbs li {width: 19%; margin: 5px 3px 5px 6px;}
	ul.users li {width: 15%; margin: 5px 8px 5px 6px;}
	ul.users-profile li {margin: 5px 4px 5px 6px;}
	ul.albums li {width: 24%; margin: 5px 2px 5px 4px;}
	ul.albums-profile li {width: 164px; margin: 5px 3px 5px 6px;}
	ul.photos li {width: 18.7%; margin: 5px 6px 5px 6px;}
	ul.photos-profile li {width: 23.2%; margin: 5px 6px 5px 6px;}
	ul.models li {width: 182px; height: 290px; margin: 5px 2px 5px 6px;}
	ul.channels li {width: 19.3%; margin: 5px 4px 5px 4px;}	
	ul.categories li {width: 23.4%; margin: 0 6px 0 6px;}
	ul.links li {width: 20%;}

	.ads-square {width: 360px; height: 410px;}

	.blog-left {width: 610px; }
	.blog-right {width: 310px;}
    .blog-video {width: 580px; height: 300px;}
    .blog-photo {width: 590px;}
}

@media (min-width: 992px) {
	.container {
  		width: 982px;
	}

	ul.videos li {width: 23%; margin: 0 8px 0 6px;}		
	ul.playlists li {width: 23%; margin: 0 8px 0 6px;}		
	ul.videos-profile li {width: 31%; margin: 0 10px 0 6px;}
	ul.thumbs li {width: 19%; margin: 5px 3px 5px 6px;}
	ul.users li {width: 15%; margin: 5px 8px 5px 6px;}
	ul.users-profile li {margin: 5px 4px 5px 6px;}
	ul.albums li {width: 24%; margin: 5px 2px 5px 4px;}
	ul.albums-profile li {width: 164px; margin: 5px 3px 5px 6px;}
	ul.photos li {width: 18.7%; margin: 5px 6px 5px 6px;}
	ul.photos-profile li {width: 23.2%; margin: 5px 6px 5px 6px;}
	ul.models li {width: 182px; height: 290px; margin: 5px 2px 5px 6px;}
	ul.channels li {width: 19.3%; margin: 5px 4px 5px 4px;}	
	ul.categories li {width: 23.4%; margin: 0 6px 0 6px;}
	ul.links li {width: 20%;}

	.ads-square {width: 360px; height: 410px;}

	.blog-left {width: 630px; }
	.blog-right {width: 310px;}
    .blog-video {width: 590px; height: 310px;}
    .blog-photo {width: 590px;}
}

@media (min-width: 1024px) {
	.container {
  		width: 990px;
	}

	ul.videos li {width: 23.7%; margin: 0 6px 0 6px;}

	ul.playlists li {width: 23%; margin: 0 6px 0 6px;}		
	ul.thumbs li {width: 19%; margin: 5px 3px 5px 6px;}
	ul.users li {width: 12%; margin: 5px 3px 5px 6px;}
	ul.albums li {width: 194px; margin: 5px 2px 5px 4px;}

	ul.photos li {width: 230px; margin: 5px 6px 5px 6px;}

	ul.photos-profile li {width: 23.4%; margin: 5px 6px 5px 6px;}
	ul.models li {width: 184px; height: 300px; margin: 5px 3px 5px 6px;}
	ul.channels li {width: 232px; margin: 5px 4px 5px 4px;}	
	ul.channels li a img {width: 228px; height: 166px;}
	ul.categories li {width: 190px; margin: 0 6px 0 4px;}
	ul.categories li a img {width: 186px; height: 226px;}
	ul.links li {width: 20%;}
	
	#album.row div#share-container.content-container {max-height: 120px !important; overflow: none;}
	#video.row div#share-container.content-container {max-height: 220px !important; overflow: none;}

	.ads-square {width: 480px; height: 520px;}

	.blog-left {width: 660px; }
	.blog-right {width: 310px;}
    .blog-video {width: 620px; height: 350px;}
    .blog-photo {width: 625px;}
}

@media (min-width: 1150px) {
    .container {width: 1140px;}

	ul.videos li {width: 23%; margin: 0 6px 0 6px;}		
	ul.playlists li {width: 23%; margin: 0 6px 0 6px;}		
	ul.thumbs li {width: 18%; margin: 5px 6px 5px 6px;}
	ul.users li {width: 12%; margin: 5px 3px 5px 6px;}
	ul.albums li {width: 19%; margin: 5px 2px 5px 4px;}
	ul.photos li {width: 15.8%; margin: 5px 6px 5px 4px;}
	ul.photos-profile li {width: 23.4%; margin: 5px 6px 5px 6px;}
	ul.models li {width: 184px; height: 300px; margin: 5px 3px 5px 6px;}
	ul.channels li {width: 19.3%; margin: 5px 4px 5px 4px;}	
	ul.categories li {width: 23.8%; margin: 0 6px 0 4px;}
	ul.links li {width: 20%;}

	.ads-square {width: 480px; height: 468px;}

	.blog-left {width: 810px;}
	.blog-right {width: 310px;}
    .blog-video {width: 640px; height: 360px;}
    .blog-photo {width: 625px;}
}

@media (min-width: 1200px) {
    .container {width: 1190px;}
	.container-item {width: 1190px !important;}

	ul.videos li {width: 23%; margin: 0 12px 0 6px;}		
	ul.playlists li {width: 23%; margin: 0 12px 0 6px;}		
	ul.videos-profile li {width: 24%; margin: 0 2px 0 6px;}
	ul.thumbs li {width: 19%; margin: 5px 3px 5px 6px;}
	ul.users li {width: 11.5%; margin: 5px 4px 5px 6px;}
	ul.users-profile li {margin: 5px 2px 5px 6px;}
	ul.albums li {width: 19%; margin: 5px 2px 5px 4px;}
	ul.albums-profile li {width: 200px; margin: 5px 3px 5px 6px;}
	ul.photos li {width: 15.8%; margin: 5px 6px 5px 4px;}
	ul.photos-profile li {width: 23.4%; margin: 5px 6px 5px 6px;}
	ul.models li {width: 184px; height: 300px; margin: 5px 3px 5px 6px;}
	ul.channels li {width: 19.3%; margin: 5px 4px 5px 4px;}	
	ul.categories li {width: 23.8%; margin: 0 6px 0 4px;}
	ul.links li {width: 20%;}
	
	.navigation li a {font-weight: bold;}
	.ads-square {width: 480px; height: 368px;}

	.blog-left {width: 860px;}
	.blog-right {width: 310px;}
}

@media (min-width: 1280px) {
	.container {width: 1270px;}
	.container-item {width: 1232px !important;}

	ul.videos li {width: 238px; margin: 0 14px 0 6px;}

	ul.playlists li {width: 23%; margin: 0 14px 0 6px;}
	ul.videos-profile li {width: 24%; margin: 0 2px 0 6px;}
	ul.thumbs li {width: 19%; margin: 5px 3px 5px 6px;}
	ul.users li {width: 11.5%; margin: 5px 6px 5px 6px;}
	ul.users-profile li {margin: 5px 2px 5px 6px;}
	ul.albums li {width: 198px; margin: 5px 4px 5px 4px;}
	ul.albums lig a img {width: 194px; height: 242px;}
	ul.albums-profile li {width: 220px; margin: 5px 3px 5px 6px;}
	ul.photos li {width: 198px; margin: 5px 6px 5px 4px;}

	ul.photos-profile li {width: 23.6%; margin: 5px 6px 5px 6px;}
	ul.models li {width: 193px; height: 300px; margin: 5px 10px 5px 6px;}
	ul.channels li {width: 240px; margin: 5px 4px 5px 4px;}
	ul.channels li a img {width: 240px; height: 176px;}
	ul.categories li {width: 196px; margin: 0 6px 0 4px;}
	ul.categories li a img {width: 192px; height: 236px;}

	.ads-square {width: 500px; height: 494px; }
	ul.links li {width: 14%;}

	.blog-left {width: 940px;}
	.blog-right {width: 310px;}
}

@media (min-width: 1366px) {
	.container {width: 1340px;}
	.container-item {width: 1232px !important;}

	ul.videos li {width: 23.5%; margin: 0 6px 0 8px;}

	ul.playlists li {width: 16%; margin: 0 6px 0 6px;}
	ul.videos-profile li {margin: 0 2px 0 6px;}
	ul.related li {width: 19%; margin: 0 3px 0 6px;}
	ul.thumbs li {width: 19%; margin: 5px 3px 5px 6px;}
	ul.users li {width: 11.5%; margin: 5px 10px 5px 6px;}
	ul.users-profile li {margin: 5px 6px 5px 6px;}
	ul.albums li {width: 210px; margin: 5px 3px 5px 4px;}

	ul.albums-profile li {width: 224px; margin: 5px 3px 5px 6px;}
	ul.photos li {width: 210px; margin: 5px 6px 5px 4px;}

	ul.photos-profile li {width: 11.7%; margin: 5px 2px 5px 6px;}
	ul.models li {width: 190px; height: 300px; margin: 5px 8px 5px 6px;}
	ul.channels li {width: 254px; margin: 5px 4px 5px 4px;}
	ul.channels li a img {width: 250px; height: 182px;}
	ul.categories li {width: 208px; margin: 0 6px 0 4px;}
	ul.categories li a img {width: 204px; height: 250px;}

	.ads-square {width: 500px; height: 524px;}
	ul.links li {width: 14%;}

	.blog-left {width: 1010px;}
	.blog-right {width: 310px;}
}

@media (min-width: 1440px) {
	.container {width: 1420px;}
	.container-item {width: 1232px !important;}

	ul.videos li {width: 24%; margin: 0 3px 0 6px;}		

	ul.playlists li {width: 29%; margin: 0 3px 0 6px;}		
	ul.related li {width: 19%; margin: 0 3px 0 6px;}
	ul.thumbs li {width: 19%; margin: 5px 3px 5px 6px;}
	ul.users li {width: 11.5%; margin: 5px 7px 5px 6px;}
	ul.albums li {width: 224px; margin: 5px 3px 5px 4px;}

	ul.photos li {width: 222px; margin: 5px 6px 5px 6px;}

	ul.models li {width: 190px; height: 300px; margin: 5px 8px 5px 6px;}
	ul.channels li {width: 224px; margin: 5px 4px 5px 4px;}
	ul.channels li a img {width: 220px; height: 160px;}
	ul.links li {width: 14%;}
	ul.categories li {width: 218px; margin: 0 6px 0 6px;}
	ul.categories li a img {width: 214px; height: 262px;}

	.blog-left {width: 1090px;}
	.blog-right {width: 310px;}
}

@media (min-width: 1680px) {
	.container {width: 1660px !important;}
	.container-item {width: 1232px !important;}
	
	ul.videos li {width: 23.75%; margin: 0 6px 0 6px;}

	ul.playlists li {width: 19%; margin: 0 6px 0 6px;}
	ul.videos-profile li {width: 18.9%; margin: 0 7px 0 6px;}
	ul.related li {width: 19%; margin: 0 3px 0 6px;}
	ul.related li.pcnone6{display:none}
	ul.categories li {width: 214px; margin: 0 6px 0 6px;}
	ul.categories li a img {width: 210px; height: 258px;} 
	ul.thumbs li {width: 19%; margin: 5px 3px 5px 6px;}
	ul.users li {width: 11.5%; margin: 5px 10px 5px 6px;}
	ul.users-profile li {margin: 5px 4px 5px 6px;}
	ul.albums li {width: 214px; margin: 5px 6px 5px 6px;}

	ul.albums-profile li {width: 190px; margin: 5px 4px 5px 6px;}
	ul.photos li {width: 192px; margin: 5px 6px 5px 6px;}

	ul.photos-profile li {width: 11.7%; margin: 5px 2px 5px 6px;}
	ul.models li {width: 190px; height: 300px; margin: 5px 8px 5px 6px;}
	ul.channels li {width: 264px; margin: 5px 4px 5px 4px;}
	ul.channels li a img {width: 260px; height: 190px;}
	ul.links li {width: 14%;}
	
	.blog-left {width: 1330px;}
	.blog-right {width: 310px;}
	
	.ads-square {width: 500px; height: 522px;}
}

.pt0{
	padding-top:0px!important;
}
.pt5{
	padding-top:5px!important;
}
.pt10{
	padding-top:10px!important;
}
.pt30{
	padding-top:30px!important;
}
.mt0{
	margin-top:0px!important;
}
.mt5{
	margin-top:5px!important;
}
.ml20{
	margin-left:20px;
}
.main {
    width:985px;
    height:100%;
    margin:auto
}
.banner {
    margin:auto;
    padding:0;
    width:100%
}
.banner img {
    width:985px;
    height:60px;
    margin-bottom:5px;
}
.adbanner {
    margin:auto;
    width:985px
}
.adbanner img {
    width:985px;
    height:65px;
    padding:5px 0 0 0;
}
.main_menu {
    height:40px;
    margin-bottom:5px
}
.menu_box {
    height:40px;
    width:120px;
    float:left;
    margin-right:5px;
    position:relative;
    background-color:#000
}
.menu_box div {
    height:40px;
    width:120px;
    background-color:#000
}
.menu_box a {
    display:block;
    height:40px;
    width:120px;
    text-align:center;
    font:14px/40px Tahoma,'Microsoft Yahei',Simsun;
    position:absolute;
    bottom:0;
    left:0;
    color:#FFF
}
.menu_box a:hover {
    background-color:#000
}
.info {
    width:985px;
    margin:auto;
    padding-top:15px;
    background-color:#FFF
}
.info div {
    text-align:center;
    font:14px/40px Tahoma,'Microsoft Yahei',Simsun;
    font-weight:600;
    color:red
}
.main_top {
    height:170px;
    padding:15px 30px;
    background-color:#FFF
}

.nav {
    height: auto;
    background: #2A2D3E;
}
.nav .on {
    background: #e5e5e5 none repeat scroll 0 0;
    color: #333;
    font-weight: bold;
}
.nav a {
    background: #3f4251 none repeat scroll 0 0;
    color: #fff;
    display: block;
    float: left;
    line-height: 30px;
    margin: 0 .5% .5% .5%;
    text-align: center;
    transition: all 0.1s ease 0s;
    width: 15.6%;
    font-weight: bold;
}
.nav a:hover{ 
    background:#e5e5e5;
	color:#333;
	font-weight:bold;
}
.nav .top1 {
	width: 24%;
}
.nav .top2 {
	width: 74%;
}
.nav .down1 {
	width: 30%;
    margin: 10px 10% 0 10%;
	margin-bottom:10px;
}
.nav .down2 {
	width: 30%;
	margin: 0 10% 30px 10%;
	background: #3f4251;
}
.jptj{
    padding:3px 5px!important;
}
.VIP {
    width: 100%;
    float: left; 
}
.VIP a {
    display:block;
    float:left;
    height:25px;
    width:23%;
    overflow:hidden;
    text-align:center;
    margin:0 1% .5% 1%;
    font:12px/25px Tahoma,'Microsoft Yahei',Simsun;
    font-weight:bold;
    color:#fff;
    background:#000;
}
.VIP .hot{
    background: #3f4251;
}
.VIP .on {
    background-color:#e5e5e5;
	color:#333;
}
.VIP .type {
    width:15%;
}
.VIP a:hover {
    background-color:#ffcf26;
	color:#000;
}

.main_top_12 {
    font-size:12px;
    line-height:12px;
    color:#e6e6e6
}
.flash {
    width:305px;
    height:187px;
    float:left;
    margin-right:5px
}
#slider {
    width:305px;
    height:170px;
    background:#FFF;
    position:relative;
    margin-bottom:5px
}
#slider img {
    width:305px;
}
#slider a:hover img {
    opacity:.9;
    filter:alpha(opacity=90)
}
#slidre .list {
    position:absolute;
    bottom:10px;
    left:10px
}
#slider .list li {
    float:left;
    width:8px;
    height:8px;
    margin:0 5px 0 0;
    display:block;
    background:#000;
    cursor:pointer
}
#slider .list li.on {
    background:#000
}
.notice {
    width: 100%;
    height: auto;
    float: left;
    border: 1px solid #3f4251;
    overflow: hidden;
}
.notice_big {
    margin-bottom:5px
}
.notice_big_title {
    font: 14px/25px Tahoma,'Microsoft Yahei',Simsun;
    font-weight: bold;
    color: #000;
    padding: 0 5px;
}
.notice_big_words {
    font-size:12px;
    color:#777;
}
.notice li {
    height:22px;
    background:#CF3;
    list-style-type:none;
    text-indent:25px
}
.notice a {
    font:12px/22px Tahoma,'Microsoft Yahei',Simsun;
    color: #ffff;
    letter-spacing:.6px;
}
.notice li:hover {
    color:#e01500;

}
.main_column {
    background-color: #2A2D3E;
}
.tjimg{
    background-color: #fff;
    width: 985px;
}
.column_bar {
    height:36px;
    width:985px
}
.column_title {
    height:36px;
    width:140px;
    float:left;
    font:14px/30px Tahoma,'Microsoft Yahei',Simsun;
    font-weight:bold;
    color:#FFF;
    text-indent:35px
}
.column_words {
    height:36px;
    font:12px/40px Tahoma,'Microsoft Yahei',Simsun;
    text-align:right;
    padding-right:30px;
    color:red
}
.column_words .more{
    color: #aaa;
}
.web_list {
    padding: 5px 1% 10px 1%;
    width:100%
}
.web_list a {
    display:block;
    height:30px;
    width:11.75%;
    overflow:hidden;
    background-color:#f5f5f5;
    border:1px solid #f1f1f1;
    float:left;
    margin:0 0 .5% .5%;
    font:12px/28px Tahoma,'Microsoft Yahei',Simsun;
    font-weight:bold;
    color: #ffff;
    background:no-repeat 10px center;
    background-size:16px 16px;
    text-align: center;
}
.tips {
    padding:5px 1%;
}
.tips a {
    font-weight:bold;
    width:5.75%;
    border: 1.5px solid #3f4251;
}
.tips_type {
    padding:5px 1%;
}
.tips_type a {
    font-weight:bold;
    width:9.45%;
	border: 1.5px solid #000;
}
.web_list a:hover {
    background-color:#ffcf26;
    border-color:#000;
    color:#000
}
.user_list_input{

}
.user_list{
    background-color:#fff;
    height: calc(65vh - 0rem);
}
.user_list ul {
    padding-bottom:20px;
}
.user_list li {
    padding:0 1.5%;
}
.user_list a {
    font-size:10px;
	line-height:10px;
	padding-left: 5px;
}
.user_main{
    background-color: #fff;
    height: calc(70vh - 0rem); 
}
.input {
    display: block;
    height: 35px;
    width: 80%;
    overflow: hidden;
    background-color: #f5f5f5;
    border: 2px solid #3f4251;
    float: left;
    font: 12px/32px Tahoma,'Microsoft Yahei',Simsun;
    font-weight: 400;
    color: #fff;
    background: no-repeat 10px center;
    background-size: 15px 15px;
    text-align: center;
}
.button {
	display: block;
	height: 35px;
	width: 20%;
	overflow: hidden;
	font-weight: 400;
	background-size: 15px 15px;
	text-align: center;
	font-weight: bold;
	background: #3f4251;
	border: 0;
	color: #fff;
}
.change {
    padding:12px 30px;
    font-size:14px;
}
.change span {
    float:left;
    color:#999;
}
.change ul li {
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}
.change ul li img{
    width: 110px;
    height: 60px;
    border: 2px solid #eee;
    padding:4px;
}
.change ul a {
    color:#06c;
    font-size:14px;
}
.change ul a:hover img{
    transform: scale(1.1);
    transition: transform 0.3s ease-in-out 0s;
}
.change ul a:hover {
    color:#36F;
}
.topad {
    display:none
}
.topad {
    width:100%;
    height:120px;
    overflow:hidden
}
.topad .swiper-container {
    width:100%;
    height:120px;
    overflow:hidden
}
.topad .swiper-container .swiper-slide {
    width:100%;
    height:120px;
    overflow:hidden
}
.topad .swiper-pagination {
    text-align:center
}
.topad .swiper-pagination .swiper-pagination-bullet {
    width:15px;
    height:15px;
    border-radius:0;
    background:#fff
}
.swiper-slide {
    display:block;
    width:100%;
    height:120px
}
.swiper-slide img {
    width:100%;
    height:120px
}
.tanchu {
    width:620px;
    height:220px;
    position:fixed;
    top:50%;
    left:50%;
    margin-left:-310px;
    margin-top:-200px;
    z-index:99999;
}
.tanchu div {
    height:620px;
    width:220px;
    position:relative;
}
.tanchu .tanchu_b {
    height:220px;
    width:620px;
    position:absolute;
    left:0;
    top:0;
    background:#000;
    filter:alpha(opacity=40);
    -moz-opacity:0.4;
    -khtml-opacity:0.4;
    opacity:0.4;
}
.tanchu .tanchu_box {
    height:200px;
    width:600px;
    position:absolute;
    left:10px;
    top:10px;
    background:#FFF
}
.tanchu .tanchu_close {
    width:600px;
    height:40px;
    background:#fafafa;
    border-bottom:1px solid #f5f5f5;
    overflow:hidden;
}
.tanchu .tanchu_close div {
    width:0px;
    height:40px;
    background:#fce6eb;
    float:left
}
.tanchu .tanchu_close a {
    display:block;
    height:40px;
    width:50px;
    text-align:center;
    float:right;
    line-height:40px;
    background:#000;
    color:#FFF;
}
.tanchu .tanchu_close a:hover {
    background:#fc7676
}
.tanchu .tanchu_c {
    height:120px;
    width:600px;
    background:#FFF;
    text-align:center;
    padding:20px 0
}
.play{
    height:auto;
    padding: 0 15px;
    height:40px;
}
.play button{
    height: 40px;
    overflow: hidden;
    padding:5px 35px;
    border: none;
    background-color: #3f4251;
    font-weight: bold;
    color: #fff;
}
.topline{
    border-top: 5px solid #000;
}
.web_list_detail{
    padding: 5px 0;
    width: 50%;
	float: left;
}
.pic img{

display: block;

height: 240px;

width: 100%;

overflow: hidden;

padding:0 50px;
}
.xianlu{
height:auto;
padding: 10px;
height:40px;
}
.xianlu a{
height: 30px;
    width: auto;
    overflow: unset;
    text-align: center;
    display: block;
    background-color: #fff;
    border: 0px solid #ffffff;
    font: 12px/20px Tahoma,'Microsoft Yahei',Simsun;
    font-weight: bold;
    color: #333;
}
.xianlu button{
    height: 30px;
    overflow: hidden;
    background: #3f4251;
    border: none;
    color: #fff;
}
.play_msg{
    width: 100%;
    max-width: 100%;
    min-height: 300px;
    padding: 10px 5% 10px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 24px;
    border: 0px solid #000;
    border-radius: 0px;
    background: #000;
    box-sizing: border-box;
}
.play_msg .play_text {
    padding-left: 0px;
}
.play_tit {
    width: 100%;
    height: 30px;
    margin: 20px 0 10px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    letter-spacing: 5px;
}
.play_text a{
    width:40%;
	height:40px;
    border: 1px solid #333;
    font: 14px/40px Tahoma,'Microsoft Yahei',Simsun;
	font-weight: bold;
    background: #444;
    margin: 10px 5%;
    display: block;
    overflow: hidden;
    float: left;
    text-align: center;
    text-decoration: none;
	color: #333;
	
}
.play_text a:hover {
    background-color:#e5e5e5;
    border-color:#e5e5e5;
}
.links a{
	width:12%;
	font-weight:400;
	height:20px;
    font: 10px/20px Tahoma,'Microsoft Yahei',Simsun;
}

@media only screen and (max-width:640px) {
    .main {
    width:100%
}
.banner {
    margin:auto;
    padding:0;
    width:100%
}
.banner img {
    width:100%;
    height:60px
}
.adbanner {
    margin:auto;
    padding:0px 0 0 0;
    width:100%
}
.adbanner img {
    width:100%;
    height:85px
}
.main_top {
    height:160px;
    padding:10px 0;
    background-color:#FFF;
}
.VIP {
    width:100%;
}
.main_top_12,.main_menu,.flash,.change,.column_words,.web_list a img {
    display:none
}
.nav{
	height: auto;
}
.nav a {
    margin: .5%;
	font-size:12px;
}


.main_column {
    width:100%;
    background-color: #2A2D3E;
}
.VIP{
    height: auto;
}
.jptj{
    padding: 1px .5%!important;
}
.column_bar {
    height:36px;
    width:100%
}
.column_title {
    height:36px;
    width:140px;
    float:left;
    font:14px/30px Tahoma,'Microsoft Yahei',Simsun;
    font-weight:bold;
    color:#FFF;
    text-indent:35px
}
.web_list {
    padding: 5px 0px;
    width:100%
}
.web_list a {
    text-align:center;
    display:block;
    height:22px;
    width:24%;
    overflow:hidden;
    background-color: #3f4251;
    border:1px solid #f1f1f1;
    float:left;
    margin:0 0 1% 1%;
    font:10px/22px Tahoma,'Microsoft Yahei',Simsun;
    font-weight:400;
    color: #fff;
    background:no-repeat 10px center;
    background-size:16px 16px;
}
.tips {
    padding:5px .5%;
}
.tips a {
    font-weight:bold;
    width:11.4%;
    border: 1px solid #3f4251;
}
.tips_type {
    padding:5px .5%;
}
.tips_type a {
    font-weight:bold;
    width:15.5%;
	border: 1px solid #000;
}
.input {
    width: 71%;
    margin: 0 0 0 2%;
}
.button {
    width: 25%;
}
.info {
    width:100%;
    margin:auto;
    padding-top:15px;
    background-color:#FFF
}
.info div {
    text-align:center;
    font:14px/40px Tahoma,'Microsoft Yahei',Simsun;
    font-weight:600;
    color:red
}
.notice_big_title {
    font: 12px/25px Tahoma,'Microsoft Yahei',Simsun;
    font-weight: bold;
}
.web_list_detail{
    padding: 5px 1%;	
    width: 100%;
}
.play_msg {
    width: 100%;
    max-width: 100%;
    min-height: 300px;
    padding: 20px 0;
    margin: 0 auto;
    font-size: 14px;
    line-height: 24px;
    border: 0px solid #000;
    border-radius: 0px;
    background: #000;
    box-sizing: border-box;
}
.play_tit {
    width: 100%;
    height: 30px;
    margin: 20px 0 10px;
    text-align: center;
    font-size: 16px;
    color: #fff;
  font-family: "microsoft yahei";
    letter-spacing: 5px;
}
.links a{
	width:20%;
	font-weight:400;
	height:20px;
    font: 10px/20px Tahoma,'Microsoft Yahei',Simsun;
    margin: 0;
}

}


a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    background:0 0;
}
body {
    line-height:1;
    font-family:Tahoma,'Microsoft Yahei',Simsun
}
ol,ul {
    list-style:none
}
blockquote,q {
    quotes:none
}
blockquote:after,blockquote:before,q:after,q:before {
    content:'';
    content:none
}
:focus {
    outline:0
}
ins {
    text-decoration:none
}
del {
    text-decoration:line-through
}
table {
    border-collapse:collapse;
    border-spacing:0
}
a:link {
    text-decoration:none
}
a:visited {
    text-decoration:none
}
a:hover {
    text-decoration:none
}
a:active {
    text-decoration:none
}
.header {
    height:50px;
    width:100%;
    z-index:100;
    background: #2A2D3E;
}
.header_main {
    width:985px;
    height:50px;
    margin:auto;
    line-height:50px
}
.left{
	width:50%;
	margin-left:0px;
	font-size:22px!important;
	font-weight:bold!important;
}
.middle{
	font-size:14px!important;
}
.right{
	margin-right:5px;
}
.logo {
    display:block;
    width:60px;
    height:40px;
    background:url("../image/logo.png");
    margin:5px 10px 5px 0px;
    float:left
}
.font_white {
    color:#fff;
    font:14px/50px Tahoma,'Microsoft Yahei',Simsun;
    line-height:50px;
    float:left
}
.font_whitr {
    color:#fff;
    font:14px/50px Tahoma,'Microsoft Yahei',Simsun;
    line-height:50px;
    float:left
}
.mail {
    float:right
}
.add {
    display:block;
    float:right;
    height:50px;
    width:80px;
    text-align:center;
    margin-left:20px;
}
.adds {
    display:block;
    float:left;
    margin-left:60px;
    height:50px;
    width:170px;
    text-align:center
}
.header_tj {
    z-index:10;
    position:absolute;
    float:right;
    top:15px;
    right:10px
}
#nav-plane {
    position:fixed;
    top:55px;
    right:50%;
    margin-right:495px;
}
#nav-plane ul {
    padding:10px 0;
    background-color:#000;
    border-radius:6px 0 0 6px;
    z-index:999;
}
#nav-plane li a {
    display:inline-block;
    text-align:center;
    line-height:40px;
    width:90px;
    color:#FFF;
}
#nav-plane li a:hover {
    background-color:#e84840;
}
#shortcut-box {
    position:fixed;
    z-index:1000;
    left:50%;
    margin-left:494px;
    bottom:60px
}
#shortcut-box a {
    display:block;
    margin-top:1px;
    height:50px;
    width:76px;
    line-height:50px;
    color:#FFF;
    text-align:center;
    background-color:#000;
    border-radius:6px;
    cursor:pointer
}
#shortcut-box .qrcode i {
    display:none;
    position:absolute;
    left:-152px;
    top:0;
    overflow:hidden;
    z-index:1000;
}
#shortcut-box .qrcode {
    position:relative;
}
#shortcut-box .qrcode img {
    width:152px;
    height:152px;
}
#shortcut-box .gotop {
    /*background:#000 url("../image/top.png")// center center no-repeat;*/
    z-index:10000;
}
#shortcut-box a:hover {
    background-color:#e84840;
}
.info {
    width:985px;
    margin:auto;
    padding-top:15px;
    background-color:#FFF
}
.info {
    text-align:center;
    font:14px/40px Tahoma,'Microsoft Yahei',Simsun;
    font-weight:600;
    color:red
}
.info span {
    color:#36C;
}
#ds-thread {
    width:905px;
    padding:10px 40px;
    background:#FFF
}
.bottom {
    width:985px;
    height:120px;
    border-top: 6px solid #2A2D3E;
    background: #2A2D3E;
    text-align:center;
}
.bm {
    margin-top:20px;
    font-size:14px;
    font-weight:500;
    color:#fff;
    line-height:25px;
    text-align:center
}
.bm a {
	color:#fff;
}
@media only screen and (max-width:640px) {
.header,.header_main {
    width:100%;
}
.font_whitr,.adds,.mail,#nav-plane {
    display:none
}
.add {
    display:block;
    float:right;
    height:50px;
    width:75px;
    text-align:center;
    margin-left:0px;
}
.info {
    width:100%;
}
.ds-thread {
    width:100%;
}
.info {
    text-align:center;
    font:14px/40px Tahoma,'Microsoft Yahei',Simsun;
    font-weight:600;
    color:red
}
.info span {
    color:#36C
}
#ds-thread {
    width:100%;
    padding:0;
    background:#FFF
}
.bottom {
    width:100%;
    height:auto;
    background-color: #2A2D3E;
    text-align:center;
    padding: 10px 0;
}
.bm {
    margin:10px 2% 10px 2%;
}
}
.artcontent p{
    line-height: 30px;
    margin: 10px;
}
.artcontent img{
    width: 100%;
}
.links .text-muted{
        display:block;
    height:30px;
    width:11.75%;
    overflow:hidden;
    background-color:#F215EF;
    border:1px solid #f1f1f1;
    float:left;
    margin:0 0 .5% .5%;
    font:12px/28px Tahoma,'Microsoft Yahei',Simsun;
    font-weight:bold;
    color: #fff;
    background:no-repeat 10px center;
    background-size:16px 16px;
    text-align: center;
    }
    .links a:hover{
        background-color:#ffcf26;
        border-color:#000;
        color:#F013C3
    }

.waoo_api{max-width:1000px;width: 100%;margin:0 auto;display: table;}
.waoo_api .waoo_api_tool{padding: 0px 0px 0px;}
.waoo_api .waoo_api_tool h2 , .waoo_api .waoo_api_tool .more{font-size: 12px;color: #666;display: inline-block;vertical-align: top;}
.waoo_api .waoo_api_tool .more{float: right;}
.waoo_api li{display: inline-block;vertical-align: top;width: calc(8.0% - 10.42px);text-align: center;margin: 10px 0 10px 10px;}
.waoo_api li .api_img{width: 50px;height: 50px;overflow: hidden;border-radius: 30%;margin: 0 auto;border: 1px solid #eee;box-shadow: 0 5px 13px rgba(0,0,0,.1);}
.waoo_api li .api_img img{width: 100%;height: auto;border-radius: 30%;}
.waoo_api li .api_img img:hover{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);} 
.waoo_api li h3{font-size: 10px;line-height: 1;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align:center;}
@media (max-width:1000px) {.waoo_api li .api_img{width: 50px;height: 50px;margin-bottom:3px;}}
@media (max-width:560px) {.waoo_api li{width: calc(16% - 10px);}}
@media (max-width:460px) {.waoo_api li{width: calc(16% - 10px);}}
@media (max-width:300px) {.waoo_api .waoo_api_tool .more{display: none;}.waoo_api li{width: calc(50% - 13.33px);}}

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto auto;
  padding: 2px;
}
.grid-item {
  background-color: #14B7B7;
  padding: 5px;
  font-size: 20px;
  text-align: center;
  margin: 2px;
  border-radius: 10px;

}

.grid-item a {
	text-decoration:none;
	color: #ffffff;
}

@media only screen and (max-width: 1400px) {
	.grid-item {
	  font-size: 16px;
	}

	.grid-container {
	  grid-template-columns: auto auto auto auto auto auto;
	}

}


@media only screen and (max-width: 500px) {
	.grid-item {
	  font-size: 10px;
	}

	.grid-container {
	  grid-template-columns: auto auto auto auto;

    }	
    
}