/* CSS Document */
/*-------------pro-share start-------------------------------------------------------------*/
.pro-share { font-size: 0; letter-spacing: 0; }

.pro-share .share-title { margin-right: 8px; display: inline-block; *display: inline; *zoom: 1; line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #666; }

.pro-share .share-pic { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 26px; }

.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}
.at-share-btn-elements a{margin: 0px!important;}

/*-------------pro-share end---------------------------------------------------------------*/

/*----------------comment start------------------------------------------------*/
.comments-main .box-form {
    border-bottom: dashed 1px #E7E7E7;
    padding: 27px 2.5% 20px;
}
.comments-main .box-form .box-title {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}
.relative {
    position: relative;
}
.comments-main .box-form textarea {
    margin-top: 24px;
    width: 100%;
    display: block;
    height: 80px;
    border: solid 1px #E7E7E7;
    padding: 10px 10px 20px 10px;
    line-height: 20px;
    color: #666;
}
.comments-main .box-form .num {
    position: absolute;
    right: 10px;
    font-size: 12px;
    font-size: 1.2rem;
    color: #999;
    bottom: 8px;
}
.flex {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}
#articleComment .item-input {
    width: 49%;
    margin-top: 20px;
    float: left;

}
#articleComment .item-code{
    margin-top: 34px;
}
#articleComment .item-code .item-input{
    margin-top: 0;
}
#articleComment input {
    border: solid 1px #E7E7E7;
    height: 50px;
    line-height: 48px;
    padding: 0 10px;
    width: 100%;
}
#articleComment .item-img {
    float: left;
    margin-left: 10px;
}
#articleComment .item-img img {
    display: block;
    height: 50px;

}
#articleComment .item-btn {
    margin-left: 10px;
    float: left;
    width: 214px;
    line-height: 50px;
    background-color: #36A4D2;
    border-radius: 0;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    cursor: pointer;
    height: 50px;
    margin-top: 0;
}
#articleComment .item-btn:hover{background-color: #FACC7E;}
@media screen and (max-width: 1219px) {
    #articleComment input{
        height: 40px;
        line-height: 38px;
    }
    #articleComment .item-img img{
        height: 40px;
    }
    #articleComment .item-btn{
        width: 149px;
        height: 40px;
        line-height: 40px;

    }
}
@media screen and (max-width: 767px) {
    #articleComment .item-input{

    }
    #articleComment .item-code .item-input{
        width: calc(100% - 170px)!important;
    }
    #articleComment .item-img{

    }
    #articleComment .item-btn{
        width: 100%;
        margin-left: 0;
        margin-top: 34px;
    }
}
@media screen and (max-width: 480px) {
    #articleComment .item-input{
        width: 100%;
    }
    #articleComment .item-input.pull-right{
        margin-top: 34px;
    }
    #articleComment input{
        height: 34px;
        line-height: 32px;
    }
    #articleComment .item-img img{
        height: 34px;
    }
    #articleComment .item-btn{
        height: 34px;
        line-height: 34px;
    }
    #articleComment .item-code .item-input{
        width: calc(100% - 150px)!important;
    }
}
    /*-------------comment end-----------------------------------*/

/*------------Guest Posts error start------------------------------------------------------*/
label.error {
  color: #ff0000;
  display: block;
  position: absolute;
}
.textarea-num {
  float: right;
  position: relative!important;
  top: -20px;
  right: 5px;
}
input.error {
    border: 1px solid #ff0000!important;
}
textarea.error {
    border: 1px solid #ff0000!important;
}
/*---------------Guest Posts error end------------------------------------------------------*/
* { margin: 0; padding: 0; }

html { font-size: 62.5%; }

