html,body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,li,table,article,footer,header,nav {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

body {
    line-height: 2;
    color: #333;
    font-family: "Microsoft YaHei","Source Han Sans CN",Verdana,Tahoma,Arial,simsun,"sans-serif"
}

article,nav {
    display: block
}

th {
    text-align: left
}

ul {
    list-style: none
}

input[type=button],input[type=submit],input[type=file],button {
    -webkit-appearance: none
}

ol {
    margin: 0 0 0 2em;
    padding: 0;
    list-style-position: outside
}

h1,h2,h3,h4,h5,h6 {
    font-weight: normal
}

img {
    border: 0
}

.clear {
    clear: both;
    height: 0;
    line-height: 0;
    overflow: hidden;
    font-size: 0
}

a {
    text-decoration: none;
    color: currentColor
}

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

table {
    border-collapse: collapse;
    border-spacing: 0
}

em {
    font-style: normal; font-size: 12px;
}

hr {
    display: block;
    height: 0;
    line-height: 0;
    border: 0;
    border-top: 1px solid #eee
}

.w1200 {
    width: 1200px;
    margin: 0 auto
}

#tophead {
    padding: 20px 0
}

.myhead {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center
}

.myhead>a {
    flex: 0 0 auto;
    width: 360px;float: left;
}

.myhead>a img {
    display: inline;
}

.topsearch-in {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    box-shadow: 0 0 0 2px #ff7200;
    padding: 5px;
    border-radius: 50px;
    overflow: hidden
}

.topsearch-in input {
    box-sizing: border-box;
    height: 24px;
    line-height: 24px;
    background-color: #fff;
    font-size: 14px;
    outline: 0;
    border: 0;
    width: 220px;
    padding: 0 .5em;
    margin: 0;
    display: inline-block;color: #333;
}

.mysearchbtn {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin: 0;
    background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTU4NDkyMzYwNDIxIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjY2MjYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTg5Ny41MzYgNzg4Ljk5Mkw3MzIuMTYgNjIzLjYxNmM5OS44NC0xNTkuNzQ0IDUxLjItMzY5LjY2NC0xMDguNTQ0LTQ2OS41MDRzLTM2OS42NjQtNTEuMi00NjkuNTA0IDEwOC41NDQtNTEuMiAzNjkuNjY0IDEwOC41NDQgNDY5LjUwNGMxMTAuNTkyIDY5LjEyIDI1MC4zNjggNjkuMTIgMzYwLjQ0OCAwbDE2NS4zNzYgMTY1LjM3NmMzMC4yMDggMzAuMjA4IDc4Ljg0OCAzMC4yMDggMTA4LjU0NCAwczMwLjcyLTc4Ljg0OCAwLjUxMi0xMDguNTQ0eiBtLTQ1NC42NTYtMTQxLjMxMmMtMTEyLjY0IDAtMjA0LjI4OC05MS42NDgtMjA0LjI4OC0yMDQuMjg4czkxLjY0OC0yMDQuMjg4IDIwNC4yODgtMjA0LjI4OCAyMDQuMjg4IDkxLjY0OCAyMDQuMjg4IDIwNC4yODhjMC41MTIgMTEyLjY0LTkxLjEzNiAyMDQuMjg4LTIwNC4yODggMjA0LjI4OHoiIGZpbGw9IiM1Njk4RDkiIHAtaWQ9IjY2MjciPjwvcGF0aD48L3N2Zz4=) no-repeat center;
    background-size: 18px;
    opacity: .8;
    cursor: pointer
}

.mysearchbtn:hover {
    opacity: 1
}

.topset {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex: 0 0 auto;
    width: 250px
}

.topset_new {
    font-size: .8em;
    line-height: 1.5;float: right;
}

.topset-text {
    margin-right: 10px;display: inline-block;float: left;
}

.topset-image {
    position: relative;
    display: inline-block;
}

.topset-image img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: block
}

.topset-text2 a {
    color: #ff8c2f
}

.topset-text2 .logout-link {
    color: #d34;
    margin-left: 6px
}

.topset-text2 a:hover {
    color: #e27
}

.join-vip {
    /*position: absolute;
    right: 33%;*/
    display: inline-block;
    /*margin-left: 38%;*/
    padding-left: 42%;float: left;
}

.join-vip-btn {
    padding: 5px 14px;
    background: #ff6300;
    color: #fff;
    border-radius: 5px;
    display: block;
    font-size: 14px;
}

