@charset "utf-8";
@import "reset-1.0.css";

html,
body {
   height: 100%;
}

body {
   font-family: "Microsoft YaHei", "SimSun";
   font-size: 12px;
   line-height: 20px;
   color: #222;

}

a {
   color: #222;
}

a:hover {
   color: #EB5A53;
   text-decoration: none;
}











.top {
   clear: both;
   
   
 
   margin: 0 auto 20px;
}

.top h1 {
   float: left;
   display: inline;
   padding-left: 30px;
}

.top .nav {
   float: left;
   display: inline;
   width: 683px;
   padding-top: 36px;
   font-size: 14px;
   color: #CFCCD5;
   line-height: 24px;
   text-align: center;
}

.top .nav a {
   margin: 0 8px;
   font-weight: bold;
}

.top dl {
   float: left;
   display: inline;
   margin: 26px 0 0 0;
   width: 205px;
   height: 28px;
   background: url(../images/ss.gif) no-repeat 0 0;
}

.top dt {
   width: 30px;
   height: 28px;
   float: right;
}

.top dd {
   width: 170px;
   float: left;
   overflow: hidden;
   padding: 1px;
}

.top dt input {
   width: 30px;
   height: 28px;
   border: 0;
   cursor: pointer;
   background: none;
}

.top dd input {
   width: 160px;
   height: 25px;
   padding: 0 5px;
   line-height: 25px;
   color: #CCC;
   margin: 1px 0;
}

.top .ch {
   float: right;
   margin: 0 8px 0 0;
}







.main-header {
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 20px;
    position: relative;

}

.main-header .nav {
    box-shadow: 0 8px 12px 0 hsla(0, 0%, 62.7%, .1)
}

.main-header-top {
    width: 100%;
    height: 42px;
    background: #f2f2f2;
    color: #595959;
    font-size: 14px
}

