@font-face {
    font-family:iconfont;src:url(http://www.333dna.com/m/images/iconfont.eot?t=1543371009578);src:url(http://www.333dna.com/m/images/iconfont.eot?t=1543371009578#iefix) format("embedded-opentype"),url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"),url(http://www.333dna.com/m/images/iconfont.ttf?t=1543371009578) format("truetype"),url(http://www.333dna.com/m/images/iconfont.svg?t=1543371009578#iconfont) format("svg");
}

.iconfont {
    font-family: iconfont!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-xiaoxi:before {
    content: "\e62c";
}

.icon-account:before {
    content: "\e65b";
}

.icon-shangcheng:before {
    content: "\e61f";
}

.icon-mima:before {
    content: "\e62a";
}

.icon-caiwu:before {
    content: "\e67a";
}

.icon-weibiaoti--:before {
    content: "\e726";
}

.icon-yonghu:before {
    content: "\e601";
}

.icon-yuan-copy:before {
    content: "\e600";
}

.icon-lanmu:before {
    content: "\e632";
}

.icon-liebiao:before {
    content: "\e628";
}

.icon-shoucang:before {
    content: "\e60e";
}

.icon-xiugaiziliao:before {
    content: "\e666";
}

.icon-securityCode-b:before {
    content: "\e60d";
}

.icon-xiugaitouxiang:before {
    content: "\e68e";
}

.icon-tuichu:before {
    content: "\e616";
}

.icon-wodehaoyou:before {
    content: "\e63c";
}

.icon-xie:before {
    content: "\e627";
}

.icon-ziyuan:before {
    content: "\e617";
}

.icon-kongjian:before {
    content: "\e6f9";
}

.icon-mima1:before {
    content: "\e610";
}

.icon-shezhi:before {
    content: "\e669";
}

.icon-songmenhuwangzhan:before {
    content: "\e65e";
}

.icon-user:before {
    content: "\e7e9";
}

.icon-touxiang-hongsecopyx:before {
    content: "\e6a0";
}

.icon-zhanneixin:before {
    content: "\e635";
}

body,html {
    background-color: #fff;
}

a {
    color: #333;
}

a:hover {
    color: #2e94e4;
}

a:visited {
    color: #999;
}

.area {
    width: 1180px;
    margin: 0 auto;
}

.left,.right {
    float: left;
    display: inline;
}

.right {
    float: right;
}

.img-do {
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.img-do img {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .5s ease .1s;
    transition: -webkit-transform .5s ease .1s;
    transition: transform .5s ease .1s;
    transition: transform .5s ease .1s,-webkit-transform .5s ease .1s;
}

.img-do img:hover {
    -webkit-transform: matrix(1.05,0,0,1.05,0,0);
    -ms-transform: matrix(1.05,0,0,1.05,0,0);
    transform: matrix(1.05,0,0,1.05,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.icon {
    display: inline-block;
    vertical-align: top;
}

.nav-area-mobile {
    display: none;
}

header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    min-width: 1180px;
    background-color: #222;
    height: 40px;
}

header .login {
    font-size: 14px;
    line-height: 40px;
    padding: 0 10px;
    height: 40px;
    width: 150px;
}

header .login:hover {
    background-color: #444;
}

header .login .login-sohu {
    width: 100%;
    text-align: center;
    display: inline-block;
    color: #fff;
    vertical-align: top;
}

.error-head .area {
    position: relative;
}

.head-nav {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
}

.head-nav li {
    float: left;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    width: 104px;
    margin-right: 5px;
    text-align: center;
}

.head-nav li a {
    color: #fff;
}

.head-nav li:hover {
    background-color: #444;
}

.head-nav li.index {
    margin: 10px 0 0;
    width: 86px;
}

.head-nav li.index em {
    float: left;
    display: inline-block;
}

.head-nav li.index .sohu-logo {
    overflow: hidden;
    line-height: 500px;
    width: 44px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAyCAYAAAAnWDnqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjNCNDMzQTk3N0U5MTFFQTkzRTA4QkFFNjJEN0E4Q0EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjNCNDMzQUE3N0U5MTFFQTkzRTA4QkFFNjJEN0E4Q0EiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyM0I0MzNBNzc3RTkxMUVBOTNFMDhCQUU2MkQ3QThDQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyM0I0MzNBODc3RTkxMUVBOTNFMDhCQUU2MkQ3QThDQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsOvtsYAAARGSURBVHja7FntcaMwEMU3+R86ODqIMynApoLYFRhXcKEC4wrsVGCngvNVABSQCa4gpIIjDZxv1/PWWcsCRO7+ZAbNaBBCH29Xb1fSMjgcDt5XSt+8L5a+HOArKTw/P4/pEdzd3W2pHFB5RuUllSMqfzf6vdO3NfrxY0H5iXLZMFeE75mqe6B87YBzT/PtzgBTGlFm0FsGTjmhvGTgqD9LBLSiR0F5he8TylXDpEN854ljCJm4apbmCwl0doWXAJMGVF4AMNdH1Ci0dE6h9eIfVpfnW9P4sRrXZ8EYmDHfKxSaCYdPgCF1hPqZBay0zWlgBhx2ALmFdiVVllVILf3KMw6zRASEgY5Zo+BzatMulrI0tfDZZNiIrOxCNcmtRtcwoO7sQ/ss4NgAXbQYXVBTb7ORpKbcDrjGMMaw9szwAp2TXkVSwgbjTMUrKA/mBpg6DoyOqdSJ+1P8bHNr3P8NbesMkdM9vEm9H/5k8jFJJVRpoEOAdjcNXA4gzITeY1JM1bTTvSmeDVu0pa28BPA5PEaITcRT77fgOLfbW8AO4c/Fi/C4KdxcLeAMfpgl/dGgLZuGOTH/Dsgb1Mv7byghMDVM8/Fu9wLBRatTtH3R/D2jBDUs4do2kHDpwO+C+szh1E0ujmsM1hyX+crb/FIogHFDaH1Ud5YIDPcywUCmYzdTVrMaYweh/Rpf7+lNibBNbEb3imWZQqoVNRxRxyl8sWjLdDdpA6BDjYAhngko4ZJiEzAv7Q7LsqOBHpXGcwB+N1xS2eUAo4xbqPHueFrLZZMa9DeOHnAPuAfcA+4B94B7wD3gHvD/S6fz8J/9gA/p4283h5DKx4M5lQdUTi2BjgoXy0qFl2KvOda2wvdHPKWf74DzePsgPJXLNf/JcgWKEI/I1Y1j5TCWXERDCXnVxR8swRyec30F7Z4ujFQ+KK2zli/uXFQf4eYg967UMZCSQcNy497R+Es17vG6b84JfNeaEqVc872P+HCk4gsmWP6e8RLRe9YhVFW20Ma30O+SwzRxiYmZw0tIFFF5a4D1sZRb7mO5JLZx2LMo4MJG9Cp7XYOBRufT8lJ9qZfTkcO7FhuReIamV64F6hq9FKoknhG3deTwpV9Vq4iV5bSn+rXhwdwAG0YhVFmq97QDhxNoy2bIEsip4IHWXTYO39GPF4hnVMpjhKhL1HusKBE3cFwCOUMYd/3GIcESSHrvuQUD2Q1tVERnZHAxMYSbQBmhYcgbfJvS6mVUx9rd8DdNjTPAaFh4H5HHuaOGt6DDQwv/z0JOKv2E4HPCsAOWGIKs6HndRIkngHXagdgPQ7CBkQXowJILy5y3pguld4k353VnCfm/UMAbvFBdzFLDuEZYttIwlJlFFrH2heWb/DKoMB4rZkZjtVHv11lsjTpw9PKROQMgxx+MOAxJ9JIniUUbhpdwTRk01+Xwk4HfVR8M7AEb6a8AAwAKMfAlVBLp9gAAAABJRU5ErkJggg==) no-repeat 0 0;
}

.head-nav li.index .sohu-logo .icon-home:before {
    font-size: 18px;
    color: #ccc;
    margin: 1px 7px 0 0;
    display: inline-block;
}

.head-nav li.index:hover {
    background-color: transparent;
}

.head-nav li.index:hover .icon-home:before {
    color: #fdd000;
}

.head-nav li.index:hover .sohu-logo {
    background-position: 0 -30px;
}

.head-nav li.index:before {
    content: "";
    width: 1px;
    height: 15px;
    background: #666;
    display: inline-block;
    float: right;
    margin-top: 3px;
}

.head-nav .more-nav {
    position: relative;
}

.head-nav .more-nav:hover {
    border-top-color: transparent;
}

.head-nav .more-nav:hover .cor {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.head-nav .more-nav:hover .more-nav-box {
    visibility: visible;
    opacity: 1;
}

.head-nav .cor {
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REIzMkQ5RDVGQTM3MTFFNkE3N0RERkEyMkZEODg2Q0MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REIzMkQ5RDZGQTM3MTFFNkE3N0RERkEyMkZEODg2Q0MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQjMyRDlEM0ZBMzcxMUU2QTc3RERGQTIyRkQ4ODZDQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQjMyRDlENEZBMzcxMUU2QTc3RERGQTIyRkQ4ODZDQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoFBkKgAAABRSURBVHjaYvz//78CAwQ8YMAOwPJMQBwAxOeBOAGLIpDYfbAaoIkgvOA/BCRA+QxQ9n+oHAMDkgSyYhRF6AqRFaMoAmEWLG76AGUXIEsABBgA1I5t0+6SWzMAAAAASUVORK5CYII=) no-repeat 0 0;
    font-size: 0;
    height: 6px;
    margin: 17px 0 0 5px;
    overflow: hidden;
    width: 10px;
    vertical-align: top;
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
}

.head-nav .more-nav-box {
    top: 40px;
    left: -110px;
    background: #fff;
    border: 1px solid #ddd;
    visibility: hidden;
    opacity: 0;
    font-size: 14px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    width: 268px;
    padding: 7px 10px;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.head-nav .more-nav-box a {
    color: #191919;
    display: inline-block;
    float: left;
    width: 67px;
}

.head-nav .more-nav-box a:hover {
    background-color: #f9f9f9;
    color: #c9141d;
}

.location-without-nav {
    margin-top: 52px;
}

#article-container {
    padding: 0px 0 0;
}

#article-container .column {
    width: 140px;
}

#article-container .main {
    width: 640px;
    margin-left: 30px;
}

#article-container .sidebar {
    width: 340px;
}

#main-container {
   /* margin: 10px auto 0;*/
    position: relative;
    background: #fff;
    padding-top: 1.3rem;
}