.userlink1 {
    margin-left: 20px;
    background: #ff8c2f url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTU4NDkzNDgyNzMzIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI4NzUiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTg5NiA0NDhoLTEyOGEzMiAzMiAwIDAgMCAwIDY0aDEyOGEzMiAzMiAwIDAgMCAwLTY0TTg5NiAzMjBoLTEyOGEzMiAzMiAwIDAgMCAwIDY0aDEyOGEzMiAzMiAwIDAgMCAwLTY0TTc2OCAyNTZoMTI4YTMyIDMyIDAgMCAwIDAtNjRoLTEyOGEzMiAzMiAwIDAgMCAwIDY0IiBwLWlkPSIyODc2IiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PHBhdGggZD0iTTc4MS43NiA2NDBjLTUuMTItMi4yNzItOTcuMjE2LTQyLjU2LTE5OC43Mi02Mi43NTIgMTEuODA4LTkuNjMyIDIyLjE0NC0yMC45MjggMzEuMTA0LTMzLjI0OGExNzQuODggMTc0Ljg4IDAgMCAwIDMzLjc5Mi0xMDMuMnYtMTA0Ljc2OEExNzYuMzIgMTc2LjMyIDAgMCAwIDU3NiAxOTQuMzM2IDE3NC4zNjggMTc0LjM2OCAwIDAgMCA0NzIuMTkyIDE2MGMtOTYuOTI4IDAtMTc1Ljc3NiA3OC45NzYtMTc1Ljc3NiAxNzYuMDMydjEwNC43NjhjMCA1Ni41NDQgMjYuODggMTA2LjgxNiA2OC4zODQgMTM5LjA3Mi05Ni40OCAyMC44MzItMTgxLjM0NCA1Ny44MjQtMTg1LjUzNiA1OS43MTJDMTUwLjAxNiA2NTEuMzI4IDEyOCA2ODQuMTkyIDEyOCA3MTZ2MTMxLjcxMmwxLjcyOCA1LjAyNGM5LjUwNCAyNy45MDQgMzUuMTM2IDQ2LjYyNCA2My43NzYgNDYuNjI0aDU3Mi45OTJjMzMuMjggMCA2MC44MzItMjQuODY0IDY0Ljk2LTU2Ljk2bDAuNTQ0LTEyNi40YzAtMTUuMjMyLTUuMTg0LTMwLjcyLTEzLjY2NC00NC05LjA4OC0xNC4yNzItMjEuOTUyLTI2LjAxNi0zNi41NzYtMzIiIHAtaWQ9IjI4NzciIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD48L3N2Zz4=) no-repeat .5em center
}

.userlink2 {
    margin-left: 10px;
    background: #d25 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTU4NDk0MDA3NzE2IiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjMxNTEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTY4MC42MDggMzg0aC0yMjRhMzIgMzIgMCAxIDEgMC02NGgyMjRhMzIgMzIgMCAxIDEgMCA2NG0wIDE2MGgtMjI0YTMyIDMyIDAgMSAxIDAtNjRoMjI0YTMyIDMyIDAgMSAxIDAgNjRtMCAxNjBoLTIyNGEzMiAzMiAwIDEgMSAwLTY0aDIyNGEzMiAzMiAwIDEgMSAwIDY0bS0zMjguNjQtMzIwYTMyIDMyIDAgMSAxIDAtNjQgMzIgMzIgMCAwIDEgMCA2NG0wIDE2MGEzMi4wMzIgMzIuMDMyIDAgMCAxIDAtNjQgMzIgMzIgMCAwIDEgMCA2NG0wIDE2MGEzMi4wMzIgMzIuMDMyIDAgMCAxIDAtNjQgMzIgMzIgMCAwIDEgMCA2NE03OTkuODcyIDE2MEgyMjMuNjhBNjMuNzc2IDYzLjc3NiAwIDAgMCAxNjAgMjIzLjc0NHY1NzYuNTEyQzE2MCA4MzUuMzkyIDE4OC42MDggODY0IDIyMy43NzYgODY0aDU3Ni41MTJhNjMuNzc2IDYzLjc3NiAwIDAgMCA2My42OC02My43NDRWMjIzLjc0NEE2NCA2NCAwIDAgMCA3OTkuODcyIDE2MCIgcC1pZD0iMzE1MiIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg==) no-repeat .5em center
}

.topuserlink a {
    color: #fff;
    font-size: .9em;
    padding: 5px 15px;
    border-radius: 30px;
    line-height: 1.4;
    background-size: 1.2em;
    text-indent: 1.2em;
    display: inline-block
}

.topuserlink a:hover {
    opacity: .8
}

#allwrap {
    margin-top: 15px
}

#navbar {
    background-color: #ff8c2f;
    background: linear-gradient(#ff8c2f 95%,#48c 98%);
    color: #fff;
    line-height: 55px;
    box-shadow: 0 20px 40px rgba(37,126,225,0.2)
}

#navbar ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;float: left;
}

#navbar ul.navbar1 li {
    display: inline-block;
}

.topsearch {
    float: right;line-height: 44px;
}

.navbar1 {
    flex: 0 0 auto
}

.navbar2 {
    margin-top: 27px
}

.navbar2 a {
    display: inline-block;
    line-height: 1;
    width: 60px;
    margin: 0 2px;
    color: #666;
    padding: 6px;
    text-align: center;
    font-size: .75em
}

.navbar2 a:hover {
    color: #d35
}

.navbar2-in1 {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

#navbar .w1200 {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    text-align: center
}