.main-header-top .container {
    width: 1180px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.main-header-top .container .logbox {
    width: auto;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.main-header-top .container .logbox .logEnglish a {
    color: #595959
}

.main-header-top .container .logbox .logEnglish a:hover {
    color: #329d15
}

.main-header-top .container .app-download {
    height: 100%;
    display: flex;
    align-items: center
}

.main-header-top .container .app-download .item {
    color: #595959;
    display: flex;
    align-items: center
}

.main-header-top .container .app-download .item img {
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.main-header-top .container .app-download .item:hover {
    color: #329d15
}

.main-header-top .container .app-download .item:not(:last-child) {
    margin-right: 20px
}

.main-header-top .container .login,
.main-header-top .container .login .item {
    height: 100%;
    display: flex;
    align-items: center
}

.main-header-top .container .login .item {
    line-height: 14px;
    padding: 10px 10px;
    color: #595959;
    cursor: pointer
}

.main-header-top .container .login .item:not(:last-child) {
    position: relative
}

.main-header-top .container .login .item:not(:last-child):after {
    content: "";
    display: block;
    height: 14px;
    width: 1px;
    background: #bfbfbf;
    position: absolute;
    right: 0
}

.main-header-top .container .login .item:hover {
    color: #329d15
}

.loading-img {
    -o-object-fit: cover;
    object-fit: cover
}

.loading-img.loading {
    background: url(data:image/gif;base64,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) 50% no-repeat
}

.main-header-user {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center
}

.main-header-user .nologin {
    width: 70px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #329d15;
    border-radius: 4px;
    margin-right: 4px;
    font-size: 12px;
    font-family: MicrosoftYaHei;
    color: #fff;
    cursor: pointer;
    white-space: nowrap
}

.main-header-user .nologin:hover {
    color: #fff !important;
    background: #5bb144
}

.main-header-user .login .loading-img {
    width: 28px;
    height: 28px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer
}

.main-header-user .login .login-user {
    cursor: default;
    position: absolute;
    width: 180px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    border-radius: 4px;
    right: 10px;
    top: 40px;
    overflow: hidden;
    text-align: center;
    z-index: 99
}

.main-header-user .login .login-user .loading-img {
    width: 40px;
    height: 40px;
    margin: 10px 0 5px;
    cursor: default
}

.main-header-user .login .login-user .name {
    width: 140px;
    margin: 0 auto;
    line-height: 22px;
    font-size: 14px;
    color: #262626
}

.main-header-user .login .login-user .line {
    width: 100%;
    height: 1px;
    background: #f2f2f2;
    margin: 10px 0 20px
}

.main-header-user .login .login-user .my {
    height: 22px;
    font-size: 14px;
    color: #262626;
    line-height: 22px;
    cursor: pointer
}

.main-header-user .login .login-user .my:hover {
    color: #329d15
}

.main-header-user .login .login-user .exit {
    margin: 20px 0;
    width: 140px;
    font-weight: 400
}

.main-header-search {
    position: relative;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center
}

.main-header-search .beijing {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
    background-repeat: repeat;
    background-position: 50%
}

.main-header-search .beijing .artronNewBackgroundTemp {
    position: relative;
    width: 100%;
    height: 250px;
    text-align: center;
    display: flex;
    justify-content: center
}

.main-header-search .beijing .artronNewBackgroundTemp .artronNewBackgroundImg {
    width: 1440px;
    -o-object-fit: cover;
    object-fit: cover
}

.main-header-search .beijing .artronNewBackgroundTemp .artronNewBackgroundFlag {
    position: absolute;
    right: 0;
    bottom: 0
}

.main-header-search .to-old {
    position: fixed;
    bottom: 300px;
    right: 0;
    width: 35px;
    height: 50px;
    background-color: red;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    border-radius: 4px;
    font-size: 12px;
    font-family: MicrosoftYaHei;
    color: #8c8c8c;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center
}

.main-header-search .to-old a {
    color: #8c8c8c
}

.main-header-search .to-old:hover {
    background-color: #329d15;
    color: #fff;
    cursor: pointer
}

.main-header-search .to-old:hover a {
    color: #fff
}

.main-header-search .search-content {
    position: absolute;
    z-index: 20;
    text-align: center
}

.main-header-search .search-content .logo {
    display: flex;
    flex-direction: row;
    justify-content: center;
    box-sizing: border-box;
    height: 74px;
    padding: 12px 0;
    margin: 0 auto
}

.main-header-search .search-content .logo .part1 {

}

.main-header-search .search-content .logo .part1 img {

}

.main-header-search .search-content .logo .line {
    display: flex;
    margin: 10px 0;
    border-right: 1px solid #e4e4e4
}

.main-header-search .search-content .logo .part2 {
    flex: 1
}

.main-header-search .search-content .logo .part2 img {
    width: 54px;
    height: 48px;
    cursor: pointer
}

.main-header-search .search-content .search {
    width: 650px;
    height: 48px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    border-radius: 24px;
    margin: 30px auto 10px;
    overflow: hidden;
    text-align: left
}

.main-header-search .search-content .search .search-input {
    width: 100%;
    height: 100%;
    position: relative;
}

.main-header-search .search-content .search .search-input .el-input__suffix {}

.main-header-search .search-content .search .search-input .btn {

    justify-content: center;
    align-items: center;
    width: 96px;
    height: 100%;
    background: #329d15;
    border-radius: 24px;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    text-shadow: 0 0 10px rgba(0, 0, 0, .1);
    cursor: pointer;
    right: 0;
    position: absolute;
}

.main-header-search .search-content .search .search-input .btn:hover {
    background: #5bb144
}

.main-header-search .search-content .search .search-input input {
    width: calc(100% - 40px);
    height: 100%;
    border: none;
    background: #fff;
    padding: 0 20px
}

.main-header-search .search-content .hot {
    display: flex;
    height: 22px;
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    justify-content: center
}

.main-header-search .search-content .hot .label {
    margin-right: 10px
}

.main-header-search .search-content .hot .hot-item {
    cursor: pointer;
    color: #fff
}

.main-header-search .search-content .hot .hot-item:not(:last-child) {
    margin-right: 20px
}

.main-header-search .search-content .hot .hot-item:hover {
    color: #329d15
}

.no-img-search-header {
    height: 140px
}

.no-img-search-header .no-img-search-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1180px;
    height: 140px
}

.no-img-search-header .no-img-search-content .logo {
    display: flex;
    flex-direction: row;
    width: 320px;
    box-sizing: border-box;
    height: 74px;
    padding: 12px 0;
    margin: 0
}

.no-img-search-header .no-img-search-content .logo .part1 {
    flex: 0 0 215px;
    display: flex
}

.no-img-search-header .no-img-search-content .logo .part1 img {
    width: 181px;
    height: 48px
}

.no-img-search-header .no-img-search-content .logo .line {
    display: flex;
    margin: 10px 0;
    border-right: 1px solid #e4e4e4
}

.no-img-search-header .no-img-search-content .logo .part2 {
    flex: 1
}

.no-img-search-header .no-img-search-content .logo .part2 img {
    width: 54px;
    height: 48px;
    cursor: pointer
}

.no-img-search-header .no-img-search-content .search {
    box-shadow: none;
    border: 1px solid #329d15;
    margin: 0 auto 10px
}

.no-img-search-header .no-img-search-content .hot {
    color: #262626
}

.main-header-nav {
    width: 100%;
    height: 64px;
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1)
}

.main-header-nav .nav-container {
    width: 1180px;
    height: 64px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.main-header-nav .nav-container .nav-item {
    height: 100%;
    font-size: 18px;
    display: flex;
    white-space: nowrap;
    align-items: center;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: 700;
    color: #262626;
    line-height: 26px;
    cursor: pointer;
    position: relative
}

.main-header-nav .nav-container .nav-item a {
    outline: none;
    text-decoration: none;
    font-weight: 700;
    color: #262626
}

.main-header-nav .nav-container .nav-item:hover:after {
    width: 100%
}

.main-header-nav .nav-container .nav-item .active {
    color: #329d15
}

.main-header-nav .nav-container .nav-item .active:after {
    background: #329d15
}

.main-header-nav .nav-container .nav-item.has-more {
    display: flex;
    align-items: center
}

.main-header-nav .nav-container .nav-item.has-more .more {
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: 700;
    color: #262626;
    line-height: 26px;
    cursor: pointer
}

.main-header-nav .nav-container .nav-item.has-more:after {
    display: none
}

.main-header-nav .nav-container .nav-item.has-more .icon {
    width: 12px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAPtJREFUSEvt1DEOgkAQQNEZTKygtLGiMrYewdjTyUW4wB4AGo4BHb3xCnZGKyovQENMzBgMS1AXZ5DQQb35j53dLMLIH47chwlgJyweURRFKyLKiAgsy/KCILiydQDZGdTxIwAs6+gNEbcShN2BIa5/XIT8BAzxrK570p10Ap9xRMyKothXYcdxUiISIUagK66UuleAUmouRb4ALq4PQIq8AdJ4H6QB+salyAv4Ny5BcGicQzAMwzMArKuF+irq2yJ5CtprDAd/aYCh8fZObNtOAcAjogvGcbwoy3Ljuu7B9/1H3782rU+SZJbn+Q4RT+xbNBScAHaCo4/oCcbM4JLWe+rHAAAAAElFTkSuQmCC);
    background-size: 100% 100%;
    margin-left: 10px;
    transition: all .3s;
    transform: rotate(180deg)
}

.main-header-nav .nav-container .nav-item.has-more .icon.active {
    transform: rotate(0deg)
}

.main-header-nav .nav-container .nav-item.has-more .more-list {
    width: 100px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    border-radius: 4px;
    position: absolute;
    right: 0;
    top: 49px;
    overflow: hidden
}

.main-header-nav .nav-container .nav-item.has-more .more-list-item {
    width: 100%;
    height: 30px;
    font-size: 14px;
    color: #595959;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-family: MicrosoftYaHei
}

.main-header-nav .nav-container .nav-item.has-more .more-list-item a {
    width: 100px;
    text-align: center;
    outline: none;
    text-decoration: none;
    font-weight: 400;
    color: #595959;
    font-size: 14px
}

.main-header-nav .nav-container .nav-item.has-more .more-list-item:hover,
.main-header-nav .nav-container .nav-item.has-more .more-list-item:hover a {
    color: #329d15 !important;
    background: #eaf5e7
}

.main-header-nav .nav-container .chumo:hover a {
    color: #329d15 !important
}

.main-header-fixed-nav {
    min-width: 1180px;
    width: 100%;
    height: 64px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: hsla(0, 0%, 100%, .95)
}

.main-header-fixed-nav:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index: -1
}