#main-container .column {
    width: 160px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 60;
    height: 100%;
    background-color: #f8f8f8;
}

#main-container .main {
    width: 640px;
    margin-left: 180px;
}

#main-container .sidebar {
    width: 340px;
    margin: 10px auto 0;
}

.channel-logo {
    width: 160px;
    height: 56px;
    overflow: hidden;
    background: #fff;
    text-align: center;
    padding-top: 20px;
    font-size: 28px;
    font-weight: bold;
    color: #fff;
}

.second-nav {
    font-size: 14px;
    border-top: 2px #2e94e4 solid;
}

.second-nav .searchCondition {
    height: auto;
    width: 100%;
    background-color: #f9f9f9;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.second-nav .searchCondition dt {
    line-height: 60px;
    height: 60px;
    color: #444;
    font-size: 14px;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-weight: 700;
}

.second-nav .searchCondition dd ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.second-nav .searchCondition dd ul li {
    width: 50%;
    margin: 8px auto;
    text-align: center;
}

.second-nav .searchCondition dd ul li a {
    display: block;
}

.second-nav .searchCondition dd ul li a:hover {
    color: #44a4ec;
}

.search {
    margin: 10px auto 0;
    height: 40px;
}

.search .search-input {
    width: 559px;
    height: 38px;
    color: #999;
    font-size: 14px;
    border: 1px silver solid;
    border-right: 0;
    line-height: 38px;
    padding-left: 10px;
    float: left;
    border-radius: 2px 0 0 2px;
}

.search .search-btn {
    float: right;
    cursor: pointer;
    width: 70px;
    height: 40px;
    display: inline-block;
    background-color: #2e94e4;
    text-align: center;
}

.search .search-btn:hover {
    background-color: #0287c6;
}

.search .search-btn .search-icon {
    width: 20px;
    height: 20px;
    overflow: hidden;
    margin-top: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAyCAYAAABcfPsmAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAO6SURBVHjaYvz//z8DMjAxMREBUilA7AfE2kDMB8QvgPgYEK8F4jVnzpz5xYADAAQQI8xAoEGMQCoPiBuBmB+I3wPxZSgtDcSGQMwMxLeBOA5o6AlsBgIEEBMSexIQT4C6JhSIxYCa7IE4AIhNgXxxIG4GYlkgPgB0gA82AwECCOxCoGQOkD0ZiHcAcQjQgK+4vARUC3LpLiDmAmIjoNqbyPIAAcQEVCABpDuB+BYQR+AzDASA8ueBVBQQcwJxD7o8QACBvJwKta0SqPgjAxEAqG43kFoHxD5AB6kiywEEEMhALyB+B8SbGUgDi6A0SlgCBBDIQCUgvgS09TeJBp6B0iguBAggJmgS+cRAOoDp4UcWBAggkIEvoemMVCADpT8gCwIEEMjAS0BsAAxcYRIN1IfSR5EFAQIIZOBKaA7IJ9HAE9CMsBVZECCAGI2NjVmhWUweiB2AkXOSgQIAEECwnGIEZB8G4h/QxL0bRy5hAVKtQJwOTWYJQLV/kdUABBBy4eAJpFYBMTc00S4F4tNA/AWIpYDYCYizgFgTiD8DMS8QLwfiWGRDAQKIEbn4AhqqBs2GATh89A2Ip0ELiTnQQgTFUIAAYkQvD6EGKwMpX7Ty8DgQb4dlT6j3l0ENBfksCmQoQABhNZBYgGboaiCOBAggigzEYuhSgACi2EAkQ0FhagAQQFQxEBkABBATA5UBQABR3UCAAKK6gQABRHUDAQKI6gYCBBDVDQQIIKobCBBAVDcQIICobiBAAGEzENT6qoC2tkAlCygrPYe2vEAtBjZ8BgIEEAMo60ExKBvmA/GH/xDwDogPAvEGID4NxH+g4reA2AJJHwoGCCBkzmSohhtAHALELGiKhYG4CYi/A/EPIPbBZiBAAMEYOVDDtgMxNy7bodgQiF8D8VcgVkeXBwggECEBlbwJxPwEDINhVyD+B8Sb0eUAAghE1EJdF0SkYTC8BqpPFVkcIIBAxHEgfgvErCQa6Ac1sBBZHCCA4K0vIKZK6wsggKje+gIIIKq3vgACCN76AmKqtL4AAggUkDHQwG0iMVLkgbgfPakBBBADNHZvQHOAOYmGYmCAAIIxjKCJG5R83PBoAGXHbmh+XwzEzOhqAAIImeMJxJ+hOWAtEAcCsQwQCwCxFhDnAfE1aPB8gtLL0A0FCCB0F6gB8fr/uMFXqAv5gHgVNkMBAghXywFn6wtaRoIARusLiP8CBBADhZHAguRSEM0MEEAsFJb4f6AuY4C69BdAALFQoRqBGQpq3RoABBgA44rN/aSJ344AAAAASUVORK5CYII=) no-repeat 0 0;
}