#navbar li a {
    padding: 0 25px;
    display: block;
    /*font-weight: 700;*/
}

#navbar li a:hover {
    color: #fff;
    background: linear-gradient(transparent 20%,rgba(0,0,0,0.1))
}

.navbar2 {
    justify-content: flex-end
}

.nav-active {
    background-color: rgba(111,111,111,0.1)
}

.allnav-swp {
    margin-top: 20px;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 5px 9px #ccc
}

.allnav {
    background-color: #2a323a;
    width: 240px;
    height: 400px;
    float: left
}

.swp-wrap {
    float: right;
    background-color: #eee;
    width: 960px;
    height: 400px;
    box-sizing: border-box;
    position: relative
}

.allnav-swp-pr {
    overflow: hidden
}

.navsub-h1 {
    font-weight: 700;
    color: #e23;
    margin-bottom: 4px
}

.allnav-sub {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 620px;
    z-index: 30;
    background-color: #fff;
    display: none
}

.loginbox-wrap {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    width: 300px;
    height: 360px;
    background-color: rgba(255,255,255,0.9);
    z-index: 15;
    border-radius: 7px;
    box-sizing: border-box;
    padding: 15px 20px 0;
    border: 3px solid rgba(255,255,255,0.5)
}
.login-frame {
    border: 0;
    width: 260px;
    height: 340px;
}
.logininput {
    border: 1px solid #ff8c2f;
    border-radius: 5px;
    margin-top: 15px;
    padding: 12px 10px;
    padding-left: 30px;
    background-color: #fff;
    box-shadow: inset 1px 1px 2px rgba(142,211,251,0.7)
}

.loginbox-wrap input {
    box-sizing: border-box;
    height: 1.2em;
    line-height: 1.2em;
    border: 0;
    padding: .2em;
    display: block;
    outline: 0;
    width: 100%
}

.loginbox-h1 {
    color: #ff8c2f;
    font-weight: 700;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 25px
}

.loginbox-h1 span {
    border-radius: 60px;
    padding: 7px 20px;
    font-size: .95em;
    cursor: pointer;
    line-height: 1;
    margin: 0 5px;
    background-color: #fff;
    border: 1px solid #ff8c2f
}

.loginbox-h1 span:hover {
    opacity: .9
}

.loginbox-h1 .loginbox-h1-hover {
    background-color: #ff8c2f;
    color: #fff
}

.allnav-sub-show {
    display: block
}

.navsub-h1,.allnav-sub ul,.classic-wrap {
    margin: 15px
}

.allnav-sub ul {
    overflow: hidden;
    font-size: .95em;
    height: 160px
}

.allnav-sub ul li {
    float: left;
    margin-right: 1em
}

.allnav-sub ul a {
    background-color: #f8f8f8;
    display: inline-block;
    /*width: 100px;*/width: 150px;
    text-align: center;
    padding: 8px 15px;
    line-height: 1;
    display: inline-block;
    border-radius: 15px;
    margin-bottom: 15px;box-sizing: content-box;
}

.allnav-sub ul a:hover {
    color: #fff;
    background-color: #ff8c2f
}

.classic-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.classic-item {
    width: 50%;
    margin-bottom: 20px
}

.classic-item a {
    display: flex;
    font-size: .9em
}

.classic-item img {
    width: 86px;
    height: 53.5px;
    vertical-align: middle
}

.classic-item span {
    margin-left: 10px;
    line-height: 1;
    width: calc(100% - 110px);
    display: block
}

.classic-item span b {
    font-weight: 400;
 margin-bottom: 8px;
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 width: 100%;
 line-height: 1.3;
}

.classic-item span i {
    font-style: normal;
    font-size: .9em;
    display: block;
    color: #aaa
}

.classic-item a:hover i {
    color: #777
}

.allnav ul {
    margin-top: 15px
}

.allnav li {
    color: #ccc;
    font-size: .95em;
    margin-left: 1em;
    padding: 11px;
    padding-right: 0;
    border-radius: 8px 0 0 8px;
    cursor: pointer;
    position: relative
}

.allnav li:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    margin: auto;
    width: 7px;
    height: 7px;
    opacity: .9;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTU4NDk3NTY2MzgwIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjUzOTIiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTE4OC40NTA1MjUgMEw4MjYuMzM0MzkyIDUxMiAxODguNDUwNTI1IDEwMjR6IiBwLWlkPSI1MzkzIiBmaWxsPSIjYmZiZmJmIj48L3BhdGg+PC9zdmc+) no-repeat center;
    background-size: cover
}

.allnav .allnav-hover {
    background-color: #6a7075
}

.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 30px
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 26px
}