.main-header-fixed-nav .fixed-container {
    max-width: 1380px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0 30px
}

.main-header-fixed-nav .fixed-container .logo {
    width: 181px;
    height: 45px
}

.main-header-fixed-nav .fixed-container .logo img {
    width: 100%;
    height: 100%
}

.main-header-fixed-nav .fixed-container .nav {
    flex: 1;
    height: 100%;
    margin: 0 25px
}

.main-header-fixed-nav .fixed-container .nav .main-header-nav {
    width: 100%;
    height: 100%;
    background: transparent;
    box-shadow: none
}

.main-header-fixed-nav .fixed-container .nav .main-header-nav .nav-container {
    width: 100%;
    height: 100%
}

.main-header-fixed-nav .fixed-container .nav .main-header-nav .nav-container .nav-item {
    font-size: 16px;
    font-family: MicrosoftYaHei;
    line-height: 24px;
    font-weight: 400
}

.main-header-fixed-nav .fixed-container .search {
    width: 263px;
    height: 34px
}

.main-header-fixed-nav .fixed-container .search .search-input {
    width: 100%;
    height: 100%
}

.main-header-fixed-nav .fixed-container .search .search-input .icon {
    display: block;
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAABHdJREFUWEe9l3+IVFUUx7/nze5s2mQR/aCCygg2KsJyrEDl3TNbbahFRVIYiETZD7L6J4xE0aJfUhGG5VZSEFgi1R+ZNhLvvXFrC50lgpISicwgspS2ja3dnPeNu903vB1nxnHb7f01b9758bnnnnvuOYIWnmKxeGI2m10A4BoAMwBMBzBNRI6QPAxgr4h8RnK7qn4KgC2YHRWRZoI7d+48q1KpLBeRO0me1KLRfQCeA7BRVY8cS6chQBRF9wF4huS0Yxlp8P0rz/MW+77/RTP9owDK5XL74ODgywDuqqO4n+S2TCbztQt9G8mzAcwC0A0gl9YhOeR53hJjzJZGEGMAnPPtALpqFLYCWKOq5UaGwjA8QURuBvA4yQtTciT5cKFQWFdPdwxAGIav1az8FwCLVPXjVrfBLWKFiKwk6Tm9CoAFqvpRrZ0qgN1zkjb0/2anyB6S81X1+1adp+VKpdItcRxvAtDh/h9oa2u7Yu7cud+l5UYBbLbHcfxNKuHsyq8cr/PEQRiGSwC8kVrUNmPM/KMAwjB8EcBDqQ/XHk/Ym0UoiqIekksTGc/zZvu+31eFskWmo6Pjp9Q536qqN4wn7PV0isXiGdls1taGpI5sVtXbqwClUum2OI7fSSnPapbt4wELgmCtiDzicuvPXC53Wj6fHxp9r8n8/ap6/nicNNMJguAqEfk8kYnjuLurq2tHArAbQN6+kHylUCjcP9EAJCWKop8BnO6isNwYs3b0dxAEh0TkVPvied4Dvu+vn2gAay8MwwiA72xvUFVb6mHJRki2O7JFxpi3JwngPQC2UtpIbyoUCnckAEMkpziAxcaYtyYDIIqiD0jaK90+r6vq3UkO/AjgHPfhUVV9dpIAviR5mVvoU8aYFQlAAECd03dV9daJBujr65syMjJyKIk0gHtVtSfZgidJPuac/mEzVVX/mkiIIAjmiciHiU2SFxUKhW+TCMwB0Jt8FJEJT8Qoit4neZML/wFjzLlVf64Y7QUweoeLyL5cLndxPp//eyKiEIbhDBHpT13Nq1V1TRrAntF7AGxIObTNx+r/CuB6g12ukbWLsyfuPFX9tRagDYDt3S51UYhFZKHv+/bsjvuJomgdyWWp7V1ljHkibbDakJRKpcsrlconIjLVCQy7bH3zeAl6enraOzs7n087B9AP4OraTnlMSxZF0UKSm9Ptuoi8Ojw8vLK7u/tgKyBBEMwUEXvEZo5ZqUiZpO0zfqsbgeTPIAgeFJEXAGRSgoMkbY7YOrFLRMYMHu6cGwBLSdpeIq1bNSMiu0lel4aoOxeEYXg9ANsjnFxn1bZd2yMih11hOZPkJSKSrSPbb2FJjt62Lr/GQDQcTHp7ey+oVCovkZzXSuhrwm2bDTvUPG1nBRHZQdLODkdBNB3NrHQQBLNFZJmI3JgqpXWZROQAyY0A1qePWhiGpzSCOCZA4qlcLk8dGBiYk8lkZpCcLiLT7OQjIgdJ/kAySsprPboGENtbBjjebWgFQkR+/18BLJSLhB1YZpNc9Q+xvhZfS1AEYQAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
    margin: 9px 8px 0 0;
    cursor: pointer
}