.search .search-btn .search-icon.icon {
    display: inline-block;
    vertical-align: top;
    font-size: 100%;
    background-position: 0 -30px;
}

.focus-banner,.focus-banner .scroll {
    height: 320px;
    overflow: hidden;
    position: relative;
    width: 640px;
    z-index: 0;
}

.focus-banner {
    margin: 20px auto 0;
    height: 320px;
    overflow: hidden;
    position: relative;
    width: 640px;
    z-index: 0;
}

.focus-banner .scroll {
    height: 320px;
    overflow: hidden;
    position: relative;
    width: 640px;
    z-index: 0;
}

.focus-banner .con {
    float: left;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    width: 9999px;
}

.focus-banner .con .pic {
    float: left;
    height: 320px;
    position: relative;
    width: 640px;
}

.focus-banner .con .pic .shadow {
    bottom: 0;
    display: block;
    font-size: 22px;
    font-weight: 700;
    height: 80px;
    left: 0;
    line-height: 34px;
    position: absolute;
    width: 100%;
    background-color: rgba(0,0,0,.35);
}

.focus-banner .con .pic .shadow em {
    color: #fff;
    height: 60px;
    padding: 20px 0 0;
    pointer-events: none;
    width: 100%;
}

.focus-banner .con .pic .shadow span {
    bottom: 25px;
    color: #fff;
    left: 20px;
    position: absolute;
    width: 600px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.focus-banner .autos {
    bottom: 0;
    height: 23px;
    left: 0;
    position: absolute;
    width: 100%;
    text-align: center;
}

.focus-banner .autos span,.focus-banner .autos span a {
    display: inline-block;
    vertical-align: top;
}

.focus-banner .autos span {
    cursor: pointer;
    height: 15px;
    margin: 0 3px 0 4px;
    overflow: hidden;
    width: 15px;
}

.focus-banner .autos span a {
    background: #fff;
    border-radius: 1px;
    font-size: 0;
    height: 3px;
    margin-top: 6px;
    opacity: .5;
    width: 100%;
}

.focus-banner .autos span.on a {
    opacity: 1;
}

.focus-banner .btns,.focus-banner .btns a {
    height: 40px;
    position: absolute;
}

.focus-banner .btns {
    display: none;
    left: 0;
    pointer-events: none;
    top: 130px;
    width: 100%;
}

.focus-banner .btns a {
    background: url(data:image/png;base64,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) repeat 0 0;
    left: 10px;
    pointer-events: all;
    top: 0;
    width: 40px;
}

.focus-banner .btns a.btnr {
    background-position: 0 -50px;
    left: auto;
    right: 10px;
}

.focus-banner:hover .btns {
    display: block;
}

.sidebar .godR {
    position: relative;
    height: 250px;
    overflow: hidden;
    background-color: #f9f9f9;
    padding: 10px 20px;
    margin-bottom: 10px;
}

.sidebar .godR .god-mark {
    position: absolute;
    right: 20px;
    bottom: 10px;
    padding: 0 5px;
    height: 20px!important;
    text-align: center;
    display: inline-block;
    line-height: 20px;
    color: #fff;
    background-color: rgba(0,0,0,.4);
    border-radius: 8px 0 0 0;
    z-index: 2;
}

.sidebar .bord {
    border-top: 2px #2e94e4 solid;
    margin: 0 auto 10px;
    background-color: #f9f9f9;
}

.sidebar .hot-article {
    padding-bottom: 10px;
    height: auto;
}

.hot-article {
    padding: 8px 0;
}

.hot-article .pic:hover img {
    -webkit-transform: matrix(1.05,0,0,1.05,0,0);
    -ms-transform: matrix(1.05,0,0,1.05,0,0);
    transform: matrix(1.05,0,0,1.05,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hot-article .pic-txt {
    padding: 10px 0;
    margin: 0 auto;
    width: 300px;
}

.hot-article .pic-txt .pic {
    width: 90px;
    height: 60px;
    margin-right: 10px;
    float: left;
    overflow: hidden;
    position: relative;
}

.hot-article .pic-txt h4 {
    padding-top: 0;
    font-size: 14px;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
}

.hot-article .pic-txt h4:hover a {
    color: #2e94e4;
}

.hot-article .pic-txt p {
    text-align: right;
    padding-top: 4px;
    line-height: 1;
    color: #999;
}

.hot-article .pic-txt p a {
    color: #999;
    font-size: 12px;
}

.hot-article .pic-txt p a:hover {
    color: #2e94e4;
}

.hot-article .pic-txt .sn {
    width: 100%;
    height: 40px;
    padding-top: 20px;
    background-color: rgba(0,0,0,.3);
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    text-indent: 10px;
}

.user-info {
    background: #fff;
    position: relative;
    padding-top: 56px;
    width: 138px;
    border: 1px #ddd solid;
}

.user-info .user-pic {
    height: 70px;
    width: 70px;
    position: absolute;
    top: -22px;
    left: 35px;
}

.user-info .user-pic img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #ddd;
}

.user-info h4 {
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    padding-top: 3px;
}

.user-info .user-num {
    padding: 14px 2px 15px;
    height: 42px;
}

.user-info .user-num dd {
    height: 42px;
    width: 66px;
    float: left;
    text-align: center;
    color: #666;
    line-height: 1;
}

.user-info .user-num dd:first-child {
    border-right: 1px #eee solid;
}

.user-info .user-num dd .value {
    color: #191919;
    font-size: 14px;
    display: block;
    height: 26px;
    line-height: 26px;
    vertical-align: middle;
}

.user-info .user-num dd .value .num {
    font-size: 16px;
}

.user-info .user-more {
    height: 31px;
    background: #f9f9f9;
    text-align: center;
    line-height: 31px;
}

.user-info .user-more a {
    color: #666;
}

.user-info .user-more a:hover {
    color: #c9141d;
}

.user-info .author-tag {
    display: block;
    text-align: center;
    color: #666;
}

.fox-wrap {
    width: 100%;
    height: 16px;
    padding-top: 9px;
    position: relative;
}

.fox-wrap .fox-head-wrap {
    position: absolute;
    width: 100%;
    height: 16px;
    text-align: center;
    z-index: 43;
}

.fox-wrap .fox-head-wrap .fox-logo {
    display: inline-block;
    height: 15px;
    width: 16px;
    vertical-align: top;
    margin-right: 3px;
    cursor: pointer;
}

.fox-wrap .fox-head-wrap .fox-logo:last-child {
    margin-right: 0;
}

.fox-wrap .fox-head-wrap .fox-golden {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAACm0lEQVQoz5XSS0hUcRQG8O/87517nWdDjaZmTZrYYGn0BKOHWGklYVAtbFGLoCR6LEsKgxZGEBQVFSEIBSJt7LEpg1pFiJVQWRYJU6Y5Tjqjjs69zr3/00oxNKFvdT74+K0OMC3xW9gzvZs/S46Y71dWTfbh+/7s2A21bPpGTB6xhjSPlqc9TrQuqE0Ob8swubyFfVYDj0SazI7gbfNjUTpLNJIqns4KGGPGdiWgQrEG6+yOT3cRy9zLA17IQdPFUbvGaO9sRixenkpajnAtcmYAwokKOWFA+D1plDKqrLftkvsEs17AZnzcYi1QpmQFkYxKWAnsmwEobpQpi6vhKKyXSs46MH0WSnYeqfmbiNW4qhdXwlNxkX1bq0A2tv0F9JxHgbOorEA6g2DhFoq+FCA/oKYD5ALp2RAOH6QxCq1wBdxbVpWGa9O0KcC9Y3cVBVYjFe2GPdoJ1bUI8BQzbAts2xC+5dDc85Ea+c7jP75AL9zo9e49UD4FeDOSx2ioCzLlkMM9PYCisDu3lGQyAmlE4clbDwlNxnp7IIilmgjDxeEzAECybVktdK4nIrA2X35o7cO3d7YIlWQgVLkPpBA6Hz5C16tf2LDLyUuKvYzRuABLgMQJdTxq7yCVAGKoekTkBm059rVfjvbblAycIoEJxLsv87KFY8gMZJPZmyLbEmApAOZD1HvV7wRoOymogZS7FRjIyJ/HibU3peE5oBCBnQPXbf3NBTUSNsFCAwnxAow7THhG07+q75ovpOeFrriC+ZWWbzMm/NVQBEvHUKNArA1GX++rie6Px7NOx99jrgy+PvjA/HqSLR5imyPS7DrKv1/vfznblv6FJNp2XnreQmd1J1C6Z94915rmw/jfnMtHU10IT+ba/AF7UB2C1S2tFgAAAABJRU5ErkJggg==) no-repeat;
    background-size: cover;
}

.fox-wrap .fox-head-wrap .fox-sliver {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAACf0lEQVQoz5WRPUhbYRSGz/nyYxJidUgClZKhgZB0qB10jGBSWyj1B7p36uDQtUM7OLab4FCU1oKtsZQ6pg51aB0iVoPBKIoo8TaKURK53ptrPu9Ncr/Tob2SIlT6wIFzDud9h/cANJFdzQw0z+vruSfLyz8GrXl2drYjlUrFm2/QatbWVr263tAcdnzR2tr6jtkcb6rV6uDx8TF3Op0fGMORer2RbGlp6Y3FYk5Lx6zm4OCgj0iAUauPnCrqWwIYNE0TGo2Gp1Yzhk/l0092u+OeoiiOsbGxG5cMSqXy/bMzDbxer6tWqw8UfkoCEcnv9xPnvHG9oyMeCPihUCiAoiiPLhnYbPbezs47EI3eEoFAAGRZZsFgEEOhEOq6YY9EIhCNRimRSAAAJJpzgInx1+G9vT2yODk5obm5OeKck6ZpND8/T7quExEJIqJMJlMZHR29yAF2d3efERGpqnphksvlRKVSIVVVaXNz01qbsiwTEdHR0dHDiy9IkpR3u903PR6PMAyD+Xw+AgAslUqAiODz+QARRblcBsYY6LrOOOfpcDgcw2w2+9w0zZeMMWhvbxcrKyuws7PDurq6IB6PAyLCwsICZDIZ6O7uplAoRLIss9+52Z7aFUXpY4wBIgLnnLW1XRPn51xIkoQulwsBADY2NsgwDHA6nVgsFpGI4E89xmQy6QaAu4g4TEQPiAiCwSD19PQIALABAFWrVXNxcdFeLBaBMQaMsW8AMEFEX//6xvT0dCSdTn85PDykJkwhBO3v79PS0lJ6ZmbmNlxFPp//rGmaZSAURaHt7e3vVwqb2draejU5OUlTU1NUKBTe/5fYYmho6GN/f3/qXze/AOHWfVw0t51KAAAAAElFTkSuQmCC) no-repeat;
    background-size: cover;
}

.fox-wrap .fox-head-wrap .fox-zuan {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAACoUlEQVQoz41SS0hUYRg93507OuM4jprkaApphFgWUki0KbO3i8gM6WW0KRVCiraBCykkEtpVVBsxJSECKSFJFw6jC7OXoOmo4Yg45mPezp37+L9WIxNBeFbnwDmH78AHJGHMr59L1r0+vvpqhqsT+nNQZH8PGaeTPZQgnxYVi2KImCHQYkm3Prbb8dQXRv2HCQTTZHRUOHG/yKY815guVzktmzk5QYqsKSffz6/DsxJpsWfY8ypLs6+rKmAAmcsKmke9Aee8ZaNu//ZM+MJin9MujQOAlChwptGZaCSOEW9QckiisYAQL7EI3C4Dt1WwWpal1/ljArvSzLBJVPvPBI9f/JyMxkv2OiTdakmRJ4OAM4W52A6sxEEgQoYZrDMoEoJrZxYd2bwgEOXdQwG9xL1KyElPkS0yhCcEAYmwphGN+YnjDKQRaHiDMU447A1x9mbBG59WM7KkYsKroGvKYBngXCsMuxmkGEBABRypwNcw+ONkDD+Cmjwo+OJmQX4qmo7lmJCVSsYz1yLca4KOOmGKqsBaDNizA1gV4LYBHxtRYRQTkK+JuwCAtzMbrVMBjZmZA3FNL2/t1XH2AZ/vHOYZg/mLxlzd841R+4hvvB41dCH0oCrY41fZvRhvl4nkA2sKYVpiFKXLpo7GE9pNIbFvWZEMlSU2gLlZP1cdKue2CweFIkj2RgQiuoQYo4oAoH+BK1WBBk2gtjgTZpMd7F+BnqHDHFHBvwG9pAim2DokbxiwmNBHhBcSoS/5K9G/wIU+hTvfLTPX98fYPc2Ga46NWy4WXUvMU1F2Dy5yaXJGThanCmkBwLWhEEdm/aGGaZuQHLZUMfArQAW52wav5NFxbBVNruC9nDvdnN/cxaXdKy+3HPwLl9qfoOZhz/8sfwBZ+Fdq9OZ9nQAAAABJRU5ErkJggg==) no-repeat;
    background-size: cover;
}

.fox-wrap .fox-hover-wrap {
    display: none;
    position: relative;
    height: 0;
    width: 0;
    top: -11px;
    left: -11px;
    z-index: 30;
}

.fox-wrap .fox-hover-wrap .fox-each-wrap {
    width: 293px;
    height: 211px;
    padding: 102px 58px 0 35px;
    box-sizing: border-box;
    z-index: 201;
}

.fox-wrap .fox-hover-wrap .fox-each-wrap .fox-content {
    line-height: 22px;
    font-size: 14px;
    color: #191919;
    font-weight: 400;
}

.fox-wrap .fox-hover-wrap .fox-each-wrap .fox-content .fox-grade {
    display: inline-block;
    position: relative;
    top: -1px;
    width: 71px;
    height: 15px;
    line-height: 22px;
    vertical-align: middle;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: cover;
}

.fox-wrap .fox-hover-wrap .fox-each-golden {
    background: url(http://www.333dna.com/m/images/hu-golden-cen.png) no-repeat;
    background-size: cover;
}

.fox-wrap .fox-hover-wrap .fox-each-sliver {
    background: url(http://www.333dna.com/m/images/hu-sliver-cen.png) no-repeat;
    background-size: cover;
}

.fox-wrap .fox-hover-wrap .fox-each-zuan {
    background: url(http://www.333dna.com/m/images/hu-zuan-cen.png) no-repeat;
    background-size: cover;
}

.article-do {
    margin: 60px auto 0;
    text-align: right;
}

.article-do-fixed {
    margin: 0;
    position: fixed;
    top: 60px;
    left: 50%;
    margin-left: -590px;
    background: #fff;
    width: 140px;
}

.article-done dd {
    height: 38px;
    font-size: 24px;
    line-height: 38px;
    position: relative;
}

.article-done dd .num {
    font-family: Georgia,Arial;
    color: #da2128;
}

.article-done dd .comment-icon {
    width: 25px;
    height: 21px;
    margin: 11px 0 0 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAA8CAYAAACTiBHmAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAATYSURBVHjaYvz//z8DLnBbSVMHSPkBsTUQKwKxCBR/BOLnQHwBiPcC8U7Ve9ef4DIHIIAYsVkCNBxkcDUQmyEJgwx+CsTfgVgciMWAmA0q9w+ItwNxE9CyU+jmAQQQiiVAw0WB1Byo60HgNBDPB+IDQM3X0RzCBKQ0gdgTiFOAWB2IQYbNAuIioPpvMLUAAQS3BKhJGUjthgYLyMBMoMKDDEQAqIVBQDwBiKWB+CzIcqD+1yB5gAACWwJUJAxknwRikEXLgTgBqOAXA4kAaI4gkFoMxN5Q85xAPgIIICao/HSoBauAOIYcC0AAqO891Ed7gNgciDtB4gABxHhLUcMUSIMi6xEQ6wMVfmCgEAB9BEqBN4BYABRvAAEE8kkyVK6DGhZAffQGSHUDMTMQpwMEEMgSe6jcWjTXqAAxDxZX8mIR4wBiVjThFVDaBSCAQJYoAPEroO2vkDTFAqlbQHwVZACSOMghH4F0EZKYJjRjPgGyZZB88xBIgUJGFSCAQJb8weJjCVB8QXM3G5K4KVTcFDl0oGEvBnUwMgDlFVaAAGIBEveBWBvoCn6g7R+hkv1AfA+IbwLFPiFp8gFidyBeiCS2GYgTQSUBUO0RJB+yAylQ5n4KEECg1AXKoalA7AtUtIWBSgBoCSivgMxbAhBAoOBaBxWPY6AuKIbSiwECiAlalICKkWCg7RJU8gUoZByB+CAwdHYBBBATkPgLLUFBhdh7KlgQCqSmQM1KAokBBBALVE4KlACAFv6kwHBOINUAxCXQagEUx6DEwwAQQDBLZKHFAEyDHJCKBmJ+aHl2HqjhPw7DpaBq84AYlE9OQAvYmzA1AAEEK4VBGecwEB8F4gggtoXmBxgAFRNnQGZC0z4XNHnqArEWVC0oQ7YD8TRoFMABQADBLAGVurBi4T+0sloMTRCB0EhURVIDAj+heew4EG8AxSvQ8N/YfAsQQCzQMgdUmH0GZT4gPgKrbKBgLzRYWKDBxwfyGVDNZ2LjCyCAGPE1JKgFAAKIiYEOACCA6GIJQADRxRKAAKKLJQABRBdLAAKILpYABBBdLAEIILpYAhBALPgkjxoZEd2qtz53DmerHiCAsOZ4oOFkt+qBlmG06gECCMUSoOE4W/VAzdfRHIK3VQ9UD2/VAwQQ3BKgJoxWPVAhUa16qIUYrXqgfnBBCxBAYEuAijBa9UAFJDe6geZgtOpBPgIIIKytenIsAAGgPqyteoAAYjxiaIjSqgcqpLjRDfQRSqseIIBQWvXUsADqI5RWPUAA4WzVA12jAsQ8WFzJi0WMA4hxtuoBAgjeqgfa/gpJE7xVDzIASRzcqgfSRUhi8FY9kC2D5Bt4qx4ggOjSqgcIIHirHugKfqDtGK16oBjRrXqg2iNIPoS36gECCJS64K16oCKqteqBlsBb9QABRJdWPUAAobTqgbZLUMkX8FY9MHR2AQQQE5CgaqseaAFGqx4ggFBa9UALf1JgOEarHmgeuFUPEEBYW/VADRiteqCG/zgMx9qqB6qHt+oBAghWClO1VQ+NAjgACCCYJVRp1QMNx9qqBwggFmiZg9Kqh1U2yK16oDqUVj1QDdGteoAAokurHiCA6NIkAgggulgCEEB0sQQggOhiCUAA0cUSgACiiyUAAUQXSwACiC6WAAQYAM+L5fKTXT+NAAAAAElFTkSuQmCC) no-repeat 0 0;
}

.article-done dd .zan-icon {
    width: 25px;
    height: 19px;
    margin: 10px 0 0 12px;
    background: url(data:image/png;base64,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) no-repeat 0 0;
}

.article-done dd .zan-icon.cur {
    background-position: 0 -30px;
}

.article-done dd:hover .icon-comment:before,.article-done dd:hover .num {
    color: #c43131;
}

.article-done dd:hover .zan-icon.cur {
    background-position: 0 -30px;
}

.article-done .add-one {
    color: #da2128;
    position: absolute;
    top: -17px;
    right: 4px;
    font-size: 16px;
    display: none;
}

.share {
    border-top: 1px #eaeaea solid;
    padding-top: 12px;
    margin-top: 10px;
}

.share ul {
    float: right;
}

.share ul li {
    float: left;
    width: 27px;
    margin-left: 10px;
}

.share ul li .icon {
    width: 27px;
    height: 27px;
    background: url(data:image/png;base64,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) no-repeat 0 0;
    opacity: .8;
}

.share ul li .weixin-icon {
    background-position: 0 -40px;
}

.share ul li .qzone-icon {
    background-position: 0 -80px;
}

.share ul li.tt {
    color: #999;
    width: 100%;
    float: none;
    font-size: 14px;
    height: 35px;
    line-height: 28px;
    margin: 0;
}

.share ul li .icon:hover {
    opacity: 1;
}

.share .weixin {
    position: relative;
}

.share .weixin .wx-code {
    display: none;
    position: absolute;
    top: 27px;
    left: -56px;
    width: 140px;
    height: 150px;
    padding-top: 10px;
    text-align: center;
}

.share .weixin .wx-code .cort {
    display: none;
}

.share .weixin .wx-code .code-pic {
    height: 100px;
}

.share .weixin .wx-code p {
    font-size: 14px;
    line-height: 20px;
    color: #191919;
}

.share .weixin:hover .wx-code {
    display: block;
}

.titleR {
    height: 25px;
    padding: 6px 20px 0;
    color: #191919;
    line-height: 25px;
    text-align: right;
    position: relative;
}

.titleR .tt {
    font-size: 15px;
    float: left;
    font-weight: 700;
    height: 29px;
    line-height: 24px;
    width: 33.3%;
    text-align: center;
    border-bottom: 2px #e3e3e3 solid;
}

.groom-read {
    margin: 20px auto 1rem;
    position: relative;
}

.groom-read .title {
    height: 19px;
}

.groom-read .title span {
    color: #191919;
    float: left;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
}

.groom-read .title span .ln {
    float: left;
    width: 4px;
    height: 19px;
    background: #2e94e4;
    border-radius: 2px;
    margin-right: 12px;
}

.more-load {
    margin: 20px auto;
    text-align: center;
    font-size: 14px;
    line-height: 32px;
}

.more-load .bottom-loading {
    overflow: visible;
    text-transform: none;
    -webkit-appearance: button;
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
    cursor: pointer;
    margin-top: .25rem;
    margin-bottom: .25rem;
    color: #fff;
    background-color: #1ca4e5;
    border-color: #1ca4e5;
    display: block;
    width: 55%;
    margin-left: auto;
    margin-right: auto;
}

.more-load .bottom-loading:hover {
    background-color: #0287c6;
    border-color: #0287c6;
}

.h2tab-right .widget-tabs {
    margin: 15px auto 0;
    height: 31px;
    padding: 0 20px;
}

.h2tab-right .widget-tabs li {
    font-size: 15px;
    font-weight: 700;
    float: left;
    height: 29px;
    line-height: 24px;
    width: 33.3%;
    text-align: center;
    cursor: pointer;
}

.h2tab-right .widget-tabs li.on {
    border-bottom: 2px #e3e3e3 solid;
    color: #2e94e4;
}

.set_list_right_b_a {
    width: 100%;
    height: 103px;
    margin: 8px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.set_list_right_b_a:hover {
    background-color: #f8fdff;
}

.set_list_right_b_a:hover .p1 {
    color: #1ca4e5;
}

.set_list_right_b_a>a {
    position: relative;
    float: left;
    display: inline-block;
}

.set_list_right_b_a>a img {
    width: 108px;
    height: 79px;
    float: left;
    margin-top: 12px;
    margin-right: 10px;
    margin-left: 16px;
}

.set_list_right_b_a>a img span {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    left: 0;
    background-color: rgba(255,255,255,0);
}

.set_list_right_b_a div {
    width: 195px;
    padding-top: 5px;
    font-size: 14px;
    line-height: 32px;
}

.set_list_right_b_a div a .p1 {
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.set_list_right_b_a div p.p2 {
    color: #999;
    font-size: 12px;
    display: inline-block;
}

.set_list_right_b_a div p.p3 {
    color: #ff4e00;
    font-weight: 600;
}

.set_list_right_b_a div p.p3 em {
    font-size: 12px;
    color: #333;
    font-weight: 500;
}

.article-allsee {
    padding-top: 15px;
}

.article-allsee .title {
    height: 19px;
}

.article-allsee .title span {
    float: left;
    line-height: 1;
    font-size: 18px;
    color: #191919;
}

.article-allsee .title span .ln {
    float: left;
    margin-right: 12px;
    width: 4px;
    height: 19px;
    border-radius: 2px;
    background: #2e94e4;
}

.article-allsee .allsee-list {
    width: 680px;
    padding-top: 13px;
}

.article-allsee .allsee-item {
    float: left;
    margin-right: 27px;
    margin-bottom: 16px;
    width: 195px;
    position: relative;
}

.article-allsee .allsee-item .allsee-image {
    display: block;
    height: 130px;
}

.article-allsee .allsee-item .allsee-image img {
    width: 100%;
    height: 100%;
}

.article-allsee .allsee-item .allsee-title {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    margin-top: 8px;
    width: 100%;
    height: 40px;
    line-height: 20px;
    font-size: 14px;
    color: #303030;
    -webkit-line-clamp: 2;
    word-break: break-all;
    -webkit-box-orient: vertical;
}

.article-allsee .allsee-item .allsee-title:hover {
    color: #e63939;
}

.news-wrapper,.related-list {
    margin: 0;
}

.news-wrapper .news-box,.related-list .news-box {
    padding: 15px 0;
    border-bottom: 1px #f0f0f0 solid;
}

.news-wrapper .news-box:after,.related-list .news-box:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}

.news-wrapper .news-box .pic,.related-list .news-box .pic {
    float: left;
    width: 150px;
    height: 100px;
    margin-right: 15px;
    overflow: hidden;
    position: relative;
}

.news-wrapper .news-box .pic img,.related-list .news-box .pic img {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .5s ease .1s;
    transition: -webkit-transform .5s ease .1s;
    transition: transform .5s ease .1s;
    transition: transform .5s ease .1s,-webkit-transform .5s ease .1s;
    vertical-align: middle;
    border: none;
}

.news-wrapper .news-box .pic img:hover,.related-list .news-box .pic img:hover {
    -webkit-transform: matrix(1.05,0,0,1.05,0,0);
    -ms-transform: matrix(1.05,0,0,1.05,0,0);
    transform: matrix(1.05,0,0,1.05,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.news-wrapper .news-box h4,.related-list .news-box h4 {
    height: 63px;
    font-size: 18px;
    line-height: 24px;
    vertical-align: top;
    padding-top: 7px;
}

.news-wrapper .news-box h4 a,.related-list .news-box h4 a {
    color: #191919;
}


.news-wrapper .news-box.news-box-txt h4,.related-list .news-box.news-box-txt h4 {
    height: auto;
    padding: 10px 0 15px;
}

.news-wrapper .news-box .other,.related-list .news-box .other {
    line-height: 20px;
    color: #777;
    height: 20px;
}

.news-wrapper .news-box .other span,.related-list .news-box .other span {
    display: inline-block;
    vertical-align: top;
}

.news-wrapper .news-box .other span.dot,.related-list .news-box .other span.dot {
    margin: 0 2px 0 6px;
}

.news-wrapper .news-box .other a,.related-list .news-box .other a {
    color: #777;
}

.news-wrapper .news-box .other a.com,.related-list .news-box .other a.com {
    float: right;
    width: 52px;
}

.news-wrapper .news-box .other a.com i,.related-list .news-box .other a.com i {
    background-image: url(http://www.333dna.com/m/images/comment.png);
    width: 16px;
    height: 16px;
    background-size: 16px;
    display: inline-block;
    vertical-align: middle;
}

.news-wrapper .news-box .other .img img,.related-list .news-box .other .img img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 10px;
    display: block;
}

.text-title {
    position: relative;
    /*top: -6px;*/
}

.text-title h1 {
    font-size: 28px;
    font-weight: 700;
    line-height: 38px;
    color: #191919;
}

.text-title h1 .original-logo {
    position: relative;
    top: -5px;
    background: #fdd000;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 20px;
    padding: 3px 5px 3px 5px;
    margin-top: 0;
}

.text-title h1 .article-info {
    font-size: 14px;
    line-height: 20px;
    color: #999;
    padding-top: 35px;
}

.text-title h1 .article-info a {
    color: #999;
}

.text-title h1 .article-info a:hover {
    color: #c9141d;
}

.text-title h1 .article-info .com a {
    float: right;
}

.text-title h1 .article-info span a {
    margin-right: 8px;
}

.text-title h1 .article-info .icon-comment:before {
    font-size: 17px;
}

.text-title .text-focus-pic {
    width: 640px;
    height: 320px;
    position: relative;
}

.text-title .text-focus-pic .pic,.text-title .text-focus-pic .pic img {
    width: 100%;
    height: 100%;
}

.text-title .article-info {
    padding-top: 15px;
    font-size: 12px;
}

.text-title .article-info .collection-tag {
    float: right;
    padding-left: 25px;
}

.text-title .article-info a {
    margin: 0 6px;
}

.text-title .article-tag {
    display: inline-block;
    font-weight: 400;
    position: relative;
    top: -4px;
}

.text-title .article-tag em {
    margin-left: 8px;
}

.article {
    color: #191919;
    font-size: 16px;
    line-height: 30px;
    padding-top: 5px;
    overflow: hidden;
}

.article p {
    padding: 10px 0 20px;
}

.article h4 {
    font-size: 20px;
    padding: 12px 0 16px;
}

.article img {
    display: block;
    margin: 0 auto;
    max-width: 550px;
    height: auto;
}

.article img:first-child {
    margin: 10px auto 0;
}

.article .article-pic {
    margin: 15px auto 20px;
}

.article .article-bg {
    background: #f8f7f4;
    border-left: 5px #ebe5d4 solid;
    padding: 13px 20px;
    margin: 23px auto 25px;
}

.article dl {
    padding: 10px 0 20px;
}

.article .cir {
    display: inline-block;
    margin: 12px 14px 0 0;
    width: 5px;
    height: 5px;
    background: #191919;
    border-radius: 50%;
    vertical-align: top;
}

.article .blue {
    color: #0070c0;
}

.article .orange {
    color: #ff6827;
}

.article .red {
    color: #cc1b1b;
}

.article .green {
    color: #639505;
}

article a,article a:hover {
    color: #056bc1;
}

.statement {
    color: #999;
    line-height: 16px;
}

.bottom-relate-wrap {
    padding-bottom: 8px;
}

.bottom-relate-wrap .bottom-relate-tag {
    display: inline-block;
    width: 550px;
}

.bottom-relate-wrap .bottom-relate-tag .article-bottom-banner {
    height: 20px;
}

.bottom-relate-wrap .read-wrap {
    float: right;
    margin-top: 24px;
}

.bottom-relate-wrap .read-wrap em {
    font-style: normal;
}

.odepth_arclist {
    margin-top: 25px;
    margin-bottom: 25px;
    background-color: #fff;
}

.media {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 12px;
    margin: 25px 12px;
    position: relative;
}

.media:hover {
    box-shadow: 0 0 4px 0 rgba(0,0,0,.2),0 2px 20px 0 rgba(0,0,0,.19);
}

.media img {
    width: 180px;
    height: 127px;
    margin-right: 18px;
}

.media .media-body {
    display: inline-block;
}

.media .media-body h5 {
    margin-bottom: 12px;
    font-weight: 500;
    line-height: 1.2;
    font-size: 18px;
}

.media .media-body p {
    font-size: 14px;
    color: #444;
    line-height: 26px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    overflow: hidden;
    min-height: 62px;
}

.media .media-body div {
    margin-top: 12px;
}

.media .media-body div span.time {
    display: inline-block;
    margin-right: 18px;
    padding-left: 16px;
    background: url(http://www.333dna.com/m/images/article_time.png) no-repeat left center/13px 13px;
    font-size: 14px;
    color: #999;
}

.media .media-body div a.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0);
}

.media .media-body div a i {
    font-style: normal;
    padding-left: 40px;
    background: url(http://www.333dna.com/m/images/article_click.png) no-repeat left center/16px 10px;
    font-size: 14px;
    color: #ff8e63;
}

.related-list {
    padding-bottom: 25px;
}

.related-list h4 {
    margin-left: 20px;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}

.odepth_article .tit {
    margin-bottom: 2px;
    padding: 45px 30px 35px;
    height: auto;
    text-align: center;
}

.odepth_article .tit h5 {
    margin-bottom: 20px;
    font-size: 18px;
    color: #333;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
    letter-spacing: 1px;
}

.odepth_article .tit span {
    font-size: 14px;
    color: #999;
    line-height: 14px;
    letter-spacing: 1px;
}

.odepth_article .body {
    padding: 30px 90px 15px;
    height: auto;
}

.odepth_article .body p {
    text-indent: 28px;
    margin-bottom: 30px;
    font-size: 14px;
    color: #444;
    line-height: 30px;
}

.odepth_article .body img {
    display: block;
    margin: 0 auto 30px;
    max-width: 720px;
}

.odepth_article .prenext {
    padding: 40px 23px;
    border-top: 1px dashed #eee;
}

.odepth_article .prenext table {
    margin-bottom: 16px;
}

.odepth_article .prenext table tr:hover {
    background-color: #f5f5f5;
}

.odepth_article .prenext table td {
    padding: 8px;
}

.odepth_article .prenext .next-pre {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}

.odepth_article .prenext .next-pre p {
    width: 49%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.odepth_article .prenext a {
    line-height: 32px;
    font-size: 14px;
    color: #333;
}

.odepth_article .prenext a:hover {
    color: #44a4ec;
}

.odepth_article .prenext a:nth-of-type(1) {
    padding-right: 0;
}

.odepth_article .prenext a:nth-of-type(2) {
    padding-left: 50px;
}

.odepth_article .prenext a span {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.odepth_article .prenext a p {
    line-height: 32px;
    font-size: 14px;
    color: #666;
    text-indent: 28px;
}

.side-list-h2 {
    margin-top: 19px;
    background-color: #fff;
}

.side-list-h2 h2 {
    width: 100%;
    padding: 15px;
    font-size: 14px;
    box-sizing: border-box;
    border-bottom: 1px solid #f1f1f1;
}

.side-list-h2 .list-box {
    padding: 20px 16px;
}

.side-list-h2 .list-box li {
    line-height: 32px;
}

.side-list-h2 .list-box li:hover a {
    color: #2e94e4;
}

.paging {
    width: 98%;
    padding-top: 25px;
    padding-bottom: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.paging a {
    display: inline-block;
    width: auto;
    min-width: 34px;
    padding: 0 5px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    font-size: 14px;
    border: 1px solid #bebebe;
    border-radius: 5px;
    margin-left: 14px;
    cursor: pointer;
    float: left;
}

.paging a.cur,.paging a:hover {
    background-color: #2e94e4;
    color: #fff;
    border: 1px solid #fff;
}

.paging a.disabled {
    border: 1px solid #bebebe;
    background-color: #bebebe;
    color: #080810;
}

.paging a.pre {
    background: url(http://www.333dna.com/images/V2.0/pre.png) #999 center no-repeat;
    background-size: 11px 13px;
}

.paging a.next {
    background: url(http://www.333dna.com/images/V2.0/next.png) #999 center no-repeat;
    background-size: 12px 14px;
}

.paging a.now {
    background: #44a4ec;
    color: #fff;
    border: 1px solid #44a4ec;
}

.paging span {
    color: #080810;
    font-size: 15px;
    height: 34px;
    line-height: 34px;
    min-width: 34px;
    text-align: center;
    display: inline-block;
    float: left;
    margin-left: 14px;
}

.paging span.moreAndmore {
    line-height: 29px;
}

.paging span input {
    display: inline-block;
    width: 34px;
    height: 33px;
    text-align: center;
    line-height: 33px;
    font-size: 14px;
    border: 1px solid #bebebe;
    border-radius: 5px;
    margin-left: 14px;
    color: #080810;
    box-sizing: border-box;
    background: 0 0;
}

.contentBox {
    background: #f6f6f6;
}

.contentBox .conditionBox {
    width: 1200px;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
}

.bgBox {
    background: #f6f6f6;
    width: 100%;
    overflow: hidden;
    padding-top: 25px;
}

.tag_center {
    position: absolute;
    height: 36px;
    width: 207px;
}

.tag_center i {
    color: #fff;
    line-height: 27px;
    width: 40px;
    display: inline-block;
    position: relative;
    top: -3px;
    height: 33px;
    padding-right: 4px;
    float: left;
    text-align: center;
}

.tag_center i:first-child {
    margin-left: 5px;
}

.tag_center .i1 {
    background: url(http://www.333dna.com/images/V2.0/icon_tag.png) no-repeat;
    background-size: 40px 33px;
    font-size: 12px;
    font-style: normal;
}

.hos_left {
    width: 900px;
    display: block;
    float: left;
}

.hos_left .sort_patten {
    width: 100%;
    height: 55px;
    box-sizing: border-box;
    background: #fff;
    overflow: hidden;
}

.sort_patten p {
    float: right;
    color: #666;
    font-size: 14px;
    margin-right: 20px;
    height: 55px;
    line-height: 55px;
}

.sort_patten p em {
    color: #fe6d02;
    font-size: 18px;
    line-height: 40px;
}

.sort_patten span {
    display: inline-block;
    line-height: 55px;
    color: #8c8c8c;
    float: left;
    margin-left: 17px;
}

.sort_patten a {
    color: #444;
    float: left;
    line-height: 55px;
    height: 55px;
    width: 104px;
    text-align: center;
    border-right: 1px solid #eee;
    cursor: pointer;
}

.sort_patten a:first-child {
    border-left: none;
}

.sort_patten a.on {
    color: #ea7639;
}

.hos_list {
    width: 900px;
    float: left;
}

.hos_info {
    float: left;
    height: 195px;
    padding: 23px;
    box-sizing: border-box;
    -webkit-transition: box-shadow .25s;
    transition: box-shadow .25s;
    background: #fff;
    width: 900px;
    margin-top: 5px;
}

.hos_info:hover {
    box-shadow: 0 0 4px 0 rgba(0,0,0,.2),0 2px 20px 0 rgba(0,0,0,.19);
}

.hos_info .imgbox {
    width: 207px;
    float: left;
    margin-right: 12px;
}

.hos_info .imgbox img {
    width: 207px;
    height: 144px;
}

.hos_info .hos_info_detail {
    overflow: hidden;
    width: 633px;
    height: 147px;
    position: relative;
}

.hos_info_detail a.title {
    display: block;
    overflow: hidden;
}

.hos_info_detail h2 {
    display: inline-block;
    max-width: 80%;
    float: left;
    font-weight: 700;
    font-size: 18px;
    color: #333;
    margin-right: 4px;
}

.hos_info_detail .hos_open {
    color: #fff;
    background: #ff9468;
    border-radius: 5px;
    width: 85px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    font-size: 14px;
    display: inline-block;
    margin-top: 3px;
}

.hos_info_detail .center_info {
    color: #444;
    overflow: hidden;
    margin-top: -17px;
    position: absolute;
    right: 5px;
    font-size: 14px;
}

.center_info em {
    color: #f57b4b;
}

.hos_info_detail ul {
    float: left;
    display: block;
    width: 100%;
    border-bottom: 1px dashed #e9e9e9;
    padding-bottom: 12px;
}

.hos_info_detail ul li {
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    height: 20px;
    display: inline-block;
    color: #fff;
    border-radius: 4px;
    padding: 2px 7px;
    float: left;
}

.hos_info_detail ul li:nth-child(n+2) {
    margin-left: 10px;
}

.hos_info_detail p {
    display: block;
    float: left;
    width: 100%;
    margin-top: 11px;
    font-size: 14px;
    color: #444;
}

.hos_info_detail p:nth-last-child(2) {
    width: 73%;
}

.hos_info_detail p em {
    color: #444;
}

.hos_info_detail p em s {
    color: #444;
    text-decoration: none;
}

.hos_info_detail p span {
    margin-left: 10px;
    line-height: 19px;
    height: 19px;
    display: inline-block;
}

.hos_info_detail p span.font_blue {
    color: #44a4ec;
}

.hos_info_detail p span .font_yellow {
    color: #ff8e63;
}

.hos_info_detail p a {
    cursor: pointer;
}

.hos_info_detail p .a1 {
    background: url(http://www.333dna.com/images/V2.0/hos_map.png) no-repeat left center;
    background-size: 10px 16px;
    color: #444;
    width: 10px;
    height: 16px;
    padding-left: 13px;
    margin-left: 4px;
}

.hos_info_detail p .a2 {
    vertical-align: text-top;
    display: inline-block;
    background: url(http://www.333dna.com/images/V2.0/hot_calendar.png) no-repeat;
    width: 18px;
    height: 17px;
    background-size: 18px 17px;
    margin: 0 4px;
    font-size: 14px;
    color: #737373;
}

.hos_info_detail .price {
    float: right;
    color: grey;
    font-size: 14px;
    margin-top: 4px;
}

.hos_info_detail .price em {
    color: #ff9000;
    font-size: 22px;
}

.media.notpic {
    position: relative;
}

.media.notpic a {
    padding-top: 20px;
    padding-bottom: 20px;
    display: block;
}

.media.notpic a .time {
    position: absolute;
    right: 12px;
    top: 32px;
}

@media only screen and (max-width:640px) {
    header {
        background-color: #fff;
        border-bottom: 1px solid #e4e4e4;
        width: 100%;
        min-width: 100%;
    }

    header .login {
        width: 80px;
    }

    .area {
        width: 94%;
        margin: 0 auto;
    }

    .area .head-nav,.area .login {
        display: none;
    }

    .nav-area-mobile {
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .nav-area-mobile a,.nav-area-mobile h {
        display: block;
        height: 40px;
    }

    .nav-area-mobile .fh_btn {
        width: 38px;
        background: url(http://www.333dna.com/m/images/236594b.png) no-repeat;
        background-size: 125px;
        left: 0;
        z-index: 5;
    }

    .nav-area-mobile .x {
        padding: 0 10px 0 28px;
        font-size: 14px;
        right: 0;
        line-height: 40px;
        text-align: center;
        color: #3d9ff9;
        background: url(http://www.333dna.com/m/images/1f12176.png) 5px no-repeat;
        background-size: 23px;
    }

    .nav-area-mobile h2 {
        color: #030303;
        line-height: 40px;
        font-size: 16px;
        text-align: center;
        position: relative;
        font-weight: 400;
    }

    .search .search-input {
        width: calc(100% - 81px);
    }

    .focus-banner,.focus-banner .scroll {
        width: 100%;
        height: 28vh;
    }

    .focus-banner {
        margin-top: 10px;
    }

    .focus-banner .con .pic {
        height: 28vh;
    }

    .focus-banner .con .pic .shadow {
        height: 52px;
        padding-top: 8px;
        font-size: 16px;
    }

    .focus-banner .btns {
        top: 80px;
    }

    .bottom-relate-wrap .bottom-relate-tag {
        width: 100%;
    }

    .location-without-nav {
        margin-top: 20px;
    }

    #article-container {
       /* padding: 35px 0 0;*/
        padding: 0px 0 0;
    }

    #article-container .column {
        display: none;
    }

    #article-container .main {
        width: 100%;
        margin-left: auto;
    }

    #article-container .sidebar {
        display: none;
    }

    #main-container {
        /*margin: 1.3rem auto 0;*/
        position: relative;
        background: #fff;
    }

    #main-container .column {
        display: none;
    }

    #main-container .main {
        width: 100%;
        margin-left: auto;
    }

    #main-container .sidebar {
        display: none;
    }

    .text-title h1 {
        font-size: 16px;
    }

    .article p {
        padding: 6px 0 8px;
        font-size: 14px;
    }

    .article img {
        max-width: 94%!important;
        height: auto!important;
    }

    .news-wrapper .news-box {
        padding: 12px 0;
    }

    .news-wrapper .news-box .pic {
        float: right;
        margin-right: auto;
        margin-left: 10px;
        width: 108px;
        height: 79px;
    }

    .news-wrapper .news-box h4 {
        font-size: 14px;
        height: 43px;
    }

    .news-wrapper .news-box .other {
        font-size: 10px;
        padding-top: 10px;
    }

    .news-wrapper .news-box .other a.com {
        float: none;
        margin-left: 10px;
    }

    .news-wrapper .news-box .other a.com i {
        width: 14px;
        height: 14px;
    }

    .news-wrapper .news-box .other .img img {
        width: 16px;
        height: 16px;
    }
}