.logininput1 {
    background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTU4NTA4MjA0NzM1IiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI4NzUiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTg5NiA0NDhoLTEyOGEzMiAzMiAwIDAgMCAwIDY0aDEyOGEzMiAzMiAwIDAgMCAwLTY0TTg5NiAzMjBoLTEyOGEzMiAzMiAwIDAgMCAwIDY0aDEyOGEzMiAzMiAwIDAgMCAwLTY0TTc2OCAyNTZoMTI4YTMyIDMyIDAgMCAwIDAtNjRoLTEyOGEzMiAzMiAwIDAgMCAwIDY0IiBwLWlkPSIyODc2IiBmaWxsPSIjNTY5OEQ5Ij48L3BhdGg+PHBhdGggZD0iTTc4MS43NiA2NDBjLTUuMTItMi4yNzItOTcuMjE2LTQyLjU2LTE5OC43Mi02Mi43NTIgMTEuODA4LTkuNjMyIDIyLjE0NC0yMC45MjggMzEuMTA0LTMzLjI0OGExNzQuODggMTc0Ljg4IDAgMCAwIDMzLjc5Mi0xMDMuMnYtMTA0Ljc2OEExNzYuMzIgMTc2LjMyIDAgMCAwIDU3NiAxOTQuMzM2IDE3NC4zNjggMTc0LjM2OCAwIDAgMCA0NzIuMTkyIDE2MGMtOTYuOTI4IDAtMTc1Ljc3NiA3OC45NzYtMTc1Ljc3NiAxNzYuMDMydjEwNC43NjhjMCA1Ni41NDQgMjYuODggMTA2LjgxNiA2OC4zODQgMTM5LjA3Mi05Ni40OCAyMC44MzItMTgxLjM0NCA1Ny44MjQtMTg1LjUzNiA1OS43MTJDMTUwLjAxNiA2NTEuMzI4IDEyOCA2ODQuMTkyIDEyOCA3MTZ2MTMxLjcxMmwxLjcyOCA1LjAyNGM5LjUwNCAyNy45MDQgMzUuMTM2IDQ2LjYyNCA2My43NzYgNDYuNjI0aDU3Mi45OTJjMzMuMjggMCA2MC44MzItMjQuODY0IDY0Ljk2LTU2Ljk2bDAuNTQ0LTEyNi40YzAtMTUuMjMyLTUuMTg0LTMwLjcyLTEzLjY2NC00NC05LjA4OC0xNC4yNzItMjEuOTUyLTI2LjAxNi0zNi41NzYtMzIiIHAtaWQ9IjI4NzciIGZpbGw9IiM1Njk4RDkiPjwvcGF0aD48L3N2Zz4=) no-repeat 7px center
}

.logininput2 {
    background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTU4NTA4Mjk1MDA5IiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjMxNTEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTM5NC4zMDQgMzE2LjYwOEExMjQuNjcyIDEyNC42NzIgMCAwIDEgNTE4LjcyIDE5MmExMjQuNzA0IDEyNC43MDQgMCAwIDEgMTI0LjQ4IDEyNC42MDhWNDE2aC0yNDguODk2VjMxNi42MDh6TTU0NCA3MDRhMzIgMzIgMCAwIDEtNjQgMHYtMTI4YTMyIDMyIDAgMCAxIDY0IDB2MTI4eiBtMjU2LjI1Ni0yODhINzA3LjJWMzE2LjYwOEExODguNzM2IDE4OC43MzYgMCAwIDAgNTE4LjcyIDEyOGMtMTAzLjkwNCAwLTE4OC40MTYgODQuNjA4LTE4OC40MTYgMTg4LjYwOFY0MTZoLTEwNi41NkE2NCA2NCAwIDAgMCAxNjAgNDgwLjA5NnYzMTkuODRBNjQgNjQgMCAwIDAgMjIzLjc0NCA4NjRoNTc2LjUxMkE2NCA2NCAwIDAgMCA4NjQgNzk5LjkzNnYtMzE5Ljg0QTY0IDY0IDAgMCAwIDgwMC4yNTYgNDE2eiIgcC1pZD0iMzE1MiIgZmlsbD0iIzU2OThEOSI+PC9wYXRoPjwvc3ZnPg==) no-repeat 7px center
}

.myloginbtn {
    background-color: #ff8c2f;
    color: #fff;
    display: block;
    margin-top: 15px;
    border-radius: 5px;
    text-align: center;
    padding: 5px;
    cursor: pointer
}

.myloginbtn:hover {
    opacity: .9
}

.forget-passwd {
    font-size: .9em;
    text-align: center;
    margin-top: 10px
}

.forget-passwd a {
    padding: 0 .5em
}

.qqlogin-w {
    text-align: center
}

.qqlogin-w img {
    margin: 15px auto 0;
    display: block;
    background-color: #fff
}

.qqlogin-w a:hover img {
    opacity: .9
}

.qqlogin-w a:nth-child(1) img {
    margin-bottom: 18px
}

.login-tips-w {
    font-size: .75em;
    color: #aaa;
    margin-top: 20px;
    text-align: center
}

.login-content {
    display: none
}

.login-content-show {
    display: block
}

.lg-useribfo {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc
}

.lg-useribfo img {
    width: 60px;
    height: 60px;
    display: block;
    border-radius: 50%;
    margin-right: 15px
}