.main-header-fixed-nav .fixed-container .search .search-input .icon-hover {
    display: none;
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAABHdJREFUWEe9l3+IVFUUx7/nze5s2mQR/aCCygg2KsJyrEDl3TNbbahFRVIYiETZD7L6J4xE0aJfUhGG5VZSEFgi1R+ZNhLvvXFrC50lgpISicwgspS2ja3dnPeNu903vB1nxnHb7f01b9758bnnnnvuOYIWnmKxeGI2m10A4BoAMwBMBzBNRI6QPAxgr4h8RnK7qn4KgC2YHRWRZoI7d+48q1KpLBeRO0me1KLRfQCeA7BRVY8cS6chQBRF9wF4huS0Yxlp8P0rz/MW+77/RTP9owDK5XL74ODgywDuqqO4n+S2TCbztQt9G8mzAcwC0A0gl9YhOeR53hJjzJZGEGMAnPPtALpqFLYCWKOq5UaGwjA8QURuBvA4yQtTciT5cKFQWFdPdwxAGIav1az8FwCLVPXjVrfBLWKFiKwk6Tm9CoAFqvpRrZ0qgN1zkjb0/2anyB6S81X1+1adp+VKpdItcRxvAtDh/h9oa2u7Yu7cud+l5UYBbLbHcfxNKuHsyq8cr/PEQRiGSwC8kVrUNmPM/KMAwjB8EcBDqQ/XHk/Ym0UoiqIekksTGc/zZvu+31eFskWmo6Pjp9Q536qqN4wn7PV0isXiGdls1taGpI5sVtXbqwClUum2OI7fSSnPapbt4wELgmCtiDzicuvPXC53Wj6fHxp9r8n8/ap6/nicNNMJguAqEfk8kYnjuLurq2tHArAbQN6+kHylUCjcP9EAJCWKop8BnO6isNwYs3b0dxAEh0TkVPvied4Dvu+vn2gAay8MwwiA72xvUFVb6mHJRki2O7JFxpi3JwngPQC2UtpIbyoUCnckAEMkpziAxcaYtyYDIIqiD0jaK90+r6vq3UkO/AjgHPfhUVV9dpIAviR5mVvoU8aYFQlAAECd03dV9daJBujr65syMjJyKIk0gHtVtSfZgidJPuac/mEzVVX/mkiIIAjmiciHiU2SFxUKhW+TCMwB0Jt8FJEJT8Qoit4neZML/wFjzLlVf64Y7QUweoeLyL5cLndxPp//eyKiEIbhDBHpT13Nq1V1TRrAntF7AGxIObTNx+r/CuB6g12ukbWLsyfuPFX9tRagDYDt3S51UYhFZKHv+/bsjvuJomgdyWWp7V1ljHkibbDakJRKpcsrlconIjLVCQy7bH3zeAl6enraOzs7n087B9AP4OraTnlMSxZF0UKSm9Ptuoi8Ojw8vLK7u/tgKyBBEMwUEXvEZo5ZqUiZpO0zfqsbgeTPIAgeFJEXAGRSgoMkbY7YOrFLRMYMHu6cGwBLSdpeIq1bNSMiu0lel4aoOxeEYXg9ANsjnFxn1bZd2yMih11hOZPkJSKSrSPbb2FJjt62Lr/GQDQcTHp7ey+oVCovkZzXSuhrwm2bDTvUPG1nBRHZQdLODkdBNB3NrHQQBLNFZJmI3JgqpXWZROQAyY0A1qePWhiGpzSCOCZA4qlcLk8dGBiYk8lkZpCcLiLT7OQjIgdJ/kAySsprPboGENtbBjjebWgFQkR+/18BLJSLhB1YZpNc9Q+xvhZfS1AEYQAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
    margin: 9px 8px 0 0;
    cursor: pointer
}

