html,body{font-family:"微软雅黑", "Microsoft YaHei",Arial ,sans-serif;font-weight:300;color:#666;font-size:20px;margin:0;padding:0;background:#ffffff;line-height:normal;}
*{-webkit-tap-highlight-color:transparent!important;-webkit-focus-ring-color:transparent!important;outline:none!important;-webkit-tap-highlight-color:rgba(255,255,255,0)!important}::selection{background:#f1dc93;color:#fff}::-moz-selection{background:#f1dc93;color:#fff}::-webkit-input-placeholder{color:#b9b9b9;font-size:14px}:-moz-placeholder{color:#b9b9b9;font-size:14px}::-moz-placeholder{color:#b9b9b9;font-size:14px}:-ms-input-placeholder{color:#b9b9b9;font-size:14px}
div{color:#666;}

html,section,header,footer,pre,figure,a,abbr,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0}
ul.web-list-h:after,.award-section:after,.site-credit:after,ul.dir-list-h:after,section.ad-section:after,ul.blog-list-h:after,.form-sec:after,.arvchive:after,.badges:after,.paging:after,.certificate:after,.profile-web:after,.dl-info p:before,ul.dir-list:after,ul.web-list-rec:after,ul.web-list:after,.awards ul:after,.services ul:after,.profile:after,.sub-nav.wrapper:after,ul.colors:after,.arvchiveul:after,ul.category:after,.inner-block:after,.sub-linksul:after,.f-align:after,.submit-steps ul:after,#top-menu ul:after,.h-socialul:after,.search-result:after,.list-grid-blog:after,.s-filter:after,.entry-content:after,.dl-info span.cntr:before,.ssba div:after,.tags-links:after{content:"";clear:both;display:table;visibility:hidden;font-size:0;height:0;line-height:0}
a.view-site,.web-vote,.dir-vote,ul.f-social li a,.h-social ul li a,#mobnav .h-social ul li a,.pro-social li a,.share-web ul li a,.color-f ul li a,ul.colors li a,#search-button:hover,.submit-site,.add-collaborator,.remove-collaborator{transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out}
figure.big-screen img,.w-l-block figure img,.d-l-block figure img,.b-l-block figure img,.profile-pic figure img{animation:fadein .9s;-moz-animation:fadein .9s;-webkit-animation:fadein .9s;-o-animation:fadein .9s}
@keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}
.wl-h-info,.wl-info,.dl-info-h,.dl-info,.b-l-block-h,.bl-info{border-bottom:#dddddd solid 1px}
a.label,a.viewall-label,#mobnav ul li a,#mobnav ul li a,ul.tag-list li a,a.site-category,.services ul li a,.hire-pro,.entry-meta a,.tags-links a,a.view-pro,ul.category li a,a.adhere,.inputfile + label,.pro-paging a,.next a,.previous a,.submit-form,.ret-home,#search-button{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:color,background-color;transition-property:color,background-color}

.wl-h-info h3 a,.wl-h-info span.by a,.dl-info-h h3 a,.bl-info-h h3 a,.about-website h2 a,.about-website h1 a,.credit-info h3 a,.profile-web-info h3 a,.wl-info h3 a,.wl-info span.by a,.dl-info h3 a,.pro-info h1 a,.bl-info h3 a,.sub-links ul li a,.pagination a,span.designer-location a,.pro-info span.cntr strong a,.dl-info span.cntr a,.dl-info-h span.cntr a,.services ul li a,footer nav a{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:color,background-color;transition-property:color,background-color}

.wl-h-info h3 a:hover,.wl-h-info span.by a:hover,.dl-info-h h3 a:hover,.bl-info-h h3 a:hover,.about-website h2 a:hover,.about-website h1 a:hover,.credit-info h3 a:hover,.profile-web-info h3 a:hover,.wl-info h3 a:hover,.wl-info span.by a:hover,.dl-info h3 a:hover,.pro-info h1 a:hover,.bl-info h3 a:hover,.pagination a:hover,span.designer-location a:hover,.pro-info span.cntr strong a:hover,.dl-info span.cntr a:hover,.dl-info-h span.cntr a:hover,.services ul li a:hover,footer nav a:hover{color:#3899cc}

.h-align,ul.web-list li,.ad,.ad div,ul.dir-list-h li,.big-screen,.big-screen-info,.pro-pic,.award-label,.evaluation-system,.about-website,ul.web-list-h li,ul.blog-list-h li,ul.dir-list li,.awards ul li,.profile-pic,.not-found .graphics,.inner-wrapper-bg,.inner-wrapper-content,.certificate ul li,.pagination,.web-dropdown,.dir-dropdown,.submit-site,.search-wrapper,.search,.clear-list,
.blog-tile{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}

figure{line-height:0}
h1,h2,h3,h4,h5,h6{font-weight:400}
ul{list-style:none;margin:0;padding:0}
li{margin:0;padding:0}p:first-child{margin:0}
p{margin:0;padding:0;line-height:normal}

/*定义超链接*/
a:link{text-decoration: none; color:#444}		/* 未被访问*/
a:visited{text-decoration: none; color:#444}	/* 已被访问*/
a:hover{text-decoration: none; color:#3899cc;}	/* 鼠标经过*/
a:active {text-decoration: none;color:#444}		/* 鼠标激活*/
a:focus{outline:none}


.right{float:right!important}
.left{float:left!important}
.mr0{margin-right:0!important}
.b0{border:none!important}
.m0{margin:0!important}
.pr0{padding-right:0!important}
.p0{padding:0!important}
.pt0{padding-top:0!important}
.mb-f{margin-bottom:50px!important}
.clear{clear:both}
.hide,.s-h,.ad-section h4{display:none!important}
.shadow{-webkit-box-shadow:0 1px 1px 0 rgba(0,2,46,0.1);-moz-box-shadow:0 1px 1px 0 rgba(0,2,46,0.1);box-shadow:0 1px 1px 0 rgba(0,2,46,0.1)}
img{border:0;font-size:0!important}
input,select,textarea{font-family:'Roboto',sans-serif;font-size:16px;color:#666;font-weight:300;margin:0;padding:0;-webkit-appearance:none;border-radius:0}
header{height:74px}
.header{height:74px;width:100%;position:fixed;z-index:101}
.h-align{height:74px;background:#ffffff; border-bottom:solid 1px #3899cc;}
.logo{height:74px;float:left;position:relative;}
.logo a{width:200px; height:74px;display:block;background:url(../images/logo.png) no-repeat 0px 15px;background-size:160px;color:transparent;font-size:1px}
#mobnav .h-social{display:inherit;width:auto;float:none;height:30px;padding:30px 0 20px 41px}
#mobnav .h-social ul{margin:0;padding:0}
#mobnav .h-social ul li{margin:0 0 0 10px;padding:0;border:none}
#mobnav .h-social ul li:first-child{margin-left:0}
#mobnav .h-social ul li a{padding:0;margin:0}
#top-menu{float:left;margin-left:20px}
#top-menu ul{margin:0}
#top-menu ul li{float:left;font-size:.9em;text-transform:uppercase;margin:0 0 0 16px;font-weight:400}
#top-menu ul li a{display:block;padding:0 15px;color:#666666}
#top-menu ul li a:hover,#top-menu ul li a.active{border-bottom:#3899cc solid 0px; color:#3899cc;}
#top-menu ul li:first-child{margin-left:0}
#top-menu ul li:first-child a.active{border-bottom:none}
#top-menu ul li:first-child a.active:hover{border-bottom:#fff solid 0px}
#mobnav{display:none;width:240px;height:100%;min-height:100%;position:fixed;right:-240px;background:#3899cc; z-index:102;overflow-y:auto}
#mobnav ul{height:auto;display:block;margin:0;padding:14px 0 0;text-align:center;font-weight:400;font-size:.9em;text-transform:uppercase;line-height:36px}
#mobnav ul li{padding:0;margin:0;border-bottom:#49abde solid 1px}
#mobnav ul li a{padding:12px 0;color:#fff;display:block}
#mobnav ul li a:hover{color:#84d2fb}
.menu-icon{display:none;width:66px;height:60px;position:absolute;right:0;z-index:10;background:#3899cc; padding-top:14px;}
.menu-button{position:absolute;top:0;left:-66px;width:66px;height:74px;background:#d34747;overflow:hidden}
.tcon{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;transition:.3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:transparent;outline:none;margin:0;padding:0;-ms-flex-align:center;text-align:left}
.tcon > *{display:block}
.tcon:hover,.tcon:focus{outline:none}
.tcon::-moz-focus-inner{border:0}
.tcon-menu__lines{display:inline-block;height:2px;width:20px;transition:.3s;background:#fff;position:relative}
.tcon-menu__lines::before,.tcon-menu__lines::after{display:inline-block;height:2px;transition:.3s;background:#fff;content:'';position:absolute;right:0;-webkit-transform-origin:2.85714px center;transform-origin:2.85714px center;width:100%}
.tcon-menu__lines::before{top:8px;width:26px}
.tcon-menu__lines::after{top:-8px;width:26px}
.tcon-transform .tcon-menu__lines{-webkit-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}
.tcon-menu--xbutterfly{width:66px;height:74px;margin:0;padding:0 0 0 26px}
.on .tcon-menu--xbutterfly{padding:0 0 0 20px}
.tcon-menu--xbutterfly .tcon-menu__lines::before,.tcon-menu--xbutterfly .tcon-menu__lines::after{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;transition:top .3s .6s ease,-webkit-transform .3s ease;transition:top .3s .6s ease,transform .3s ease}
.tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines{background:transparent}
.tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::before,.tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::after{top:0;left:-4px;transition:top .3s ease,-webkit-transform .3s .5s ease;transition:top .3s ease,transform .3s .5s ease;width:36px}
.tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::before{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg)}
.tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::after{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg)}
.wrapper{width:auto;height:auto;margin:0 30px; }
.block-one,.block-two{padding-top:40px}
.sotd .evaluation-system ul li:nth-child(5) span{background:#e45151}
.sotm .evaluation-system ul li:nth-child(5) span{background:#4ed3e3}
.soty .evaluation-system ul li:nth-child(5) span{background:#53b8fc}
.nominee .evaluation-system ul li:nth-child(5) span{background:#f9bb50}
.star .evaluation-system ul li:nth-child(5) span{background:#5ad0a4}
.list-grid,.list-grid-blog{margin:0 0 0 -10px;height:auto;line-height:normal;position:relative}
.wl-w-h{padding:100px 0 0}
.wl-info,.dl-info{background:#f5f5f5;min-height:92px;padding:0 25px;position:relative;   color:#303d58;}
.wl-info h3{padding:18px 0 10px;font-size:18px; color:#333333;}
.wl-info span.by{padding:0px 0px 19px 0px; display:block; font-size:14px; color:#999999; white-space:nowrap;text-overflow:ellipsis;}
.wl-info span.by:before{content:"";cursor:text}
.f-bottom .wrapper{background:none;  }
.f-bottom{background:#2e3542; padding:30px 30px 60px 30px; text-align:center;}
.copyright {font-size:.7em; color:#8a8c8f; text-align:center;}
.copyright a{color:#d4d4d4;}
.copyright a:hover{color:#808080;}
iframe{ margin-bottom:-6px;  margin-top:0px; background:#2e3542;}


@media screen and (min-width: 1181px){
header,.header,.h-align,.h-social,#search-button,#top-menu ul li a,.submit-site{height:70px;}

.header{height:6px;background:#3899cc}
.h-align{margin:0 0px; padding-left:50px; border-bottom:solid 1px #3899cc; background-color:#FFFFFF;}
.award-site{padding-top:12px}
.logo{height:70px; background-color:#ffffff;}
.logo a{width:350px;height:74px;display:block;background:url(../images/logo.png) no-repeat 22px 10px;background-size:180px;color:transparent;font-size:1px}
#top-menu ul li a,.submit-site{line-height:80px}
#top-menu ul li a:hover,#top-menu ul li a.active{height:78px}
.awards ul li{width:212px}}@media screen and (max-width: 1350px){#top-menu ul li:nth-child(1){display:none}#top-menu ul li:nth-child(2){margin-left:0}}@media screen and (max-width: 1180px){#top-menu{display:none}
.h-social{padding-right:90px}
#mobnav,.menu-icon{display:block}