.lgui-text {
    font-size: .8em;
    width: calc(100% - 80px);
}
.font_size{font-size: x-small;}
.color_red {
    color: #d25;
    margin: 0 2px;
}
.lg-useribfo div span {
    /*color: #d25;*/
    margin: 0 2px;
}

.lgui-text div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.lgaico {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
    font-size: .8em
}

.lgaico li {
    width: calc(50% - 8px);
    margin: 6px 4px;
    box-sizing: border-box
}

.lgaico li a {
    position: relative
}

.lgaico li:nth-child(1) a:before,.lgaico li:nth-child(2) a:before,.lgaico li:nth-child(3) a:before,.lgaico li:nth-child(4) a:before {
    content: " ";
    width: 8px;
    height: 12px;
    display: inline-block;
    margin: auto;
    position: absolute;
    left: 9px;
    top: 0;
    bottom: 0;
}

.lgaico li:nth-child(1) a:before {
    background: #ff8c2f
}

.lgaico li:nth-child(2) a:before {
    background: #d25
}

.lgaico li:nth-child(3) a:before {
    background: #098
}

.lgaico li:nth-child(4) a:before {
    background: #26d
}

.lgaico li a {
    display: block;
    background-size: 20px!important;
    text-indent: 27px;
    color: #555;
    white-space: nowrap;
}

.lgaico li a:hover {
    opacity: .9;
    color: #d34
}

.tomypage {
    color: #d34;
    line-height: 1;
    text-align: center;
    padding: 5px 0
}

.favourable {
    margin-top: 10px;
    font-size: .8em
}

.favourable li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 30px;
    margin-bottom: 2px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTU4ODU3Mzk0MzQxIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjgxNTIiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjIiIGhlaWdodD0iMjIiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTgyMC44MiAyNzMuMjczaC0yNi44MzNjMTMuNjA3LTIzLjA3IDE5LjU3OC00NS4wNzUgMTcuNjctNjUuNDg2LTEuNTgzLTE3LjA4My05LjY4LTQxLjUxNC0zOS4zNDctNjAuOTg2LTI0LjU5OC0xNi4xODEtNTYuMjI5LTIwLjE1LTkxLjMyMi0xMS4zODMtNTYuOTEgMTQuMjg5LTEyNC4yNjEgNjMuNDEtMTY4LjU0NyAxMjIuNzc0LTQ0LjMxMi01OS4zNjMtMTExLjYxLTEwOC40ODUtMTY4LjUxOC0xMjIuNzc0LTM1LjEyMi04LjgyNC02Ni43ODEtNC44MjgtOTEuMzc1IDExLjM4My0yOS42NDIgMTkuNDcyLTM3Ljc0IDQzLjkwMy0zOS4zMjIgNjAuOTg2LTEuOTA3IDIwLjQxMSA0LjAwOSA0Mi40MTYgMTcuNjcgNjUuNDg2aC0yNi44MzJjLTQwLjYyOSAwLTczLjY5MyAzMy4wOS03My42OTMgNzMuNzQ4djk0Ljk4OGMwIDMyLjE2MiAyMS4yMTQgNjAuNTg5IDUxLjkwNSA3MC4xMzQtMi45MTcgOC4wNzEtNC40NDQgMTYuNDE0LTQuNDQ0IDI0Ljg2OXYyODQuOThjMCA0MC42MyAzMy4xMDIgNzMuNzMzIDczLjczNCA3My43MzNoNTIxLjgzM2M0MC42MjkgMCA3My42NzktMzMuMTAxIDczLjY3OS03My43MzNWNTM3LjAxMWE3Mi41NzEgNzIuNTcxIDAgMCAwLTQuMzktMjQuODk3YzMwLjY0Ny05LjU5OSA1MS44MS0zOC4wMjUgNTEuODEtNzAuMTA3di05NC45NjRjMC00MC42NTQtMzMuMDUtNzMuNzctNzMuNjc5LTczLjc3TTc3My40IDg0My4yMDhINTM4LjY3NVY1MTUuNzdINzczLjRjMTEuNjk5IDAgMjEuMTg2IDkuNTQzIDIxLjE4NiAyMS4yNDJ2Mjg0Ljk4Yy0wLjAwMSAxMS43LTkuNDg4IDIxLjIxNi0yMS4xODcgMjEuMjE2TTU2Ny41OCAyNzMuMjczYzM3LjMzLTQzLjA1OSA4Ni4zMjktNzYuODk2IDEyNi4xMTYtODYuODc4IDIwLjY2OC01LjE4IDM3LjU3NC0zLjc2MSA0OS44MTkgNC4zMSAxMy4wMDggOC41NDcgMTUuMzIzIDE2LjE2OSAxNS44NDMgMjEuOTI0IDIuMDcgMjEuMTA0LTIwLjU2MiA0OS41NTgtMzEuMjUgNjAuNjQ1bC0xNjAuNTI4LTAuMDAxeiBtMjc0LjQgNzMuNzczdjk0Ljk2NGMwIDExLjY5OC05LjQ2MSAyMS4yMTMtMjEuMTYgMjEuMjEzSDUzOC42NzVWMzI1LjgyaDI4Mi4xNDRjMTEuNjk4IDAgMjEuMTYgOS41MyAyMS4xNiAyMS4yMjdNNDg2LjE4MiA1MTUuNzd2MzI3LjQzN0gyNTEuNTY2Yy0xMS43MjggMC0yMS4yMTctOS41MTYtMjEuMjE3LTIxLjIxNXYtMjg0Ljk4YzAtMTEuNjk5IDkuNDktMjEuMjQyIDIxLjIxNy0yMS4yNDJoMjM0LjYxNnpNMjY1LjUyNyAyMTIuNjI5YzAuNTE3LTUuNzU2IDIuODY0LTEzLjM3OCAxNS44MTctMjEuOTI0IDEyLjE2LTguMDcxIDI5LjA2Ni05LjU2IDQ5Ljg0Ni00LjMxIDM5LjU2NSA5LjkyNSA4OC41MTIgNDMuNzY2IDEyNS45MjQgODYuODc4SDI5Ni43MjJjLTkuNTcxLTkuNjk0LTMzLjI5NS0zOS4wMzQtMzEuMTk1LTYwLjY0NE0xODIuODUgMzQ3LjA0NmMwLTExLjY5NSA5LjQ5LTIxLjIyOCAyMS4yMTQtMjEuMjI4SDQ4Ni4xOHYxMzcuNDA0SDIwNC4wNjNjLTExLjcyNCAwLTIxLjIxNC05LjUxNC0yMS4yMTQtMjEuMjEzdi05NC45NjN6IiBwLWlkPSI4MTUzIiBmaWxsPSIjZGQzMzQ0Ij48L3BhdGg+PC9zdmc+) no-repeat 5px center;
    background-size: 18px
}