.main-header-fixed-nav .fixed-container .search .search-input input {
    width: 100%;
    height: 100%
}

.main-header-fixed-nav .fixed-container .search .search-input .img:hover .icon {
    display: none
}

.main-header-fixed-nav .fixed-container .search .search-input .img:hover .icon-hover {
    display: block
}

.main-header-fixed-nav .fixed-container .user {
    height: 100%;
    margin-left: 30px;
    display: flex;
    align-items: center
}

.main-header-fixed-nav .fixed-container .user .login {
    width: 69px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    font-weight: 400
}

.main-header-fixed-nav .fixed-container .user .main-header-user .login-user {
    top: 50px;
    right: 0
}


.el-input__suffix {
    position: absolute;
    height: 100%;
    right: 5px;
    top: 0;
    text-align: center;
    color: #c0c4cc;
    transition: all .3s;
    pointer-events: none;
}














.photos {
   clear: both;
   width: 1200px;
   zoom: 1;
   overflow: hidden;
   margin: 0 auto 30px;
}

.photoBig {
   width: 840px;
   height: 350px;
   float: left;
   position: relative;
}


.photoBig .menu {
   position: absolute;
   right: 16px;
   bottom: 7px;
   display: inline;
   height: 5px;
   overflow: hidden;
   z-index: 5;
}

.photoBig .menu span {
   display: inline-block;
   float: left;
   width: 20px;
   height: 5px;
   overflow: hidden;
   background: #B9B9C8;
   margin-left: 3px;
   cursor: pointer;
}

.photoBig .menu span.pink {
   background: #EB5A53;
}

.photoBig li {
   width: 840px;
   height: 350px;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 1;
}