body { color: #333; font-family: arial, helvetica, sans-serif; font-size: 14px; font-size: 1.4rem; max-width: 1920px; margin: 0 auto; overflow-x: hidden; background-color: #f5f5f5; }

img { border: none; }

ul li { list-style-type: none; }

ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span { margin: 0; padding: 0; list-style: none; }

a { text-decoration: none; color: #333; outline: none; transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; }

h1 { margin: 0; padding: 0; font-weight: normal; }

input, textarea { font-family: arial, helvetica, sans-serif; font-size: 14px; font-size: 1.4rem; border: none; outline: none; }

img { max-width: 100%; border: 0px solid #ccc; }

embed, video { max-width: 100%; }

input, textarea { border: none; background: none; font-family: inherit; }

input[type="submit"], textarea[type="submit"] { cursor: pointer; }

input[type="checkbox"], textarea[type="checkbox"] { cursor: pointer; }

input[type="radio"], textarea[type="radio"] { cursor: pointer; }

input:focus, textarea:focus { outline: none; }

textarea { resize: none; }

.pull-left { float: left; }

.pull-right { float: right; }

.clear { clear: both; }

.fix { *zoom: 1; }

.fix:after, .fix:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; }

/* html5 */
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; }

ul, form, p, a, img, table, tr, td, ul, li, dd, dt, dl, span, div { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

input, textarea { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

::-webkit-input-placeholder { color: #999; opacity: 1; }

/* WebKit browsers */
:-o-placeholder { color: #999; opacity: 1; }

/* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color: #999; opacity: 1; }

/* Mozilla Firefox 19+ */
:-ms-input-placeholder { color: #999; opacity: 1; }

/* Internet Explorer 10+ */
.self-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.self-ellipsis-2 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.self-ellipsis-3 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.self-ellipsis-4 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

.relative { position: relative; }

.absolute { position: absolute; }

.common-vc { position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); }

.common-hc { position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); }

.common-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }

.text-right { text-align: right; }

.text-left { text-align: left; }

.nlazy { min-width: 20%; }

/**/
.email { word-break: break-all; }

.scale-big img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

.scale-big:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.scale-small img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.scale-small:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

[class*="-item"] .item-pic, [class*="-item"] .item-pics { position: relative; display: block; text-align: center; overflow: hidden; }

[class*="-item"] .item-title { overflow: hidden; }

[class*="-item"] .item-title a { display: block; }

[class*="-item"] .item-title a:hover { color: #36A4D2 !important; }

[class*="-item"] .item-subt { overflow: hidden; }

[class*="-item"] .item-subt a { display: block; }

[class*="-item"] .item-subt a:hover { color: #36A4D2 !important; }

[class*="-item"] .item-desc { overflow: hidden; color: #666; }

[class*="-item"] .item-desc a { display: block; color: #666; }

[class*="-item"] .item-desc a:hover { color: #36A4D2 !important; }

.wp { width: 1200px; margin: auto; }

@media screen and (min-width: 1220px) { .wp { width: 1200px; margin: auto; } }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .wp { width: 980px; margin: auto; } }

@media screen and (max-width: 999px) { .wp { width: 95%; margin: auto; } }

.wp1 { width: 1200px; margin: auto; }

@media screen and (min-width: 1220px) { .wp1 { width: 1200px; margin: auto; } }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .wp1 { width: 980px; margin: auto; } }

@media screen and (max-width: 999px) { .wp1 { width: 95%; margin: auto; } }

@media screen and (min-width: 1000px) { .no_marginr { margin-right: auto !important; }
  .no_marginl { margin-left: auto !important; } }

.no_margin { margin-left: auto !important; }

/*-------------table start-------------------------------------------------------------------*/
.table table { width: 100%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; }

.table table tr td { padding: 3px; border: 1px solid #ccc; }

@media screen and (max-width: 1000px) { .table { width: 100%; overflow: scroll; }
  .table table { width: 885px; } }

/*-------------table end---------------------------------------------------------------------*/
/*-------------proslide_menubtn start--------------------------------------------------------*/
.proslide_menubtn { display: none; width: 23px; height: 18px; position: absolute; top: 12px; right: 12px; cursor: pointer; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }

.proslide_menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #FFFFFF; }

@media screen and (max-width: 767px) { .proslide_menubtn { display: block; } }

/*-------------proslide_menubtn end----------------------------------------------------------*/
/*-------------page-start--------------------------------------------------------------------*/
.page { font-size: 0; letter-spacing: 0; text-align: right; padding-top: 10px; }

@media screen and (max-width: 767px) { .page { text-align: center; } }

.page span, .page a, .page input { display: inline-block; vertical-align: top; font-size: 13px; font-size: 1.3rem; line-height: 30px; color: #666; margin-bottom: 10px; border-radius: 2px; }

.page input { width: 50px; height: 30px; background-color: #fff; border: solid 1px #D9D9D9; text-align: center; margin: 0 5px; border-radius: 2px; }

.page a { min-width: 30px; height: 30px; background-color: #fff; border: solid 1px #D9D9D9; text-align: center; margin: 0 5px; color: #333; }

.page a .iconfont { color: #C4C4C4; font-size: 12px; font-size: 1.2rem; line-height: 28px; display: block; }

.page a.prev { margin-left: 15px; }

.page a.next { margin-right: 19px; }

.page a:hover, .page a.active { background-color: #FACC7E; color: #fff; border-color: #FACC7E; }

/*-------------page-end--------------------------------------------------------------------*/
/*-------------pro-share start-------------------------------------------------------------*/
.pro-share { font-size: 0; letter-spacing: 0; text-align: right; }

.pro-share .share-title { margin-right: 8px; display: inline-block; *display: inline; *zoom: 1; line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #666; }

.pro-share .share-pic { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 26px; }

/*-------------pro-share end---------------------------------------------------------------*/
/*-------------m-oths----------------------------------------------------------------------*/
.m-oths { margin-top: 20px; }

.m-oths .list-item { float: left; width: 48%; font-size: 0; letter-spacing: 0.2px; line-height: 24px; text-align: left; }

@media screen and (max-width: 767px) { .m-oths .list-item { width: 100%; margin-bottom: 5px; } }

.m-oths .item2 { margin-left: 4%; text-align: right; }

@media screen and (max-width: 767px) { .m-oths .item2 { margin: 0; text-align: left; } }

.m-oths .iconfont { width: 20px; height: 20px; border-radius: 50%; border: solid 1px #666; line-height: 20px; text-align: center; font-size: 12px; font-size: 1.2rem; color: #666; display: block; }

.m-oths .iconfont.pull-left { margin-right: 11px; }

.m-oths .iconfont.pull-right { margin-left: 11px; }

@media screen and (max-width: 767px) { .m-oths .iconfont.pull-right { margin: 0 11px 0 0; float: left; } }

.m-oths span { display: inline; vertical-align: top; font-size: 14px; font-size: 1.4rem; margin-right: 2px; color: #666; }

@media screen and (max-width: 767px) { .m-oths span { float: left; } }

.m-oths p { overflow: hidden; font-size: 14px; font-size: 1.4rem; }

.m-oths p, .m-oths p a { color: #666; }

.m-oths p a:hover { color: #36A4D2; }

@media screen and (max-width: 767px) { .m-oths p { display: block; overflow: hidden; } }

/*-------------bread start-----------------------------------------------------------------*/
.bread { font-size: 12px; font-size: 1.2rem; line-height: 24px; margin: 14px auto -7px; overflow: hidden; }

.bread, .bread a { color: #666; }

.bread a:hover, .bread .bread-active { color: #333; font-weight: bold; }

/*-------------bread end-------------------------------------------------------------------*/
.search-box ::-webkit-input-placeholder { color: #aaa; opacity: 1; }

/* WebKit browsers */
.search-box :-o-placeholder { color: #aaa; opacity: 1; }

/* Mozilla Firefox 4 to 18 */
.search-box ::-moz-placeholder { color: #aaa; opacity: 1; }

/* Mozilla Firefox 19+ */
.search-box :-ms-input-placeholder { color: #aaa; opacity: 1; }

/* Internet Explorer 10+ */
.search-box { overflow: hidden; position: relative; margin-top: 6px; }

@media screen and (max-width: 999px) { .search-box { float: right; margin-right: 20px; } }

@media screen and (max-width: 767px) { .search-box { display: none; } }

.search-box .iconfont { position: absolute; font-size: 22px; font-size: 2.2rem; color: #999; left: 17px; top: 50%; margin-top: -11px; }

.search-box .item-input { width: 516px; border: solid 1px #36A4D2; border-right: 0; line-height: 40px; float: left; padding: 0 10px 0 45px; }

@media screen and (max-width: 1219px) { .search-box .item-input { width: 320px; } }

@media screen and (max-width: 999px) { .search-box .item-input { width: 300px; } }

.search-box .item-submit { float: left; width: 140px; height: 42px; line-height: 42px; background-color: #36A4D2; text-align: center; color: #fff; font-size: 14px; font-size: 1.4rem; letter-spacing: -0.5px; font-weight: bold; }

.search-box .item-submit:hover { background-color: #FACC7E; }

@media screen and (max-width: 1219px) { .search-box .item-submit { width: 100px; } }

@media screen and (max-width: 999px) { .search-box .item-submit { width: 90px; } }

/*-------------header start----------------------------------------------------------------*/
.header { background-color: #fff; padding: 21px 0 28px; }

@media screen and (max-width: 999px) { .header { padding: 10px 0 20px; } }

@media screen and (max-width: 767px) { .header { padding: 7px 0 20px; } }

.header .h-top { position: relative; margin-bottom: 47px; padding-left: 194px; }

.header .h-top .item-user { float: right; max-width: 230px; margin-right: 15px; overflow: hidden; text-align: right; }

.header .h-top .item-user .item-pic { float: left; display: block; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; margin-right: 7px; }

.header .h-top .item-user .item-pic img { display: block; width: 100%; height: 100%; }

.header .h-top .item-user .item-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 50px; }

.header .h-top .item-user .item-title a:hover { color: #36A4D2; }

@media screen and (max-width: 767px) { .header .h-top .item-user { max-width: 190px; margin-right: 10px; }
  .header .h-top .item-user .item-pic { width: 30px; height: 30px; }
  .header .h-top .item-user .item-title { line-height: 30px; } }

.header .h-top .item-p { float: right; font-weight: bold; font-size: 14px; font-size: 1.4rem; letter-spacing: -0.5px; line-height: 33px; border: solid 1px #36A4D2; min-width: 72px; text-align: center; margin-left: -1px; margin-top: 9px; position: relative; color: #36A4D2; }

.header .h-top .item-p:hover { color: #FACC7E; }

@media screen and (max-width: 767px) { .header .h-top .item-p { margin-top: 0; line-height: 26px; }
  .header .h-top .item-p:first-child { margin-right: 35px; } }

@media screen and (max-width: 999px) { .header .h-top { padding-left: 0; margin-bottom: 0; } }

.header .logo { display: block; width: 141px; position: absolute; left: 0; top: 0; }

@media screen and (max-width: 999px) { .header .logo { position: relative; margin: 25px auto; } }

@media screen and (max-width: 767px) { .header .logo { width: 120px; margin: 20px auto; } }

.navlist { font-size: 0; letter-spacing: 0; }

.navlist > li { display: inline-block; vertical-align: top; width: 12.83333%; margin-left: 1.69444%; }

.navlist > li:first-child { margin-left: 0; }

.navlist > li > a { font-size: 14px; font-size: 1.4rem; line-height: 26px; padding: 14px 10px 14px; font-weight: bold; display: block; background-color: #F4F4F4; text-align: center; }

.navlist > li:hover > a, .navlist > li.nav-active > a { background-color: #36A4D2; color: #fff; font-size: 18px; font-size: 1.8rem; }

@media screen and (max-width: 999px) { .navlist > li > a { padding: 5px; }
  .navlist > li:hover > a, .navlist > li.nav-active > a { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .navlist { display: none; } }

.navlist1 { font-size: 0; letter-spacing: 0; margin-top: 20px; display: none; }

@media screen and (max-width: 767px) { .navlist1 { display: block; } }

.navlist1 > li { display: inline-block; vertical-align: top; width: 30%; margin: 0 1%; }

.navlist1 > li > a { display: block; font-size: 14px; font-size: 1.4rem; background-color: #F4F4F4; text-align: center; line-height: 24px; padding: 3px 5px; }

.navlist1 > li:hover > a, .navlist1 > li.nav-active > a { background-color: #36A4D2; color: #fff; }

/*-------------header end------------------------------------------------------------------*/
/*-------------footer start----------------------------------------------------------------*/
.footer { background-color: #222; padding: 50px 0; }

.footer .copyright { text-align: center; line-height: 24px; }

.footer .copyright, .footer .copyright a { color: #eee; }

.footer .copyright a:hover { color: #36A4D2; }

@media screen and (max-width: 999px) { .footer { padding: 30px 0; } }

@media screen and (max-width: 767px) { .footer { padding: 10px 0; } }

/*-------------footer end------------------------------------------------------------------*/
/*-------------index start-----------------------------------------------------------------*/
.main .box-main { width: 897px; }
.main .box-main.language-list { width: 100%; }

@media screen and (max-width: 1219px) { .main .box-main { width: 680px; } }

@media screen and (max-width: 999px) { .main .box-main.pull-left { width: 100%; }
  .main .box-main.pull-right { width: 100%; margin-top: 30px; } }

.main .box-slide { width: 285px; background-color: #fff; }

@media screen and (max-width: 999px) { .main .box-slide.pull-right { width: 100%; margin: 30px 0 0; }
  .main .box-slide.pull-left { width: 100%; } }

/* page-list start */
.page-list { font-size: 0; letter-spacing: 0; }

.page-list .list-item { border: solid 1px #e7e7e7; background-color: #fff; margin-bottom: 20px; }

.page-list .list-item:hover { border-color: #36A4D2; }

@media screen and (max-width: 500px) { .page-list .list-item { padding: 15px; } }

.page-list .item-pic { float: left; width: 285px; }

.page-list .item-pic img { display: block; margin: 0 auto; max-width: 285px; width: 100%; }

@media screen and (max-width: 767px) { .page-list .item-pic { width: 250px; } }

@media screen and (max-width: 500px) { .page-list .item-pic { border: solid 1px #e7e7e7; float: none; margin: 0 auto; max-width: 285px; width: 100%; } }

.page-list .item-body { overflow: hidden; padding: 17px 2.22965% 14px; border-left: solid 1px #e7e7e7; }

@media screen and (max-width: 767px) { .page-list .item-body { padding: 5px 2.22965%; } }

@media screen and (max-width: 500px) { .page-list .item-body { padding: 15px 0 0; border-left: 0; } }

.page-list .item-title { font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 24px; }

.page-list .item-desc { margin-top: 12px; font-size: 14px; font-size: 1.4rem; line-height: 20px; height: 80px; }

.page-list .item-desc strong { color: #FACC7E; }

@media screen and (max-width: 767px) { .page-list .item-desc { margin-top: 8px; } }

@media screen and (max-width: 640px) { .page-list .item-desc { margin-top: 5px; } }

.page-list .item-box { margin-top: 32px; }

@media screen and (max-width: 767px) { .page-list .item-box { margin-top: 13px; } }

@media screen and (max-width: 640px) { .page-list .item-box { margin-top: 10px; } }

.page-list .item-info { float: left; font-size: 0; letter-spacing: 0; }

.page-list .item-info .item-pics { display: inline-block; vertical-align: middle; width: 30px; height: 30px; border-radius: 50%; margin-right: 9px; }

.page-list .item-info .item-pics img { display: block; width: 100%; height: 100%; }

@media screen and (max-width: 767px) { .page-list .item-info .item-pics { margin-right: 5px; } }

.page-list .item-info .item-name { display: inline-block; vertical-align: middle; font-size: 12px; font-size: 1.2rem; line-height: 30px; }

.page-list .item-info .item-name, .page-list .item-info .item-name a { color: #999; }

.page-list .item-info .item-name a:hover { color: #36A4D2; }

@media screen and (max-width: 640px) { .page-list .item-info { width: 100%; } }

.page-list .item-num { font-size: 0; letter-spacing: 0; float: right; line-height: 30px; }

.page-list .item-num .iconfont { font-size: 16px; font-size: 1.6rem; vertical-align: middle; color: #BBBBBB; margin-right: 2px; }

.page-list .item-num .iconfont.active { color: #FACC7E; }

.page-list .item-num p { display: inline-block; vertical-align: middle; font-size: 12px; font-size: 1.2rem; margin-left: 35px; }

.page-list .item-num p, .page-list .item-num p a { color: #999; }

.page-list .item-num .p3 { cursor: pointer; }

@media screen and (max-width: 767px) { .page-list .item-num p { margin-left: 20px; } }

@media screen and (max-width: 640px) { .page-list .item-num { line-height: 26px; float: left; width: 100%; }
  .page-list .item-num p { margin-left: 10px; }
  .page-list .item-num p:first-child { margin-left: 0; } }

/* page-list end*/
/* slide-title start */
.slide-title { font-size: 14px; font-size: 1.4rem; line-height: 24px; padding: 18px 13px 17px; letter-spacing: -0.5px; font-weight: bold; background-color: #36A4D2; }

.slide-title, .slide-title a { color: #fff; }


@media screen and (max-width: 767px) { .slide-title { padding: 10px; line-height: 20px; } }

/* slide-title end */
/* cate-slide start */
.cate-slide .box-list { margin-left: 20px; overflow: hidden; }

.cate-slide .box-list > li > a { border-bottom: solid 1px #e7e7e7; display: block; font-size: 14px; font-size: 1.4rem; line-height: 24px; padding: 13px 50px 12px 0; position: relative; }

.cate-slide .box-list > li > a .iconfont { position: absolute; right: 17px; color: #BBBBBB; top: 13px; }

.cate-slide .box-list > li > a:hover, .cate-slide .box-list > li > a.active { color: #36A4D2; }

.cate-slide .box-list > li > a:hover .iconfont, .cate-slide .box-list > li > a.active .iconfont { color: #36A4D2; }

@media screen and (max-width: 767px) { .cate-slide .box-list > li > a { padding: 10px 50px 10px 0; }
  .cate-slide .box-list > li > a .iconfont { top: 10px; } }

.cate-slide .item-btn { cursor: pointer; float: right; font-weight: bold; text-transform: uppercase; margin: 13px 16px 33px 0; line-height: 24px; }

.cate-slide .item-btn:hover { color: #36A4D2; }

@media screen and (max-width: 767px) { .cate-slide .item-btn { margin: 10px 15px 20px 0; } }

/* cate-slide end */
/* artical-slide start */
.artical-slide { margin-bottom: 24px; }

.artical-slide .box-list { margin-left: 20px; }

.artical-slide .box-list .list-item { border-bottom: solid 1px #e7e7e7; padding: 12px 20px 16px 0; }

@media screen and (max-width: 767px) { .artical-slide .box-list .list-item { padding: 10px 10px 15px 0; } }

.artical-slide .box-list .iconfont { font-size: 20px; font-size: 2rem; line-height: 22px; margin-right: 9px; margin-top: 4px; color: #bbb; }

.artical-slide .box-list .item-desc { line-height: 22px; max-height: 44px; }

.artical-slide .box-list .item-desc, .artical-slide .box-list .item-desc a { color: #333; }

/* artical-slide end */
/* post-slide start */
.post-slide .box-body { padding: 0 15px 19px; position: relative; }

.post-slide .box-desc { line-height: 22px; padding: 19px 0 8px; }

.post-slide .box-form .item-row { margin-bottom: 13px; }

.post-slide .box-form .item-p { line-height: 24px; margin-bottom: 5px; color: #222; }

.post-slide .box-form .item-p span { color: #aaa; margin-left: 6px; }

.post-slide .box-form input, .post-slide .box-form textarea { border: solid 1px #D9D9D9; display: block; width: 100%; padding: 0 5px; color: #333; }

.post-slide .box-form input { height: 32px; line-height: 30px; }

.post-slide .box-form textarea { padding-top: 5px; padding-bottom: 5px; }

.post-slide .box-form .text1 { height: 72px; }

.post-slide .box-form .text2 { height: 160px; }

.post-slide .box-form .item-code { position: relative; margin-top: 20px; }

.post-slide .box-form .item-code .item-input { padding-right: 80px; }

.post-slide .box-form .item-code .item-img { position: absolute; top: 1px; right: 0; }

.post-slide .box-form .item-code .item-img img { cursor: pointer; display: block; max-width: 98%}

.post-slide .box-form .item-btn {cursor: pointer; width: 120px; height: 40px; line-height: 40px; background-color: #36A4D2; color: #fff; border: 0; margin: 31px auto 0; }

.post-slide .box-form .item-btn:hover { background-color: #FACC7E; }

@media screen and (max-width: 767px) { .post-slide .box-form .item-btn { margin: 0 auto; height: 36px; line-height: 36px; margin-top: 20px; } }

.post-slide .box-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #fff; background-color: rgba(255, 255, 255, 0.8); }

.post-slide .box-backdrop .item-success { position: absolute; top: 50%; margin-top: -56px; left: 0; width: 100%; text-align: center; padding: 0 10px; }

.post-slide .box-backdrop .item-success .iconfont { font-size: 56px; font-size: 5.6rem; color: #FACC7E; }

.post-slide .box-backdrop .item-success .item-title { font-size: 16px; font-size: 1.6rem; line-height: 22px; margin-top: 27px; }

/* post-slide end */
/*-------------index end-------------------------------------------------------------------*/
.page_wrap { padding: 0 0 52px; }

@media screen and (max-width: 999px) { .page_wrap { padding: 0 0 50px; } }

@media screen and (max-width: 767px) { .page_wrap { padding: 0 0 30px; } }

/*-------------2-search start--------------------------------------------------------------*/
.search-result { background-color: #fff; min-height: 611px; text-align: center; padding: 238px 15px 50px; }

@media screen and (max-width: 999px) { .search-result { min-height: auto; padding: 50px 10px; } }

.search-result .item-title { font-size: 16px; font-size: 1.6rem; line-height: 24px; }

.search-result .item-title .iconfont { font-size: 59px; font-size: 5.9rem; line-height: 60px; color: #FACC7E; margin-right: 27px; vertical-align: middle; }

.search-result .item-title span { color: #666; }

@media screen and (max-width: 767px) { .search-result .item-title .iconfont { font-size: 40px; font-size: 4rem; margin-right: 5px; } }

.search-result .item-btn { margin-top: 36px; display: inline-block; min-width: 120px; line-height: 24px; padding: 8px; background-color: #36A4D2; color: #fff; }

.search-result .item-btn:hover { background-color: #000; }

@media screen and (max-width: 767px) { .search-result .item-btn { margin-top: 20px; } }

/*-------------2-search end----------------------------------------------------------------*/
.cate-list .item-body { padding: 17px 1.66667% 14px; }

@media screen and (max-width: 767px) { .cate-list .item-body { padding: 5px 1.66667%; } }

@media screen and (max-width: 500px) { .cate-list .item-body { padding: 15px 0 0; border-left: 0; } }

/*-------------5-blog-detail start---------------------------------------------------------*/
.blog-detail { background-color: #fff; margin: 0 0 20px; }

.blog-detail .box-body { padding: 40px 6.66667% 0; }

@media screen and (max-width: 999px) { .blog-detail .box-body { padding: 30px 2.5% 0; } }

.blog-detail .item-title { text-align: center; font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 24px; letter-spacing: 0.5px; }

.blog-detail .item-cate { font-size: 0; letter-spacing: 0; text-align: center; margin-top: 13px; }

.blog-detail .item-cate p { display: inline-block; vertical-align: middle; line-height: 30px; font-size: 12px; font-size: 1.2rem; }

.blog-detail .item-cate p, .blog-detail .item-cate p a { color: #999; }

.blog-detail .item-cate p a:hover { color: #36A4D2; }

.blog-detail .item-cate .item-img { margin-right: 32px; }

.blog-detail .item-cate .item-img img { width: 30px; height: 30px; border-radius: 50%; box-shadow: 0px 5px 20px 0px rgba(4, 0, 0, 0.09); vertical-align: middle; margin-right: 9px; }

.blog-detail .item-cate .item-date { margin-right: 32px; }

.blog-detail .item-cate .item-date .iconfont { font-size: 12px; font-size: 1.2rem; margin-right: 7px; }

.blog-detail .item-cate .item-label .iconfont { font-size: 14px; font-size: 1.4rem; margin-right: 7px; }

.blog-detail .item-body { padding: 15px 0 29px; font-size: 14px; font-size: 1.4rem; line-height: 20px; }

.blog-detail .item-body p { min-height: 20px; }

.blog-detail .item-body img, .blog-detail .item-body iframe { max-width: 100%; }

.blog-detail .item-bot { border-top: solid 1px #e7e7e7; padding: 20px 6.66667%; }

@media screen and (max-width: 999px) { .blog-detail .item-bot { padding: 20px 2.5%; } }

.blog-detail .item-bot .item-num { font-size: 0; letter-spacing: 0; float: left; line-height: 25px; }

.blog-detail .item-bot .item-num .iconfont { font-size: 16px; font-size: 1.6rem; vertical-align: middle; color: #BBBBBB; margin-right: 2px; }

.blog-detail .item-bot .item-num .iconfont.active { color: #FACC7E; }

.blog-detail .item-bot .item-num p { display: inline-block; vertical-align: middle; font-size: 12px; font-size: 1.2rem; margin-left: 38px; }

.blog-detail .item-bot .item-num p, .blog-detail .item-bot .item-num p a { color: #999; }

.blog-detail .item-bot .item-num p:first-child { margin-left: 0; }

.blog-detail .item-bot .item-num .p3 { cursor: pointer; }

@media screen and (max-width: 767px) { .blog-detail .item-bot .item-num p { margin-left: 20px; } }

@media screen and (max-width: 480px) { .blog-detail .item-bot .item-num { float: left; width: 100%; }
  .blog-detail .item-bot .item-num p { margin-left: 10px; } }

.blog-detail .item-bot .item-follow { float: right; }

.blog-detail .item-bot .item-follow a { float: left; margin-left: 40px; }

.blog-detail .item-bot .item-follow a:first-child { margin-left: 0; }

.blog-detail .item-bot .item-follow a .iconfont { font-size: 25px; font-size: 2.5rem; display: block; }

.blog-detail .item-bot .item-follow a .icon-facebook1 { color: #4e71a8; }

.blog-detail .item-bot .item-follow a .icon-twitter1 { color: #1cb7eb; }

.blog-detail .item-bot .item-follow a .icon-linkedin1 { color: #1686b0; }

.blog-detail .item-bot .item-follow a .icon-pinterest1 { color: #ca3737; }

@media screen and (max-width: 767px) { .blog-detail .item-bot .item-follow a { margin-left: 10px; } }

@media screen and (max-width: 480px) { .blog-detail .item-bot .item-follow { float: left; width: 100%; margin-top: 10px; } }

.comments-main { background-color: #fff; }

.comments-main .box-form { border-bottom: dashed 1px #E7E7E7; padding: 27px 2.5% 20px; }

.comments-main .box-form .box-title { font-size: 16px; font-size: 1.6rem; font-weight: bold; }

.comments-main .box-form .box-title span { color: #999; font-size: 14px; font-size: 1.4rem; margin-left: 18px; }

.comments-main .box-form .box-title a { color: #004F92; }

.comments-main .box-form .box-title a:hover { color: #36A4D2; }

.comments-main .box-form textarea { margin-top: 24px; width: 100%; display: block; height: 80px; border: solid 1px #E7E7E7; padding: 10px 10px 20px 10px; line-height: 20px; color: #666; }

.comments-main .box-form .num { position: absolute; right: 10px; font-size: 12px; font-size: 1.2rem; color: #999; bottom: 8px; }

.comments-main .box-form .item-btn { margin-top: 20px; float: right; width: 120px; line-height: 24px; padding: 8px; background-color: #36A4D2; color: #fff; text-align: center; font-size: 12px; font-size: 1.2rem; }

.comments-main .box-form .item-btn:hover { background-color: #FACC7E; }

@media screen and (max-width: 767px) { .comments-main .box-form .item-btn { padding: 3px; } }

.comments-main .item-box { padding: 18px 2.5% 15px; }

.comments-main .item-box .comments-num { color: #999; font-weight: bold; }

.comments-main .item-box .comments-num span { color: #666; font-weight: normal; font-size: 12px; font-size: 1.2rem; }

.comments-main .item-box .box-list { padding: 3px 0 15px; }

.comments-main .item-box .box-list .list-item { border-bottom: dashed 1px #e7e7e7; padding: 25px 0 24px; }

@media screen and (max-width: 767px) { .comments-main .item-box .box-list .list-item { padding: 14px 0; } }

.comments-main .item-box .box-list .item-pic { float: left; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; margin-right: 20px; }

.comments-main .item-box .box-list .item-pic img { display: block; width: 100%; height: 100%; border-radius: 50%; }

@media screen and (max-width: 767px) { .comments-main .item-box .box-list .item-pic { width: 40px; height: 40px; margin-right: 10px; } }

.comments-main .item-box .box-list .item-body { overflow: hidden; line-height: 20px; }

.comments-main .item-box .box-list .item-title { font-weight: bold; margin-top: -4px; }

.comments-main .item-box .box-list .item-desc { margin-top: 4px; }

.comments-main .item-box .box-list .item-desc a { color: #FACC7E; display: inline; }

.comments-main .item-box .box-list .item-date { color: #999; font-size: 12px; font-size: 1.2rem; margin-top: 5px; }

/*-------------5-blog-detail end-----------------------------------------------------------*/
/*-------------6-write start---------------------------------------------------------------*/
.write-info { background: url(../images/bg2.png) no-repeat bottom center; padding: 14px 0 19px; margin-bottom: 26px; }

.write-info .item-img { position: relative; margin: 0 auto; width: 110px; height: 110px; border-radius: 50%; overflow: hidden; box-shadow: 0px 5px 10px 0px rgba(4, 0, 0, 0.25); }

.write-info .item-img img { display: block; width: 100%; height: 100%; }

@media screen and (max-width: 999px) { .write-info .item-img { width: 90px; height: 90px; } }

.write-info .item-name { text-align: center; font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 24px; }

.write-info .item-name, .write-info .item-name a { color: #fff; }

/*-------------6-write end-----------------------------------------------------------------*/
/*-------------7-center start--------------------------------------------------------------*/
.center-top { background-color: #fff; margin-top: 16px; margin-bottom: 27px; }

.center-top .user-info { float: left; width: 316px; padding: 52px 15px 64px; }

@media screen and (max-width: 1219px) { .center-top .user-info { width: 285px; } }

@media screen and (max-width: 999px) { .center-top .user-info { width: 220px; padding: 50px 10px; } }

@media screen and (max-width: 767px) { .center-top .user-info { float: none; width: 100%; padding: 30px 10px 20px; } }

.center-top .user-info .item-img { position: relative; margin: 0 auto; width: 110px; height: 110px; border-radius: 50%; box-shadow: 0px 5px 10px 0px rgba(4, 0, 0, 0.25); overflow: hidden; }

.center-top .user-info .item-img img { display: block; width: 100%; height: 100%; }

@media screen and (max-width: 999px) { .center-top .user-info .item-img { width: 90px; height: 90px; } }

@media screen and (max-width: 640px) { .center-top .user-info .item-img { width: 70px; height: 70px; } }

.center-top .user-info .item-name { text-align: center; font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 24px; margin-top: 14px; }

.center-top .user-info .item-name, .center-top .user-info .item-name a { color: #333; }

@media screen and (max-width: 640px) { .center-top .user-info .item-name { font-size: 14px; font-size: 1.4rem; margin-top: 8px; } }

.center-top .box-list { overflow: hidden; font-size: 0; letter-spacing: 0; text-align: center; padding: 0 40px; }

@media screen and (max-width: 999px) { .center-top .box-list { padding: 0; } }

@media screen and (max-width: 400px) { .center-top .box-list { padding-bottom: 20px; } }

.center-top .box-list li { display: inline-block; vertical-align: top; width: 20%; margin-top: 79px; padding: 0 5px; }

.center-top .box-list li:hover .iconfont, .center-top .box-list li.active .iconfont { background-color: #FACC7E; color: #fff; }

.center-top .box-list li:hover .item-title, .center-top .box-list li.active .item-title { color: #FACC7E; font-size: 18px; font-size: 1.8rem; }

.center-top .box-list li .iconfont { display: inline-block; width: 80px; height: 80px; border-radius: 50%; line-height: 80px; font-size: 24px; font-size: 2.4rem; background-color: #F4F4F4; color: #999; }

.center-top .box-list li .item-title { display: block; font-size: 16px; font-size: 1.6rem; line-height: 24px; color: #666; margin-top: 18px; }

@media screen and (max-width: 999px) { .center-top .box-list li { margin-top: 70px; }
  .center-top .box-list li:hover .item-title, .center-top .box-list li.active .item-title { font-size: 16px; font-size: 1.6rem; }
  .center-top .box-list li .iconfont { width: 60px; height: 60px; line-height: 60px; }
  .center-top .box-list li .item-title { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .center-top .box-list li { margin-top: 0; padding-bottom: 20px; }
  .center-top .box-list li:hover .item-title, .center-top .box-list li.active .item-title { font-size: 14px; font-size: 1.4rem; }
  .center-top .box-list li .item-title { margin-top: 8px; font-size: 12px; font-size: 1.2rem; } }

@media screen and (max-width: 480px) { .center-top .box-list li .iconfont { width: 50px; height: 50px; line-height: 50px; } }

@media screen and (max-width: 400px) { .center-top .box-list li { width: 33.33%; padding-bottom: 10px; }
  .center-top .box-list li .iconfont { width: 44px; height: 44px; line-height: 44px; font-size: 18px; font-size: 1.8rem; } }

.center-main .box-main { width: 863px; }

@media screen and (max-width: 1219px) { .center-main .box-main { width: 680px; } }

@media screen and (max-width: 999px) { .center-main .box-main.pull-left { width: 100%; }
  .center-main .box-main.pull-right { width: 100%; margin-top: 30px; } }

.center-main .box-slide { width: 316px; }

@media screen and (max-width: 1219px) { .center-main .box-slide { width: 285px; } }

@media screen and (max-width: 999px) { .center-main .box-slide.pull-right { width: 100%; margin: 30px 0 0; }
  .center-main .box-slide.pull-left { width: 100%; } }

.nblog-slide { background-color: #fff; border-top: solid 2px #FACC7E; text-align: center; min-height: 398px; padding: 80px 15px 30px; }

@media screen and (max-width: 999px) { .nblog-slide { min-height: auto; padding: 30px 15px; } }

.nblog-slide .iconfont { font-size: 68px; font-size: 6.8rem; color: #FACC7E; }

.nblog-slide .iconfont:hover { color: #36A4D2; }

@media screen and (max-width: 767px) { .nblog-slide .iconfont { font-size: 48px; font-size: 4.8rem; } }

.nblog-slide .item-btn { margin-top: 22px; display: inline-block; min-width: 170px; line-height: 24px; padding: 8px; background-color: #FACC7E; color: #fff; font-size: 12px; font-size: 1.2rem; font-weight: bold; }

.nblog-slide .item-btn:hover { background-color: #36A4D2; }

@media screen and (max-width: 999px) { .nblog-slide .item-btn { margin-top: 5px; } }

@media screen and (max-width: 767px) { .nblog-slide .item-btn { padding: 5px; min-width: 140px; } }

.center-list { font-size: 0; letter-spacing: 0; }

.center-list .list-item { position: relative; border: solid 1px #e7e7e7; background-color: #fff; margin-bottom: 20px; padding: 28px 3.47625%; }

.center-list .list-item:hover { border-color: #36A4D2; }

@media screen and (max-width: 500px) { .center-list .list-item { padding: 15px 3.47625%; } }

.center-list .item-pic { float: left; width: 285px; border: solid 1px #e7e7e7; }

.center-list .item-pic img { display: block; margin: 0 auto; max-width: 285px; width: 100%; }

@media screen and (max-width: 767px) { .center-list .item-pic { width: 250px; } }

@media screen and (max-width: 500px) { .center-list .item-pic { border: solid 1px #e7e7e7; float: none; margin: 0 auto; max-width: 285px; width: 100%; } }

.center-list .item-body { overflow: hidden; padding-left: 2.20162%; padding-top: 19px; }

@media screen and (max-width: 500px) { .center-list .item-body { padding: 15px 0 0; border-left: 0; } }

.center-list .item-icon { background-color: #fff; font-size: 20px; font-size: 2rem; color: #FACC7E; position: absolute; right: 3.47625%; top: 16px; z-index: 2; }

.center-list .item-title { font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 24px; }

.center-list .item-desc { margin-top: 12px; font-size: 14px; font-size: 1.4rem; line-height: 20px; height: 80px; }

.center-list .item-desc strong { color: #FACC7E; }

@media screen and (max-width: 767px) { .center-list .item-desc { margin-top: 8px; } }

@media screen and (max-width: 640px) { .center-list .item-desc { margin-top: 5px; } }

.center-list .item-box { margin-top: 45px; }

@media screen and (max-width: 767px) { .center-list .item-box { margin-top: 20px; } }

@media screen and (max-width: 640px) { .center-list .item-box { margin-top: 10px; } }

.center-list .item-info { float: left; font-size: 0; letter-spacing: 0; }

.center-list .item-info .item-pics { display: inline-block; vertical-align: middle; width: 30px; height: 30px; border-radius: 50%; margin-right: 9px; }

.center-list .item-info .item-pics img { display: block; width: 100%; height: 100%; }

@media screen and (max-width: 767px) { .center-list .item-info .item-pics { margin-right: 5px; } }

.center-list .item-info .item-name { display: inline-block; vertical-align: middle; font-size: 12px; font-size: 1.2rem; line-height: 30px; }

.center-list .item-info .item-name, .center-list .item-info .item-name a { color: #999; }

.center-list .item-info .item-name a:hover { color: #36A4D2; }

@media screen and (max-width: 640px) { .center-list .item-info { width: 100%; } }

.center-list .item-num { font-size: 0; letter-spacing: 0; float: right; line-height: 30px; }

.center-list .item-num .iconfont { font-size: 16px; font-size: 1.6rem; vertical-align: middle; color: #BBBBBB; margin-right: 2px; }

.center-list .item-num .iconfont.active { color: #FACC7E; }

.center-list .item-num p { display: inline-block; vertical-align: middle; font-size: 12px; font-size: 1.2rem; margin-left: 35px; }

.center-list .item-num p, .center-list .item-num p a { color: #999; }

.center-list .item-num .p3 { cursor: pointer; }

@media screen and (max-width: 767px) { .center-list .item-num p { margin-left: 20px; } }

@media screen and (max-width: 640px) { .center-list .item-num { line-height: 26px; float: left; width: 100%; }
  .center-list .item-num p { margin-left: 10px; }
  .center-list .item-num p:first-child { margin-left: 0; } }

/*-------------7-center end----------------------------------------------------------------*/
/*-------------8-add start-----------------------------------------------------------------*/
.add-form { margin: 0 auto; padding: 48px 5.09849% 64px; }

@media screen and (max-width: 767px) { .add-form { padding: 30px 5.09849% 30px; } }

@media screen and (max-width: 767px) { .add-form { padding: 20px 5.09849% 10px; } }

.add-form .item-title { line-height: 32px; font-size: 16px; font-size: 1.6rem; font-weight: bold; color: #333; margin-bottom: 11px; }

.add-form .item-title .txt { color: #aaa; font-weight: normal; }

.add-form .item-title.radio-title { font-weight: normal; font-size: 14px; font-size: 1.4rem; }

@media screen and (max-width: 767px) { .add-form .item-title { font-size: 14px; font-size: 1.4rem; margin-bottom: 5px; } }

.add-form .star { color: #FF0000; }

.add-form .item-body { position: relative; }

.add-form .item-row { margin-bottom: 26px; }

@media screen and (max-width: 767px) { .add-form .item-row { margin-bottom: 15px; } }

.add-form .item-row input, .add-form .item-row select { border-radius: 2px; background-color: #fff; border: solid 1px #D9D9D9; width: 100%; max-width: 460px; height: 32px; line-height: 30px; color: #666; padding: 0 10px; outline: none; font-size: 14px; font-size: 1.4rem; }

.add-form .item-row textarea { height: 100px; width: 100%; padding: 10px 20px; line-height: 20px; color: #666; }

@media screen and (max-width: 640px) { .add-form .item-row textarea { padding: 10px; } }

.add-form .item-row .txt1 textarea { background-color: #fff; border: solid 1px #D9D9D9; padding-bottom: 30px; }

.add-form .item-row .txt1 .num { color: #999; position: absolute; right: 10px; line-height: 20px; bottom: 9px; font-size: 12px; font-size: 1.2rem; }

.add-form .item-row .txt2 { /* background-color: #fff; border: solid 1px #ECECEC; */ }

.add-form .item-file { font-size: 0; letter-spacing: 0; margin-bottom: -7px; }

.add-form .item-file .file-img { display: inline-block; vertical-align: bottom; overflow: hidden; width: 197px; height: 158px; background: url(../images/web3.png) no-repeat center; background-size: contain; margin-right: 28px; }

@media screen and (max-width: 640px) { .add-form .item-file .file-img { margin-right: 10px; } }

@media screen and (max-width: 480px) { .add-form .item-file .file-img { display: block; } }

.add-form .item-file .file-btn, .add-form .item-file .file-btn1 { display: inline-block; vertical-align: bottom; width: 70px; height: 30px; outline: none; line-height: 28px; background-color: #f4f4f4; border: solid 1px #999; color: #666; cursor: pointer; margin-top: 10px; margin-bottom: 10px; }

.add-form .item-file .file-btn:hover, .add-form .item-file .file-btn1:hover { border: solid 1px #36A4D2; background-color: #36A4D2; color: #fff; }

.add-form .item-file .file-btn { margin-right: 19px; }

@media screen and (max-width: 640px) { .add-form .item-file .file-btn { margin-right: 10px; } }

.add-form .item-file .file-input { display: none; }

.add-form .item-radio { font-size: 0; letter-spacing: 0; line-height: 24px; }

.add-form .item-radio .item-box { display: inline-block; vertical-align: middle; font-size: 13px; font-size: 1.3rem; color: #666; margin-right: 26px; }

.add-form .item-radio input { width: auto; vertical-align: middle; margin-right: 10px; line-height: 24px; height: 24px; }

.add-form .item-btns { font-size: 0; letter-spacing: 0; text-align: left; }

.add-form .item-btns .item-btn { text-align: center; display: inline-block; vertical-align: top; min-width: 120px; line-height: 38px; font-size: 12px; font-size: 1.2rem; background-color: #fff; border: solid 1px #999999; color: #333; margin-right: 20px; margin-top: 18px; }

.add-form .item-btns .item-btn:hover { border: solid 1px #36A4D2; background-color: #36A4D2; color: #fff; }

@media screen and (max-width: 767px) { .add-form .item-btns .item-btn { line-height: 30px; min-width: 100px; margin-top: 10px; } }

/*-------------8-add end-------------------------------------------------------------------*/
/*-------------10-notice start-------------------------------------------------------------*/
.notice-list { padding: 21px 3.47625% 0; }

@media screen and (max-width: 767px) { .notice-list { padding-top: 10px; } }

.notice-list .list-item { border-bottom: solid 1px #e7e7e7; line-height: 24px; padding: 12px 0 13px; }

.notice-list .iconfont.pull-left { font-size: 21px; font-size: 2.1rem; color: #bbb; margin-right: 10px; }

.notice-list .iconfont.pull-right { font-size: 19px; font-size: 1.9rem; color: #bbb; margin: 0 0 0 10px; cursor: pointer; }

.notice-list .iconfont.pull-right:hover { color: #FACC7E; }

.notice-list .item-desc { overflow: hidden; color: #333; }

.notice-list .item-desc a { display: inline; color: #36A4D2; }

.notice-list .item-desc a:hover { color: #FACC7E !important; }

.notice-list .page { margin-top: 15px; }

/*-------------10-notice end---------------------------------------------------------------*/
/*-------------11-myblog start-------------------------------------------------------------*/
.blog-check { margin-bottom: 20px; font-size: 0; letter-spacing: 0; }

.blog-check .check-btn { display: inline-block; vertical-align: top; border: solid 1px #999999; min-width: 70px; line-height: 28px; font-size: 16px; font-size: 1.6rem; color: #666; padding: 0 11px; margin-right: 19px; text-align: center; text-transform: capitalize; }

.blog-check .check-btn:hover { background-color: #36A4D2; color: #fff; border-color: #36A4D2; cursor: pointer; }

@media screen and (max-width: 767px) { .blog-check .check-btn { font-size: 14px; font-size: 1.4rem; } }

.blog-list .list-item { padding: 16px 3.47625% 28px 5.21437%; }

@media screen and (max-width: 767px) { .blog-list .list-item { padding: 16px 3.47625% 28px; } }

@media screen and (max-width: 500px) { .blog-list .list-item { padding: 15px 3.47625%; } }

.blog-list input { width: 22px; height: 22px; line-height: 22px; float: left; margin-bottom: 10px; margin-left: -3.2445%; }

@media screen and (max-width: 767px) { .blog-list input { margin-left: 0; } }

.blog-list .item-icons { font-size: 0; letter-spacing: 0; float: right; margin-bottom: 10px; }

@media screen and (max-width: 450px) { .blog-list .item-icons { float: left; } }

.blog-list .item-icons a { margin-left: 30px; display: inline-block; vertical-align: middle; font-weight: normal; color: #FACC7E; font-size: 22px; font-size: 2.2rem; line-height: 22px; }

.blog-list .item-icons a.icon-delete { color: #aaa; }

.blog-list .item-icons a:hover { color: #36A4D2; }

@media screen and (max-width: 767px) { .blog-list .item-icons a { margin-left: 15px; } }

@media screen and (max-width: 450px) { .blog-list .item-icons a { margin-left: 10px; font-size: 18px; font-size: 1.8rem; } }

/*-------------11-myblog end---------------------------------------------------------------*/
/*-------------12-Groups start-------------------------------------------------------------*/
.groups-list { padding: 9px 3.47625% 0 7.99537%; }

.groups-list .page { padding-top: 251px; }

@media screen and (max-width: 999px) { .groups-list { padding: 9px 3.47625% 0; }
  .groups-list .page { padding-top: 30px; } }

.groups-list .list-item { border-bottom: solid 1px #EBEBEB; padding: 10px 0 10px; line-height: 24px; font-size: 0; letter-spacing: 0; }

.groups-list .item-num { width: 5.50459%; display: inline-block; vertical-align: middle; font-size: 16px; font-size: 1.6rem; color: #333; padding: 0 1.31062% 0 0; }

@media screen and (max-width: 767px) { .groups-list .item-num { font-size: 14px; font-size: 1.4rem; width: 42px; } }

.groups-list .item-pic { display: inline-block; vertical-align: middle; width: 24.9017%; margin-right: 18.21756%; }

.groups-list .item-pic img { display: block; margin: 0 auto; max-width: 190px; width: 100%; }

@media screen and (max-width: 999px) { .groups-list .item-pic { margin-right: 9.04325%; } }

@media screen and (max-width: 767px) { .groups-list .item-pic { margin-right: 0; width: 160px; } }

.groups-list .item-desc { width: 51.37615%; display: inline-block; vertical-align: middle; font-size: 14px; font-size: 1.4rem; }

.groups-list .item-desc, .groups-list .item-desc a { color: #36A4D2; }

.groups-list .item-desc a:hover { color: #FACC7E !important; }

@media screen and (max-width: 999px) { .groups-list .item-desc { width: 60.55046%; } }

@media screen and (max-width: 767px) { .groups-list .item-desc { width: 100%; padding-left: 42px; margin-top: 5px; } }

/*-------------12-Groups end---------------------------------------------------------------*/
/*-------------13-setting start------------------------------------------------------------*/
.setting-main { background-color: #fff; min-height: 493px; padding-bottom: 20px; }

@media screen and (max-width: 999px) { .setting-main { min-height: auto; } }

.setting-title { font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 26px; padding: 36px 3.47625% 0; }

@media screen and (max-width: 767px) { .setting-title { padding-top: 30px; } }

.setting-list { font-size: 0; letter-spacing: 0; text-align: center; padding: 0 3.47625% 20px; }

.setting-list .list-item { display: inline-block; vertical-align: top; width: 285px; border: solid 1px #E7E7E7; margin: 35px 10px 20px 0; padding: 30px 15px 42px; }

@media screen and (max-width: 767px) { .setting-list .list-item { padding: 20px 15px 30px; width: 48%; margin: 20px 1% 0; } }

@media screen and (max-width: 400px) { .setting-list .list-item { width: 98%; } }

.setting-list .iconfont { font-size: 72px; font-size: 7.2rem; color: #BBBBBB; }

@media screen and (max-width: 767px) { .setting-list .iconfont { font-size: 60px; font-size: 6rem; } }

@media screen and (max-width: 767px) { .setting-list .iconfont { font-size: 50px; font-size: 5rem; } }

.setting-list .item-title { font-size: 16px; font-size: 1.6rem; color: #666; margin-top: 2px; }

.setting-list .item-btn { margin-top: 50px; display: inline-block; width: 120px; line-height: 24px; padding: 8px; background-color: #36A4D2; color: #fff; text-align: center; font-size: 12px; font-size: 1.2rem; }

.setting-list .item-btn:hover { background-color: #000; }

@media screen and (max-width: 767px) { .setting-list .item-btn { margin-top: 30px; padding: 5px; width: 100px; } }

/*-------------13-setting end--------------------------------------------------------------*/
/*-------------14-password start-----------------------------------------------------------*/
.password-form { padding: 30px 3.47625% 24px; }

@media screen and (max-width: 767px) { .password-form { padding-top: 20px; padding-bottom: 0; } }

.password-form .item-row { max-width: 460px; margin: 0 auto 30px; }

@media screen and (max-width: 767px) { .password-form .item-row { margin-bottom: 15px; } }

.password-form .item-row .item-txt { font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 24px; margin-bottom: 15px; }

@media screen and (max-width: 767px) { .password-form .item-row .item-txt { font-size: 14px; font-size: 1.4rem; margin-bottom: 10px; } }

.password-form .item-row .item-input input { border: solid 1px #D9D9D9; width: 100%; height: 32px; line-height: 30px; color: #666; padding: 0 10px; }

.password-form .item-row .forget-txt { text-align: right; line-height: 24px; font-size: 16px; font-size: 1.6rem; margin-top: 12px; }

.password-form .item-row .forget-txt a { color: #004F92; }

.password-form .item-row .forget-txt a:hover { color: #FACC7E; }

@media screen and (max-width: 767px) { .password-form .item-row .forget-txt { font-size: 14px; font-size: 1.4rem; } }

.password-form .item-row .item-btns { font-size: 0; letter-spacing: 0; text-align: center; }

.password-form .item-row .item-btns .item-btn { display: inline-block; vertical-align: top; width: 120px; line-height: 24px; padding: 7px; font-size: 12px; font-size: 1.2rem; margin: 18px 10px 0; color: #666; border: solid 1px #999; }

.password-form .item-row .item-btns .item-btn:hover { background-color: #36A4D2; border-color: #36A4D2; color: #fff; }

@media screen and (max-width: 767px) { .password-form .item-row .item-btns .item-btn { margin: 10px 5px 0; padding: 3px; width: 100px; } }

/*-------------14-password end-------------------------------------------------------------*/
/*-------------15-account start------------------------------------------------------------*/
.account-form { padding: 25px 3.47625% 0; }

.account-form .item-row { max-width: 460px; margin: 0 auto 28px; line-height: 32px; }

@media screen and (max-width: 767px) { .account-form .item-row { margin-bottom: 10px; } }

.account-form .item-row .item-txt { line-height: 32px; font-size: 16px; font-size: 1.6rem; font-weight: bold; color: #333; margin-bottom: 11px; }

.account-form .item-row .item-txt .txt { color: #aaa; font-weight: normal; }

@media screen and (max-width: 767px) { .account-form .item-row .item-txt { font-size: 14px; font-size: 1.4rem; margin-bottom: 10px; } }

.account-form .item-row .item-input { position: relative; }

.account-form .item-row .item-input .iconfont { position: absolute; top: 0; right: 0; font-size: 22px; font-size: 2.2rem; color: #00C012; }

@media screen and (max-width: 767px) { .account-form .item-row .item-input .iconfont { font-size: 18px; font-size: 1.8rem; } }

.account-form .item-row input { border-radius: 2px; background-color: #fff; border: solid 1px #D9D9D9; width: 100%; height: 32px; line-height: 30px; color: #666; padding: 0 10px; font-size: 14px; font-size: 1.4rem; display: block; }

.account-form .item-row .item-btn { margin-top: 60px; display: block; width: 120px; height: 40px; line-height: 40px; font-size: 12px; font-size: 1.2rem; background-color: #36A4D2; color: #fff; border: 0; border-radius: 0; }

.account-form .item-row .item-btn:hover { background-color: #FACC7E; }

@media screen and (max-width: 999px) { .account-form .item-row .item-btn { margin-top: 40px; } }

@media screen and (max-width: 767px) { .account-form .item-row .item-btn { margin-top: 20px; } }

.account-form .item-file { font-size: 0; letter-spacing: 0; margin-top: 7px; }

.account-form .item-file .file-img { display: inline-block; vertical-align: bottom; border-radius: 50%; width: 110px; height: 110px; box-shadow: 0px 5px 10px 0px rgba(4, 0, 0, 0.25); overflow: hidden; background: url(../images/web4.png) no-repeat center; background-size: 100% 100%; margin-right: 25px; }

.account-form .item-file .file-img img { display: block; width: 100%; height: 100%; }

@media screen and (max-width: 999px) { .account-form .item-file .file-img { width: 90px; height: 90px; margin-right: 15px; } }

.account-form .item-file .file-btn { display: inline-block; vertical-align: bottom; width: 130px; height: 30px; outline: none; line-height: 28px; border: solid 1px #999; background-color: #f4f4f4; color: #666; font-size: 14px; font-size: 1.4rem; cursor: pointer; }

.account-form .item-file .file-btn:hover { background-color: #FACC7E; border-color: #FACC7E; color: #fff; }

@media screen and (max-width: 767px) { .account-form .item-file .file-btn { width: 110px; font-size: 12px; font-size: 1.2rem; } }

.account-form .item-file .file-input { display: none; }

.account-form .item-email .item-input1 { float: left; min-width: 197px; margin-right: 10px; color: #aaa; font-size: 16px; font-size: 1.6rem; }

@media screen and (max-width: 640px) { .account-form .item-email .item-input1 { font-size: 14px; font-size: 1.4rem; margin: 0; width: 100%; } }

.account-form .item-email .item-change { float: left; display: inline-block; min-width: 70px; line-height: 28px; height: 30px; border: solid 1px #999; background-color: #f4f4f4; text-align: center; color: #666; }

.account-form .item-email .item-change:hover { background-color: #FACC7E; color: #fff; border-color: #FACC7E; }

.account-form .item-url .item-input1 { float: left; min-width: 197px; margin-right: 10px; color: #aaa; font-size: 16px; font-size: 1.6rem; }

@media screen and (max-width: 640px) { .account-form .item-url .item-input1 { font-size: 14px; font-size: 1.4rem; margin: 0; width: 100%; } }

.account-form .item-url .item-input2 { width: 244px; float: left; }

@media screen and (max-width: 640px) { .account-form .item-url .item-input2 { float: left; width: 100%; } }

/*-------------15-account end--------------------------------------------------------------*/
/*-------------16-change start-------------------------------------------------------------*/
.change-form { padding: 27px 3.47625% 0; }

.change-form .item-row { margin: 0 auto 30px; max-width: 460px; }

@media screen and (max-width: 767px) { .change-form .item-row { margin-bottom: 15px; } }

.change-form .item-row .item-txt { font-size: 16px; font-size: 1.6rem; font-weight: bold; color: #333; line-height: 24px; min-height: 24px; margin-bottom: 15px; }

@media screen and (max-width: 767px) { .change-form .item-row .item-txt { font-size: 14px; font-size: 1.4rem; margin-bottom: 10px; } }

.change-form .item-row .item-input { position: relative; }

.change-form .item-row .item-input .iconfont { position: absolute; top: 0; right: 0; font-size: 22px; font-size: 2.2rem; color: #00C012; }

@media screen and (max-width: 767px) { .change-form .item-row .item-input .iconfont { font-size: 18px; font-size: 1.8rem; } }

.change-form .item-row input { border: solid 1px #D9D9D9; width: 100%; height: 32px; line-height: 30px; color: #666; padding: 0 10px; display: block; }

.change-form .item-row .item-btn { width: 120px; height: 40px; line-height: 38px; font-size: 12px; font-size: 1.2rem; border: solid 1px #36A4D2; background-color: #36A4D2; color: #fff; margin: 0 auto; }

.change-form .item-row .item-btn:hover { border: solid 1px #FACC7E; background-color: #FACC7E; }

@media screen and (max-width: 767px) { .change-form .item-row .item-btn { height: 32px; line-height: 30px; } }

.change-form .item-row .sent-input { padding-right: 70px; }

.change-form .item-row .item-sent { position: absolute; right: 0; top: 0; width: 60px; height: 32px; border: solid 1px #222; background-color: #222; color: #fff; outline: none; cursor: pointer; }

.change-form .item-row .item-sent:hover { background-color: #FACC7E; border-color: #FACC7E; }

/*-------------16-change end---------------------------------------------------------------*/
.model-backdrop { display: none; position: fixed; z-index: 999999; top: 0; left: 0; bottom: 0; right: 0; background-color: #000; background-color: rgba(0, 0, 0, 0.66); }

.model-backdrop .model-form { width: 400px; background-color: #fff; padding: 20px 20px 10px; position: absolute; top: 50%; left: 50%; margin: -247px 0 0 -200px; }

.model-backdrop .model-form .close { position: absolute; top: 10px; right: 10px; font-size: 18px; font-size: 1.8rem; color: #36A4D2; cursor: pointer; }

.model-backdrop .model-form .item-title { text-align: center; font-weight: bold; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; line-height: 24px; margin-bottom: 10px; color: #36A4D2; }

.model-backdrop .model-form .item-row { margin-bottom: 10px; }

.model-backdrop .model-form .item-p { font-size: 12px; font-size: 1.2rem; font-weight: bold; line-height: 24px; color: #666; }

.model-backdrop .model-form .item-p span { color: #999; margin-left: 5px; font-weight: normal; }

.model-backdrop .model-form input, .model-backdrop .model-form textarea { border: solid 1px #D9D9D9; background-color: #fff; display: block; width: 100%; padding: 0 5px; color: #333; }

.model-backdrop .model-form input { height: 32px; line-height: 30px; }

.model-backdrop .model-form textarea { line-height: 20px; padding-top: 5px; padding-bottom: 5px; }

.model-backdrop .model-form .text1 { height: 32px; }

.model-backdrop .model-form .text2 { height: 100px; }

.model-backdrop .model-form .item-code { position: relative; margin-top: 20px; }

.model-backdrop .model-form .item-code .item-input { padding-right: 80px; }

.model-backdrop .model-form .item-code .item-img { position: absolute; top: 1px; right: 0; }

.model-backdrop .model-form .item-code .item-img img { cursor: pointer; display: block; max-width: 98%}

.model-backdrop .model-form .item-btn { width: 100%; height: 32px; line-height: 32px; background-color: #36A4D2; text-transform: uppercase; color: #fff; border: 0; margin: 20px auto 0; font-weight: bold; font-size: 12px; font-size: 1.2rem; }

.model-backdrop .model-form .item-btn:hover { background-color: #FACC7E; }

@media screen and (max-width: 767px) { .model-backdrop .model-form .item-btn { margin: 0 auto; height: 36px; line-height: 36px; } }

@media screen and (max-width: 767px) { .model-backdrop .model-form { width: 90%; margin-left: -45%; margin-top: -217px; padding: 15px 20px 5px; }
  .model-backdrop .model-form .item-code { margin-top: 10px; }
  .model-backdrop .model-form .text2 { height: 60px; } }

.contact-box { margin-top: 30px; }

.contact-box .form-box { border-radius: 4px; background-color: #FBFBFB; border: solid 1px #e1e1e1; padding: 19px 4.58333% 29px; }

@media screen and (max-width: 767px) { .contact-box .form-box { padding: 15px 2%; } }

.contact-box .box-title { font-size: 36px; font-size: 3.6rem; color: #36A4D2; text-align: center; position: relative; padding-bottom: 15px; margin-bottom: 39px; letter-spacing: 0.7px; }

.contact-box .box-title:after { position: absolute; content: ''; width: 119px; height: 4px; background-color: #36A4D2; left: 50%; margin-left: -60px; bottom: 0; }

@media screen and (max-width: 1219px) { .contact-box .box-title { font-size: 30px; font-size: 3rem; } }

@media screen and (max-width: 999px) { .contact-box .box-title { font-size: 28px; font-size: 2.8rem; } }

@media screen and (max-width: 767px) { .contact-box .box-title { font-size: 24px; font-size: 2.4rem; padding-bottom: 10px; margin-bottom: 25px; }
  .contact-box .box-title:after { height: 2px; } }

@media screen and (max-width: 767px) { .contact-box .box-title { font-size: 20px; font-size: 2rem; } }

.contact-box .item-form .star { position: relative; }

.contact-box .item-form .star:after { position: absolute; content: '*'; color: #999999; left: 10px; top: 17px; }

.contact-box .item-form .star input, .contact-box .item-form .star textarea { padding-left: 20px; }

.contact-box .item-form .item-input { width: 100%; margin-bottom: 21px; }

.contact-box .item-form .item-input1 { margin-bottom: 22px; width: 100%; }

.contact-box .item-form input, .contact-box .item-form textarea { display: block; background-color: #fff; width: 100%; display: block; color: #999999; border: solid 1px #E1E1E1; }

.contact-box .item-form input { height: 50px; line-height: 48px; padding: 0 10px; }

.contact-box .item-form textarea { height: 200px; padding: 8px 10px; line-height: 24px; margin: 3px 0 0; }

.contact-box .item-form .item-code { width: 33.76147%; margin-right: 1.74312%; }

.contact-box .item-form .item-img img { display: block; cursor: pointer; }

.contact-box .item-form .item-btn { width: 48.07339%; padding: 0; }

.contact-box .item-form .item-btn input { height: 48px; border-color: #36A4D2; background-color: #36A4D2; color: #fff; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; }

.contact-box .item-form .item-btn input:hover { background-color: #333; border-color: #333; }

@media screen and (max-width: 1419px) { .contact-box .item-form .item-code { width: 28.44037%; margin-right: 1.37615%; } }

@media screen and (max-width: 999px) { .contact-box .item-form .item-code { width: 200px; }
  .contact-box .item-form .item-btn { width: 35%; margin-left: 15px; float: left; } }

@media screen and (max-width: 767px) { .contact-box .item-form .item-input, .contact-box .item-form .item-input1 { margin-bottom: 10px; }
  .contact-box .item-form .item-code { width: -moz-calc(100% - 180px); width: calc(100% - 180px); margin-right: 0; }
  .contact-box .item-form .item-img { float: right; height: 40px; }
  .contact-box .item-form .item-img img { max-height: 100%; }
  .contact-box .item-form .item-btn { margin-left: 0; width: 100%; }
  .contact-box .item-form .item-btn input { height: 40px; line-height: 38px; font-size: 14px; font-size: 1.4rem; }
  .contact-box .item-form input { height: 40px; line-height: 38px; } }

@media screen and (max-width: 500px) { .contact-box .item-form .item-input { width: 100%; }
  .contact-box .item-form .item-img { float: left; margin-bottom: 10px; } }

/*.phone-nav*/
.phone-nav { width: 5px; height: 100%; position: absolute; right: 0; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999999; cursor: pointer; position: fixed; top: -5px; right: 0; display: block; }

.phone-nav .nav { overflow: hidden; width: 300px; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; display: block; height: auto; overflow: scroll; }

.phone-nav .nav form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #fff; position: relative; }

.phone-nav .nav form .iptc { -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; background-color: #fff; width: 80%; height: 26px; line-height: 26px; display: block; float: left; }

.phone-nav .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right; z-index: 1; position: relative; }

.phone-nav .nav form .iconfont { position: absolute; top: 0; right: 0; width: 20%; height: 26px; text-align: center; line-height: 26px; color: #36A4D2; z-index: 0; background-color: #fff; }

.phone-nav .nav > ul { display: none; margin-top: 0px; margin-bottom: 0px; overflow: scroll; padding-top: 45px; -ms-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.phone-nav .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; padding-left: 20px; position: relative; }

.phone-nav .addition { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url("../fonts/shizi.png") no-repeat center center; }

.phone-nav .addition.active { background-image: url("../fonts/yizi.png"); }

.phone-nav .addition.fa:before { margin-right: 5px; color: #fff; padding-left: 0; }

.phone-nav .nav > ul > li > a { margin-right: 40px; color: #fff; font-size: 12px; font-size: 1.2rem; display: block; }

.phone-nav .nav > ul > li > a span { color: #fff; font-size: 12px; font-size: 1.2rem; }

.phone-nav .nav > ul > li .c-show { display: none; width: 100%; }

.phone-nav .nav > ul > li .c-show1 .c-s1 { position: relative; padding-left: 15px; }

.phone-nav .nav > ul > li .c-show1 .c-s1 > a { position: relative; margin-right: 40px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 8px; padding-bottom: 8px; line-height: 24px; word-break: break-word; }

.phone-nav .nav > ul > li .c-show1 .c-s1 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.phone-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 { position: relative; }

.phone-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 { position: relative; }

.phone-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a { margin-right: 40px; padding-left: 35px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 8px; padding-bottom: 8px; line-height: 24px; word-break: break-word; }

.phone-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.phone-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 { position: relative; }

.phone-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a { margin-right: 40px; padding-left: 50px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 8px; padding-bottom: 8px; line-height: 24px; word-break: break-word; }

.phone-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.phone-nav .nav > ul > dl { padding: 20px; }

.phone-nav .nav > ul > dl dd { float: left; margin: 0 2px; }

.phone-nav .menubtn { width: 23px; height: 18px; position: absolute; top: 18px; right: 10px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }

.phone-nav .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #36A4D2; }

.phone-nav .menubtn span.menu-color { background-color: #36A4D2 !important; }

@media screen and (min-width: 768px) { .phone-nav, .menubtn { display: none; } }

#banner { margin-top: 20px; }

.slide { position: relative; margin-bottom: 20px; background: url(../images/bg1.png) no-repeat center; }

.slide .carouse { width: 100%; overflow: hidden; position: relative; }

.slide .carouse .slideItem { width: 100%; position: absolute; cursor: pointer; }

.slide video { position: absolute; display: block; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: 100%; height: 100%; max-width: none; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; display: none \9; display: block \9\0; }

.slide .carouse .slideItem .banner-img { width: 100%; display: block; }

.slide .console { height: 57px; display: inline-block; width: 35px; position: absolute; top: 40%; }

.slide .carousel-control { display: none; position: absolute; top: 50%; width: 40px; height: 70px; text-align: center; line-height: 70px; z-index: 999; margin-top: -35px; background-color: #000; background-color: rgba(0, 0, 0, 0.3); }

.slide .carousel-control .iconfont { font-size: 30px; font-size: 3rem; color: #fff; }

.slide .carousel-control:hover { background-color: #36A4D2; }

.slide .carousel-control.left { left: 30px; cursor: pointer; }

.slide .carousel-control.right { right: 30px; cursor: pointer; }

.slide .dotList { position: absolute; width: 100%; bottom: 20px; text-align: center; line-height: 0; }

.slide .dotList li { display: inline-block; cursor: pointer; font-size: 0px; margin: 0 5px; border: none; outline: none; width: 20px; height: 10px; border-radius: 5px; background-color: #fff; }

.slide .dotList li.active { background-color: #36A4D2; }

@media screen and (max-width: 999px) { .slide .carousel-control { display: none; }
  .slide .dotList { bottom: 15px; } }

@media screen and (max-width: 767px) { .slide .dotList { bottom: 8px; }
  .slide .dotList li { margin: 0 3px; width: 10px; height: 6px; border-radius: 3px; } }

#index-slide { margin-bottom: 20px; }

#index-slide .carousel-control { display: none; position: absolute; top: 50%; width: 24px; height: 24px; text-align: center; line-height: 24px; z-index: 999; margin-top: -12px; background-color: #36A4D2; background-color: rgba(54, 164, 210, 0.6); border-radius: 50%; }

#index-slide .carousel-control .iconfont { font-size: 12px; font-size: 1.2rem; color: #fff; }

#index-slide .carousel-control:hover { background-color: #36A4D2; }

#index-slide .carousel-control.left { left: 20px; cursor: pointer; }

#index-slide .carousel-control.right { right: 20px; cursor: pointer; }

#index-slide .dotList { bottom: 10px; }

#index-slide .dotList li.active { background-color: #333; }

@media screen and (max-width: 767px) { #index-slide .dotList { bottom: 5px; } }

@media screen and (min-width:1000px) and (max-width:1219px) {}
@media screen and (max-width:1219px) {}
@media screen and (max-width:999px) {	}
@media screen and (max-width:767px) {	}

@font-face {
    font-family: 'bebasneue-regular';
    src: url('../fonts/bebasneue-regular.eot');
    src: url('../fonts/bebasneue-regular.eot') format('embedded-opentype'),
         url('../fonts/bebasneue-regular.woff2') format('woff2'),
         url('../fonts/bebasneue-regular.woff') format('woff'),
         url('../fonts/bebasneue-regular.ttf') format('truetype'),
         url('../fonts/bebasneue-regular.svg#bebasneue-regular') format('svg');
}
@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1582770241411'); /* IE9 */
  src: url('../fonts/iconfont.eot?t=1582770241411#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('../fonts/iconfont.woff?t=1582770241411') format('woff'),
  url('../fonts/iconfont.ttf?t=1582770241411') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/iconfont.svg?t=1582770241411#iconfont') format('svg'); /* iOS 4.1- */
}

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

.icon-guanbicuowu:before {
  content: "\e62d";
}

.icon-close:before {
  content: "\e713";
}

.icon-duigou:before {
  content: "\e606";
}

.icon-success:before {
  content: "\e60a";
}

.icon-book:before {
  content: "\e68c";
}

.icon-jushoucang:before {
  content: "\e643";
}

.icon-sousuo:before {
  content: "\e652";
}

.icon-suo:before {
  content: "\e653";
}

.icon-wodefankui:before {
  content: "\e656";
}

.icon-yanjing:before {
  content: "\e661";
}

.icon-jushoucanggift:before {
  content: "\e684";
}

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

.icon-write:before {
  content: "\e6fd";
}

.icon-write1:before {
  content: "\e63e";
}

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

.icon-biaoqian:before {
  content: "\e625";
}

.icon-tixing:before {
  content: "\e609";
}

.icon-linkedin1:before {
  content: "\e66a";
}

.icon-insgram:before {
  content: "\e671";
}

.icon-facebook1:before {
  content: "\e66c";
}

.icon-pinterest1:before {
  content: "\e66e";
}

.icon-youtube1:before {
  content: "\e674";
}

.icon-twitter1:before {
  content: "\e670";
}

.icon-up7:before {
  content: "\e722";
}

.icon-bottom7:before {
  content: "\e723";
}

.icon-left7:before {
  content: "\e724";
}

.icon-right7:before {
  content: "\e725";
}

.icon-up16:before {
  content: "\e746";
}

.icon-bottom16:before {
  content: "\e747";
}

.icon-left16:before {
  content: "\e748";
}

.icon-right16:before {
  content: "\e749";
}

.icon-up25:before {
  content: "\e785";
}

.icon-calendar5:before {
  content: "\e7e3";
}

.icon-search:before {
  content: "\e602";
}

.icon-top10:before {
  content: "\e7ee";
}

.icon-bottom10:before {
  content: "\e7ef";
}

.icon-left10:before {
  content: "\e7f0";
}

.icon-right10:before {
  content: "\e7f1";
}

.icon-delete:before {
  content: "\e615";
}

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

.icon-tixing1:before {
  content: "\e7ff";
}

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

.icon-shiyongwendang:before {
  content: "\e604";
}

.icon-Homehomepagemenu:before {
  content: "\e9ce";
}


.artical-slide .slide-title a{color: #fff !important;}
.artical-slide .slide-title a:hover{color: #fff !important;}
.comments-main .item-title a:hover{color: #333333 !important;}

/*分类简介 start*/
.category-description {
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 1220px) {
    .category-description {
        width: 1200px;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1219px) {
    .category-description {
        width: 980px;
    }
}

@media screen and (max-width: 999px) {
    .category-description {
        width: 95%;
    }
}
/*分类简介 end*/
.m-hdmnav {
    position: relative;
    float: right;
    z-index: 999;
    padding-bottom: 3px;
    top: -30px;
}
.j-nextshow-list {
    display: block;
    line-height: 24px;
    font-size: 2rem;
}
.box-list-new {
    top: unset;
}
.box-list-new li:hover{
    background: #36A4D2;
}
.box-list-new li:hover a{
    color: #fff;
}

.login-btn {
    margin-left: 10px !important;
}
.user-btn {
    border: none !important;
}