.container {}

.container .search-area {
	padding: 82px 0;
	background: url(/img/nstandard_new/bg.png);
	margin-bottom: 30px;
}

.container .search-area .form-area {
	position: relative;
	width: 684px;
	margin: 0 auto;
}

.container .search-area .form-area .search-input {
	width: 482px;
	height: 42px;
	line-height: 42px;
	padding: 0 10px;
	border: 1px solid #CCCCCC;
}
.container .search-area .form-area .input-placeholder
{
    position: absolute;
    left: 14px;
    top: 14px;
    color: #666666;
    font-size: 14px;
    }

.container .search-area .form-area .search-btn {
	width: 85px;
	height: 44px;
	color: #333333;
	font-weight: 600;
	background: #F5C023;
	border: 1px solid #FFD065;
	cursor: pointer;
}
.container .search-area .form-area .search-btn:hover 
{
    background: #f6c73e;
    }
.container .search-area .form-area .popup {
	position: absolute;
	left: 0;
	top: 44px;
	width: 482px;
	padding: 10px;
	border: 1px solid #ccc;
	border-top: none;
	background: #fff;
	display: none;
}

.container .search-area .form-area .popup .item {
	padding: 0 0 10px;
}

.container .search-area .form-area .popup .item p {
	font-size: 12px;
	color: #999;
}

.container .search-area .form-area .popup .item p i {
	font-size: 14px;
	margin-right: 2px;
}
.container .search-area .form-area .popup .item.everyone p i {
    color: #f25c00;
}

.container .search-area .form-area .popup .item .keyword-box {
	padding: 0 16px;
}

.container .search-area .form-area .popup .item.myself .keyword-item {
	border: 1px solid #f25c00;
	color: #f25c00;
	padding: 5px 10px;
	border-radius: 18px;
	margin: 6px 10px 6px 0;
	cursor: pointer;
	max-width: 90%;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.container .search-area .form-area .popup .item.myself .keyword-item:hover {background:#FFF7F2;}

.container .search-area .form-area .popup .item.everyone .keyword-item {
	margin: 10px 15px 6px 0;
	cursor: pointer;
}
.container .search-area .form-area .popup .item.everyone .keyword-item:hover {
    color: #f25c00;
}
.container .search-area .form-area .popup .item.everyone .keyword-item.first {
	font-size: 20px;
}

.container .search-area .form-area .popup .item.everyone .keyword-item.second {
	font-size: 18px;
}

.container .search-area .form-area .popup .item.everyone .keyword-item.third {
	font-size: 16px;
}

.container .category-area {
	width: 990px;
	margin: 0 auto;
	padding: 30px 0 40px;
}

.title-area {
	font-size: 16px;
	font-weight: 700;
	color: #0D72E6;
	padding-bottom: 20px;
	width: 180px;
	margin: 0 auto 10px;
}

.title-area .icon-row {
	width: 10px;
	height: 6px;
	background: #0066CC;
	margin: 4px 0 0;
}

.title-area .icon-col {
	width: 6px;
	height: 15px;
	background: #0066CC;
	margin: 0 2px;
}

.title-area .title {
	margin: 0 6px;
}

.container .category-area .big-box .big-item {
	display: block;
	width: 81px;
	height: 98px;
	border: 1px solid #ddd;
	margin-left: -1px;
	text-align: center;
	color: #333;
	cursor: pointer;
}

.container .category-area .big-box .big-item .big-item-inner {
	width: 79px;
	height: 91px;
	border: 1px solid #fff;
	border-bottom: none;
	padding-top: 6px;
	text-align: center;
}

.container .category-area .big-box .big-item .big-item-inner img {
	width: 50px;
}

.container .category-area .big-box .big-item .big-item-inner .name {
	font-size: 12px;
	padding-top: 4px;
	text-align: center;
}

.container .category-area .big-box .big-item.active {
	background: #F3F8FE;
	border-bottom-color: #F3F8FE;
	color: #0D72E6;
}

.container .category-area .big-box .big-item.active .big-item-inner {
	position: relative;
	z-index: 2;
	height: 92px;
	border-color: #0D72E6;
	border-bottom: 1px solid #F3F8FE;
}
.container .category-area .big-box .big-item.active .big-item-inner:last-of-type 
{

    }
.container .category-area .big-box .big-item:hover  {
	background: #F3F8FE;
	color: #0D72E6;
 }
 .container .category-area .big-box .big-item:hover .big-item-inner 
 {
    border: 1px solid #0D72E6;
}

.container .category-area .small-box {
	width: 961px;
    background: #F3F8FE;
    border: 1px solid #0D72E6;
    padding: 14px 10px;
}
.container .category-area .small-box .small-item {
	display: block;
    width: 86px;
    height: 83px;
    border: 1px solid #F3F8FE;
    text-align: center;
    color: #333;
    margin: 10px 21px 0 0;
    cursor: pointer;
}
.container .category-area .small-box .small-item:nth-of-type(9n) {
    margin-right: 0;
}
.container .category-area .small-box .small-item img {
	width: 60px;
	padding-top: 2px;
}
.container .category-area .small-box .small-item .name {
	font-size: 12px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 6px;
    text-align: center;
}
.container .category-area .small-box .small-item:hover {
    border-color: #0D72E6;
	background: #fff;
	color: #0D72E6;
}
.container .category-area .small-box .small-item.active {
	border-color: #0D72E6;
	background: #fff;
}
.container .category-area .small-box .small-item.active .name {
	color: #0D72E6;
}
.container .std-area {
	width: 990px;
	margin: 0 auto;
}
.container .std-area .std-box {
	
}
.container .std-area .std-box .std-item {
	display: block;
	width: 98px;
	height: 48px;
	font-size: 14px;
	border: 1px solid #DDDDDD;
	text-align: center;
	margin-left: -1px;
	margin-top: -1px;
	color: #333;
	cursor: pointer;
}
.container .std-area .std-box .std-item .std-item-inner {
	width: 96px;
	height: 46px;
	line-height: 44px;
	border: 1px solid #fff;
	text-align: center;
}
.container .std-area .std-box .std-item:hover {
    background: #F3F8FE;
	color: #0D72E6;
}
.container .std-area .std-box .std-item:hover  .std-item-inner {
    border: 1px solid #0D72E6;
}
.container .std-area .std-box .std-item.active {
	background: #F3F8FE;
	color: #0D72E6;
}
.container .std-area .std-box .std-item.active .std-item-inner {
	border: 2px solid #0D72E6;
}
.container .cookie-tip 
{
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 99;
    width: 100%;
    height: 60px;
    background: rgba(0,102,204,.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B20066cc,endcolorstr=#B20066cc); 
    color: #fff;
    }
.container .cookie-tip  .cookie-tip-box 
 {
     width: 980px;
     margin: 0 auto;
     }   
 .container .cookie-tip  .cookie-tip-text 
 {
     font-size: 14px;
    line-height: 60px;
     }
 .container .cookie-tip  .agree-btn
 {
    width: 100px;
    padding: 10px;
    text-align: center;
    border: 1px solid #fff;
    margin: 10px 0 0 0;
    cursor: pointer;
     }   
.container .ad-area 
   {
       width: 970px;
        padding: 0 10px;
        padding-bottom: 65px;
        margin: 0 auto 40px;
       }
.container .ad-area a:first-of-type 
{
    margin-right: 16px;
    }