.photoBig .cur {
   z-index: 3;
   display: block;
}

.photoBig .bk {
   z-index: 2;
   display: block;
}

.photoBig li img {
   width: 840px;
   height: 350px;
}

.photoBig li p {
   width: 100%;
   padding-bottom: 14px;
   position: absolute;
   left: 0;
   bottom: 0;
   text-align: center;
   font-size: 28px;
   color: #fff;
   line-height: 38px;
   text-shadow: 2px 2px 0px #000;
   background: url(../images/sd2.png) repeat-x left bottom;
   background-size: auto 100%;
}

.photoBig li p a {
   color: #fff;
}

.photoBig li p a:hover {
   color: #EB5A53;
}

.photoSmall {
   width: 340px;
   float: right;
   overflow: hidden;
}

.photoSmall .big {
   width: 340px;
   height: 170px;
   position: relative;
   margin-bottom: 20px;
}

.photoSmall .big img {
   width: 340px;
   height: 170px;
}

.photoSmall .big span {
   position: absolute;
   display: inline-block;
   background-color: #FF7F00;
   height: 25px;
   padding: 0 15px;
   font-size: 14px;
   color: #fff;
   line-height: 25px;
}

.photoSmall .big span a {
   color: #fff;
}

.photoSmall .big p {
   width: 100%;
   position: absolute;
   left: 0;
   bottom: 0;
   font-size: 16px;
   color: #fff;
   text-shadow: 1px 1px 0px #000;
   background: url(../images/sd2.png) repeat-x left bottom;
   background-size: auto 100%;
   box-sizing: border-box;
   padding: 0 15px 10px;
}

.photoSmall .big p a {
   color: #fff;
}

.photoSmall .big p a:hover {
   color: #EB5A53;
}

.photoSmall .small {
   width: 400px;
   zoom: 1;
   overflow: hidden;
}

.photoSmall .small li {
   width: 160px;
   height: 160px;
   float: left;
   display: inline;
   margin-right: 20px;
   position: relative;
}

.photoSmall .small img {
   width: 160px;
   height: 160px;
}

.photoSmall .small span {
   position: absolute;
   display: inline-block;
   background-color: #FF7F00;
   height: 25px;
   padding: 0 15px;
   font-size: 14px;
   color: #fff;
   line-height: 25px;
}

.photoSmall .small span a {
   color: #fff;
}

.photoSmall .small p {
   width: 100%;
   box-sizing: border-box;
   position: absolute;
   left: 0;
   bottom: 0;
   padding: 0 15px 10px;
   font-size: 16px;
   color: #fff;
   text-shadow: 1px 1px 0px #000;
   background: url(../images/sd2.png) repeat-x left bottom;
   background-size: auto 100%;
}

.photoSmall .small p a {
   color: #fff;
}

.photoSmall .small p a:hover {
   color: #EB5A53;
}

.news {
   clear: both;
   width: 1200px;
   zoom: 1;
   overflow: hidden;
   margin: 0 auto 20px;
}

.newL {
   width: 840px;
   overflow: hidden;
   float: left;
}

.newL .head {
   clear: both;
   padding: 15px 0 20px;
   border-bottom: 1px solid #DFDFDF;
   zoom: 1;
   overflow: hidden;
   position: relative;
}

.newL .head.nobb {
   border-bottom: none;
}

.newL .head .pic {
   width: 245px;
   height: 136px;
   float: left;
   overflow: hidden;
   position: relative;
}

.newL .head .pic .time,
.newL .normal .pic .time {
   display: inline-block;
   position: absolute;
   right: 5px;
   bottom: 0;
   font-size: 14px;
   color: #fff;
   text-shadow: 1px 1px 0px #000;
   display: none;
}

.newL .head img {
   width: 245px;
   height: 136px;
   transition: all 0.5s;
}

.newL .head:hover img {
   transform: scale(1.2, 1.2);
}

.newL .head .char {
   width: 550px;
   padding-right: 20px;
   float: right;
}

.newL .head h3 {
   zoom: 1;
   overflow: hidden;
   font-weight: normal;
   font-size: 20px;
   line-height: 1.3em;
   margin-bottom: 20px;
}

.newL .head h3 span {
   float: left;
   display: inline-block;
   margin-right: 8px;
   background-color: #373737;
   font-size: 13px;
   color: #fff;
   letter-spacing: 6px;
   padding: 0 0 0 6px;
   line-height: 20px;
   margin-top: 3px;
}

.newL .head h3 span.hot {
   background: #EB5A53;
}

.newL .head h3 span a {
   color: #fff;
}

.newL .head .txt,
.newL .head .txt a {
   color: #666;
}