.favourable li a:hover {
    color: #d34
}

.study_ccx{
    text-align: center;
    color: #888;
    font-size: small;
    letter-spacing: 3px;
    margin: 8px 0;
}
.study_ccx a{
    color: #ff8c2f;
}
.study_ccx a:hover{
    color: #c34;
}
.last_login_count{
    color: #d25;
    letter-spacing: 1px;
}
.last_user_name{
    color: #333;
    letter-spacing: 1px;
}
.didi_last_login_count{
    color: #d25;
    letter-spacing: 1px;
}
.diy_last_login_count{
    color: #d25;
    letter-spacing: 1px;
}

.lessons-w {
    /*margin-top: 32px;*/
    background: #f0f0f0 url(../ccx/lessonbg.png);
    min-height: 300px;
    padding: 25px 0 35px;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd
}

.lessons-title span {
    background-color: #fff;
    cursor: pointer;
    padding: 8px 25px;
    display: inline-block;
    margin-bottom: 18px
}

.lessons-title .title-span-hover {
    background-color: #ff8c2f;
    color: #fff;
    position: relative
}

.title-span-hover:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    margin: auto;
    width: 0;
    height: 0;
    border-top: 20px solid #ff8c2f;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent
}

.lessons {
    display: none
}

.lessons-show {
    display: block
}

.lessons-title a {
    float: right;
    font-size: .85em;
    margin-top: 10px;
    display: none
}

.lessons-title .lessons-a-show {
    display: inline
}

.lessons-title a:after {
    content: "\3e\3e";
    margin-left: 5px;
    font-family: Arial,sans-serif
}

.lessons ul {
    display: flex;
    flex-wrap: wrap
}

/*ccx*/
.lessons li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.study {
    color: #d25;
    font-size: 0.65em;
    display: block;
    font-family: Arial,sans-serif;
    margin: 9px 8px 0;
    line-height: 1;
}

.lessons span i {
    font-style: normal;
    color: #aaa;
    float: right;
    line-height: 1;
    margin-right: 9px;
}

.lessons li a:after {
    content: " ";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 225px;
    height: 140px;
    opacity: 0;
    transition: all .5s;
}

.lessons li a:hover:after {
    opacity: 1
}

.lessons li a:hover h6 {
    color: #c34
}

.lessons li a:hover span {
    color: #888
}

.lessons li {
    width: 227px;
    /*height: 208px;*/height: 236px;
    overflow: hidden;
    border-radius: 0 0 5px 5px;
    margin-top: 18px;
    margin-right: 16.25px;
    border: 1px solid #fff;
    box-sizing: border-box;
    background-color: #fff;
    padding: 0;
    position: relative;
    box-shadow: 0 3px 2px rgba(0,0,0,0.1);
    float: left;
}

.lessons li:nth-child(5n) {
    margin-right: 0
}

.lessons li img {
    width: 225px;
    height: 140px;
    display: block
}

.lessons li h6 {
    font-size: .9em;
    line-height: 1.5;
    /*padding: 7px;*/padding: 12px 7px; height: 56px;
}