.newL .head .txt a:hover {
   color: #EB5A53;
}

.newL .head .data {
   position: absolute;
   bottom: 23px;
   right: 20px;
   color: #666;
   width: 550px;
}

.newL .normal {
   clear: both;
   padding-top: 20px;
   width: 900px;
   zoom: 1;
   overflow: hidden;
}

.newL .normal li {
   width: 245px;
   float: left;
   display: inline;
   margin-right: 43px;
}

.newL .normal .pic {
   width: 245px;
   height: 136px;
   overflow: hidden;
   margin-bottom: 20px;
   position: relative;
}

.newL .normal .pic img {
   width: 245px;
   height: 136px;
   transition: all 0.5s;
}

.newL .normal li:hover .pic img {
   transform: scale(1.2, 1.2);
}

.newL .normal h3 {
   font-weight: normal;
   font-size: 18px;
   line-height: 30px;
   padding-bottom: 7px;
}

.newL .normal h3 span {
   float: left;
   display: inline-block;
   margin: 5px 15px 0 0;
   font-size: 13px;
   color: #FFF;
   height: 20px;
   line-height: 20px;
   letter-spacing: 6px;
   padding: 0 0 0 6px;
   background-color: #333;
}

.newL .normal h3 span.hot {
   background: #EB5A53;
}

.newL .normal h3 span a {
   color: #FFF;
}

.newL .normal .txt {
   clear: both;
   color: #222;
}

.newL .normal .data {
   clear: both;
   color: #666;
}

.newR {
   width: 340px;
   float: right;
}

.newR h2 {
   clear: both;
   height: 42px;
   text-align: center;
   border-top: 3px solid #261D15;
   border-bottom: 1px solid #C8C8C8;
   color: #261D13;
   line-height: 42px;
}

.newR h2 span {
   display: inline-block;
   padding: 0 19px;
   background: url(../images/bg2.gif) no-repeat left center;
}

.newR h2 span a {
   float: none;
   font-weight: bold;
   font-size: 16px;
   color: #222;
}

.newR h2 a {
   float: right;
   color: #999;
   line-height: 42px;
   font-weight: normal;
   font-size: 12px;
}

.list {
   clear: both;
   padding: 5px 0 15px;
}

.list li {
   padding: 5px 0 5px 20px;
   background: url(../images/dian.gif) no-repeat 7px 15px;
   font-size: 14px;
}

.artist {
   clear: both;
   width: 302px;
   margin: 15px auto 7px;
   zoom: 1;
   overflow: hidden;
}

.artist dt {
   width: 68px;
   height: 68px;
   float: left;
}

.artist dt img {
   width: 68px;
   height: 68px;
}

.artist dd {
   width: 210px;
   float: right;
}

.artist dd strong {
   display: block;
}

.artifr {
   clear: both;
   text-align: center;
   padding-bottom: 7px;
}

.artifr iframe {
   margin-bottom: 10px;
}

.hotread {
   clear: both;
   padding: 15px 0;
}

.hotread li {
   padding: 7px 0;
   color: #222;
   font-size: 14px;
   zoom: 1;
   overflow: hidden;
}

.hotread li span {
   float: left;
   display: inline-block;
   width: 20px;
   height: 20px;
   margin-right: 10px;
   text-align: center;
   font-size: 10px;
   color: #fff;
   background-color: #747474;
}

.hotread li span.red {
   background-color: #BD0704;
}

.video {
   clear: both;
   width: 1200px;
   height: 473px;
   margin: 0 auto 40px;
   background-color: #2E3338;
}

.play {
   width: 840px;
   height: 473px;
   float: left;
   position: relative;
}

.playbk {
   width: 840px;
   height: 473px;
   position: relative;
}

.playbk img {
   width: 840px;
   height: 473px;
}

.playbk span {
   position: absolute;
   left: 50%;
   top: 50%;
   z-index: 1;
   width: 70px;
   height: 70px;
   margin: -35px 0 0 -35px;
   background: url(../images/bigplay.png) no-repeat 0 0;
   cursor: pointer;
}

.playbk p {
   width: 100%;
   height: 70px;
   position: absolute;
   left: 0;
   bottom: 0;
   text-align: center;
   font-size: 22px;
   color: #fff;
   line-height: 70px;
   text-shadow: 1px 1px 0px #000;
   background: url(../images/sd2.png) repeat-x left bottom;
   background-size: auto 100%;
}

.playing {
   width: 840px;
   height: 473px;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 2;
   display: none;
}

.playsrc {
   display: none;
}

.playlist {
   width: 320px;
   height: 423px;
   padding: 0 15px 0 0;
   margin: 25px 6px 25px 0;
   float: right;
   overflow-x: hidden;
   overflow-y: scroll;
}

.playlist::-webkit-scrollbar {
   /*滚动条整体样式*/
   width: 10px;
   /*高宽分别对应横竖滚动条的尺寸*/
   height: 1px;
}

.playlist::-webkit-scrollbar-thumb {
   /*滚动条里面小方块*/
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
   background: #EDEDED;
}

.playlist::-webkit-scrollbar-track {
   /*滚动条里面轨道*/
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
   border-radius: 10px;
   background: #2E3338;
}

.playlist li {
   clear: both;
   width: 318px;
   zoom: 1;
   overflow: hidden;
   background: url(../images/s9.gif) repeat-x left bottom;
   padding: 10px 0;
}

.playlist li img {
   width: 153px;
   height: 86px;
   transition: all 0.5s;
}

.playlist li:hover img {
   transform: scale(1.2, 1.2);
}

.playlist li .pic {
   width: 153px;
   height: 86px;
   float: left;
   overflow: hidden;
   position: relative;
}

.playlist li.cur .pic {
   border: 3px solid #EB5A53;
}

.playlist li p {
   width: 153px;
   float: right;
   font-size: 14px;
   color: #FFF;
   line-height: 28px;
   opacity: 0.6;
}

.playlist li p a {
   color: #FFF;
   line-height: 28px;
}

.playlist li.cur p.link {
   display: block;
   opacity: 1;
}

.playlist li.cur p.link a:hover {
   color: #EB5A53;
}

.playlist li.cur p.wenz {
   display: none;
}

.playlist li p.link {
   display: none;
}

.playlist li p.wenz {
   display: block;
}

.playlist li p.wenz:hover {
   color: #EB5A53;
   opacity: 0.8;
}

.playlist li .vdsrc {
   display: none;
}

.playlist li .plbtn {
   width: 29px;
   height: 29px;
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: 2;
   background: url(../images/noplay.png);
}

.playlist li .lm {
   display: inline-block;
   font-size: 13px;
   line-height: 20px;
   color: #EB5A53;
   text-align: center;
   margin-right: 5px;
}

.playlist li .lm a {
   color: #EB5A53;
}

.playlist li .xx,
.playlist li .xx a {
   color: #fff;
}

.playlist li .xx a:hover {
   color: #EB5A53;
}

.funny {
   clear: both;
   width: 1200px;
   overflow: hidden;
   margin: 0 auto 30px;
   position: relative;
}

.funny ul {
   clear: both;
   width: 1300px;
   zoom: 1;
   overflow: hidden;
}

.funny li {
   width: 280px;
   float: left;
   display: inline;
   text-align: center;
   position: relative;
   margin-right: 26px;
}

.funny li img {
   width: 280px;
   height: 157px;
   margin-bottom: 6px;
}

.funny span {
   position: absolute;
   left: 0;
   top: 0;
   z-index: 2;
   display: inline-block;
   background-color: #EB5A53;
   height: 25px;
   padding: 0 9px 0 15px;
   font-size: 14px;
   color: #fff;
   line-height: 25px;
}

.funny span a {
   color: #fff;
}

.footer {
   clear: both;
   width: 1200px;
   margin: 0 auto;
   border-top: 3px solid #000;
   padding: 20px 0 10px;
}

.footer dl {
   zoom: 1;
   overflow: hidden;
   padding-left: 315px;
}

.footer dt {
   width: 120px;
   float: left;
   padding-top: 5px;
}

.footer dd {
   width: 600px;
   float: left;
   color: #777;
   line-height: 26px;
}

.footer dd a {
   color: #777;
}

.ewm {
   position: fixed;
   left: 50%;
   top: 320px;
   margin-left: 625px;
   z-index: 10;
}

.show {
   clear: both;
   padding: 20px 0;
   width: 100%;
   overflow: hidden;
}

.show div {
   zoom: 1;
   overflow: hidden;
}

.show ul {
   zoom: 1;
   overflow: hidden;
   float: left;
   width: 340px;
}

.show li {
   width: 100px;
   float: left;
   display: inline;
   margin-left: 11px;
   text-align: center;
   font-size: 10px;
   color: #b1b1b1;
   line-height: 18px;
}

.show li a {
   color: #b1b1b1;
}

.show li a:hover {
   color: #EB5A53;
}

.show li img {
   width: 100px;
   height: 100px;
   margin-bottom: 5px;
}

.show li span {
   font-size: 12px;
   color: #222;
}

.show li span a {
   color: #222;
}

.show li span a:hover {
   color: #EB5A53;
}

.show li span {
   display: block;
}