.lessons .li_tl {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #d25;
    color: #fff;
    padding: 0 10px;
    font-size: .8em
}

.lessons .li_br {
    position: absolute;
    right: 0;
    bottom: 66px;
    background-color: rgba(0,0,0,0.5);
    background: linear-gradient(to right,transparent,rgba(0,0,0,0.6));
    color: #fff;
    padding: 0 10px;
    font-size: .75em;
    line-height: 30px
}

.lessons a:hover img {
    opacity: .9
}

.lessons li:hover {
    box-shadow: 0 3px 3px rgba(0,0,0,0.2)
}

.all-lessons-wrap {
    margin-top: 20px
}

.all-lessons-wrap h4 {
    line-height: 1;
    padding-bottom: 10px;
    padding-top: 5px
}

.all-lessons-wrap h4:after {
    content: "//";
    margin-left: 10px;
    color: #ddd
}

.all-lessons-wraptwo {
    background: #f8f8f8;
    margin-top: 35px;
    padding: 15px 0 30px;
    border-bottom: 1px dashed #ccc;
    border-top: 1px dashed #ccc
}

.all-lesson {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start
}

.all-lesson>a {
    flex: 0 0 auto;
    width: 260px;float: left;
}

.all-lesson>a img {
    width: 260px;
    height: 495px;
    border-radius: 8px
}

.all-lesson ul {
    flex: 0 0 auto;
    width: 940px;
    font-size: .9em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;float: right;
}

.all-lesson li h6 {
    line-height: 1.5;
    height: 50px;
    margin: 6px 8px
}

.all-lesson span i {
    font-style: normal;
    color: #aaa;
    float: right;
    line-height: 1;
    margin-right: 9px
}

.all-lesson li span {
    color: #d25;
    font-size: .85em;
    display: block;
    font-family: Arial,sans-serif;
    margin: 9px 8px 0;
    line-height: 1
}

.all-lesson ul li {
    width: 220px;
    height: 240px;
    margin-left: 15px;
    background-color: #fff;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    box-shadow: 0 0 0 1px #d4d4d4;
    border-radius: 5px 5px 4px 4px;
    overflow: hidden;float: left;
}

.all-lessons-wraptwo .all-lesson ul li {
    box-shadow: 0 0 0 1px #fff;
    border-bottom: 1px solid #fff
}

.all-lesson li:nth-child(1),.all-lesson li:nth-child(2),.all-lesson li:nth-child(3),.all-lesson li:nth-child(4) {
    margin-bottom: 15px
}

.all-lesson ul li img {
    width: 220px;
    height: 136.88px;
    display: block;
    border-radius: 5px 5px 0 0;
    padding: 6px;
    box-sizing: border-box
}

.all-lesson li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

.all-lesson li a:after {
    content: " ";
    position: absolute;
    left: 6px;
    top: 6px;
    width: 208px;
    height: 124.88px;
    opacity: 0;
    transition: all .5s
}

.all-lesson li a:hover:after {
    opacity: 1
}

.all-lesson li a:hover h6 {
    color: #c34
}

.all-lesson li:hover {
    box-shadow: 0 0 0 1px #aaa
}

.all-lessons-wraptwo .all-lesson li:hover {
    box-shadow: 0 0 0 1px #ddd
}

.all-lesson li a:hover span {
    color: #888
}

.all-lessons-wrap h4 {
    font-size: 1.5em;
    margin-bottom: 15px;
    color: #666
}

.all-lessons-wrap h4 span {
    float: right;
    font-size: .6em;
    margin-top: 7px
}

.all-lessons-wrap h4 span:after {
    content: "\3e\3e";
    margin-left: 5px;
    font-family: Arial,sans-serif
}

.news-wrap {
    margin-top: 20px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 35px 0
}

.newsbox {
    box-sizing: border-box;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 5px 2px rgba(0,0,0,0.1);
    position:relative;display: inline-block;
}

/*T新增样式*/
a.h5more{
    background-color:#fff;
    font-weight:400;
    font-size:12px;
    line-height:1;
    padding:5px 15px;
    border-radius:25px;
    margin-top:9px;
    box-shadow:0 2px 2px rgba(0,0,0,0.2);
    z-index:10;
    position:absolute;
    right:3%;
    top:2.5%;
}
/*T新增样式end*/

.newsbox a {
    color: #4f639e
}

.newsbox a:hover {
    color: #e27
}

.newsbox h5 {
    font-size: 1.2em;
    font-weight: 700;
    position: relative
}

.newsbox h5:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 70%;
    height: 100%;
    background: url(../ccx/h5.png) no-repeat 0 center;
    opacity: .7
}

.newsbox1 {
    border: 1px solid #1fafb8;
    width: 409px
}

.newsbox1 h5 {
    background-color: #1fafb8
}

.newsbox1 li:before {
    content: "+";
    margin-right: 10px;
    color: #1fafb8;float: left;
}

.newsbox2 li:before {
    content: "+";
    margin-right: 10px;
    color: #f3643a;float: left;
}

.newsbox2 {
    border: 1px solid #f3643a;
    width: 409px
}

.newsbox2 h5 {
    background-color: #f3643a
}

.newsbox3 {
    border: 1px solid #5547cd;
    width: 352px
}

.newsbox3 h5 {
    background-color: #5547cd
}

.newsbox h5 a {
    float: right;
    background-color: #fff;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    padding: 5px 15px;
    border-radius: 25px;
    margin-top: 9px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.2)
}

.newsbox3 ul li {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;text-overflow: clip;
}

.newsbox3 ul li a {
    /*display: block;*/
    width: calc(90% - 7px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.newsbox3 ul li i {
    /*display: block;*/
   
    background: url(../ccx/linksuccess.png) no-repeat center;
    float: none;
    display: inline-block;
}

.newsbox ul {
    padding: 15px;
    padding-bottom: 25px
}

.newsbox h5 {
    padding: 12px 15px;
    color: #fff
}

.newsbox li {
    font-size: .9em;
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.newsbox li i {
    font-style: normal;
    float: right;
    display: inline-block;
    width: 86px;
    text-align: right;
    font-size: .75em;
    color: #bbb
}

.products-wrap {
    margin-top: 30px;
    padding: 30px 0 50px;
    background-color: #2f3855;
    background: repeating-linear-gradient(45deg,#235,#235 7px,#234 7px,#234 15px)
}

.products-wrap h5 {
    font-size: 1.3em;
    text-align: center;
    color: #fff;
    font-weight: 700
}

.products {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between
}

.probox {
    width: calc(20% - 12px);
    background-color: rgba(255,255,255,0.95);
    box-sizing: border-box;
    text-align: center;
    margin-top: 50px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    border-radius: 8px;
    position: relative;float: left;min-height: 295px;
}

.probox a {
    display: block;
    /*height: 100%;height: 44%;height: 18%;*/
}

/*ccx*/
.probox span {
    display: block;
    font-size: xx-small;
    /*margin-top: -15px;*/ margin-top: -3px;
    font-weight: normal;
    cursor: text;color: #4f639e;
}
.probox:hover span {
    /*color: #444;*/
}
/*ccx*/

.probox img {
    vertical-align: middle;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: relative;
    top: -22px;
    box-shadow: 0 3px 3px rgba(0,0,0,0.2)
}

.probox h6 {
    background-color: #eee;
    font-weight: 700;
    /*color: #444;*/color: #ff8c2f;
    /*line-height: 3;*/    padding: 3px 0;
}

.probox p {
    font-size: .8em;
    margin: 12px;
    padding-bottom: 18px
}

.probox a:hover {
    color: currentColor
}

.probox:hover {
    background-color: #fff
}

.probox:hover h6 {
    /*color: #ff8c2f;*/color: #c34;
    background-color: #fafafa
}

.myfooter-wrap {
    background-color: #f7f7f7;
    padding: 20px 0 1px;
    font-size: .9em;
    border-top: 1px dashed #cccccc;
}

.myfooter {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between
}

.myfootl {
    display: flex;
    width: 800px;
    padding: 5px;
    box-sizing: border-box;
    flex-wrap: nowrap;
    justify-content: space-between;
    float: left;
}

.myfootl ul {
    float: left;
    min-width: 20%;
}

.myfootr {
    width: 400px;
    text-align: right;float: right;
}

.myfootl h5 {
    font-size: 1.1em;
    font-weight: 700;
    margin-bottom: 10px;
    color: #357
}

.code__img img {
    vertical-align: middle;
    padding: 5px;
    background-color: #fff
}

.mtfoot-icp {
    background-color: #fff;
    padding: 15px 0;
    border-top: 1px dashed #cccccc;
}

.mtfoot-icp ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.mtfoot-icp li {
    margin: 0 5px;float: left;
}

.mtfoot-icp .w1200 {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    font-size: .55em;
    color: #999
}

.mtfoot-icp img {
    vertical-align: middle
}

.suger-chrome-wrap {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000000;
    width: 100%;
    height: 100%;
    background-color: #f3f3f3;
    color: #666;
    text-align: center;
    font-size: 24px;
    line-height: 2.2;
    display: none;
    display: block\9
}

.suger-chrome {
    margin: 60px auto;
    width: 600px;
    background-color: #fbfbfb;
    border-radius: 10px;
    padding: 110px 70px;
    border: 1px solid #ddd
}

.suger-chrome b {
    font-weight: 400;
    color: #f47
}

.suger-chrome a {
    background-color: #fff;
    padding: 10px 25px;
    margin: 10px 5px;
    display: inline-block;
    border: 1px solid #ccc;
    line-height: 1;
    border-radius: 50px
}

.suger-chrome a:hover {
    border: 1px solid #f47;
    color: #f47
}

.suger-chrome p span {
    color: #999;
    font-size: .8em
}
img.divd {
    width: 200px;
    margin-right: 18px;
}

img.divd-1 {
    width: 50%;
}