/*公共样式*/
.html {
    color: black;
}

body {
    font-family: "SourceHanSansCN-Medium",sans-serif !important;
    overflow: auto !important;
    margin: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    overflow-x: scroll;
}


.sec-wrapper {
    min-width: 1666px;
    width: 100%;
    overflow: hidden;
}

p {
    margin: 0;
}

.container {
    position: relative;
    margin: 0 auto;
    width: 1200px;
}

.sec-title {
    font-size: 60px;
    font-weight: bold;
    color: #0A0000;
    line-height: 70px;
    color: #0E3D92;
}

.title-two {
    font-size: 22px;
    line-height: 30px;
    color: #0A0000;
}

.sec-desc {
    line-height: 35px;
    font-size: 30px;
    color: #0E3D92;
}


.sec-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: top center;
}


.hs-head-nav {
    position: fixed;
}
        .contact {
            margin-top: 0px;
        }

@media only screen and (min-width: 769px) {
    .hide-pc {
        display: none !important;
    }
}


@media only screen and (max-width: 1200px) {
    .hs-nav .hs-nav-cpfa .container {
        width: 750px;
    }

    .hs-head ul li:nth-child(2) .hs-nav-cpfa .container {
        width: 1200px;
    }
}

/*banner*/

.sec-banner.sec-lazyload {
    padding-top: 90px;
    height: 100vh;
    width: 100%;
    position: relative;
    background: url(../img/opinions/pc/top/top-bg-new.png) no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    background-color: #1904b4;
}
.sec-banner .container {
    height: 100%;
}

.sec-banner img {
    width: 100%;
}

.sec-banner .pic-wrapper {
    position: absolute;
    top: 46.5%;
    left: 50%;
    transform: translate(-50%,-50%)
}
.sec-banner .pic-wrapper .top {
    width: 918px;
}
.sec-banner .pic-wrapper .bottom  {
    width: 719px;
    margin: 0 auto;
}

/*list*/

.sec-list.sec-lazyload{
    min-height: 997px;
    width: 100%;
    position: relative;
    background: url(../img/opinions/pc/center/bg-new.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    margin-top: -3px;
    background-color: #1802ae;
}

.sec-list .top-pic {
    width: 100%;
    position: absolute;
    margin-top: 143px;
}

.sec-list .top-pic  .check {
    width: 43px;
    flex-shrink: 0;
    margin-right: 20px;
}

.sec-list .top-pic .right  .top {
    width: 475px;
}

.sec-list .top-pic img {
    width: 100%;
}

.sec-list #hiddenresult {
    margin-top: 977px;
}

.sec-list .top-pic .desc-wrapper {
    width: 100%;
    position: absolute;
    top:0;
    display: flex;
    justify-content: space-between;
}

.sec-list .top-pic .left  {
    width: 530px;
    margin: 60px 0 0 40px;
}
.sec-list .top-pic .left .title {
    font-size: 42px;
    font-weight: bold;
    color: #1802A1;
    line-height: 62px;
    margin-bottom: 30px;
}

.sec-list .top-pic .left .item {
    display: flex;
    flex-grow: 0;
    margin-bottom: 10px;
}
.sec-list .top-pic .left .item .desc {
    font-size: 35px;
    font-weight: bold;
    color: #272727;
    line-height: 53px;
}

.sec-list .top-pic .right .top{
    margin: 40px 40px 0 0;
}
.sec-list .top-pic .right {
    position: relative;
}
.sec-list .top-pic .right .btn-wrapper {
    width: 317px;
    position: absolute;
    top: 404px;
    left: 50%;
    transform: translateX(-50%);
}
.sec-list .top-pic .right .btn-wrapper .desc {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFE;
    line-height: 45px;
}

.sec-list .big-title {
    width: 891px;
    position:absolute;
    top: 788px;
    left: 50%;
    transform: translateX(-50%);
}


.sec-list ul li {
    margin-bottom: 10px;
    padding: 15px 20px;
    background: #fff;
    border: 1px solid #3699FF;
}

.sec-list ul li .top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.sec-list ul li .user-info {
    display: flex;
}
.sec-list ul li .user-info .user {
    margin-right: 40px;
}

.sec-list ul li .top .title{
    font-size: 26px;
    font-weight: bold;
    color: #000000;
    line-height: 53px;
}

.sec-list ul li .top  .user-info .user,
.sec-list ul li .top  .user-info .time-title {
    font-size: 18px;
    color: #AAAAAA;
    line-height: 30px;
}

.sec-list ul li .bottom {
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
}

.sec-list ul li .bottom .content {
    display: flex;
    color: #000;
    font-weight: bold;
    position: relative;
}

.sec-list ul li .bottom .likes {
    display: flex;
}
.sec-list ul li .bottom .more {
    margin-left: 20px;
    cursor: pointer;
    color: cornflowerblue;
}
.sec-list ul li .bottom .info-content {
    width: 800px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.sec-list ul li .reply {
    cursor: pointer;
    color: cornflowerblue;
    display: inline;
    font-size: 20px;
    font-weight: 600;
    color: #0E2F8F;
    line-height: 53px;
}

.sec-list .dialog-wrapper {
    background-color: rgba(0,0,0,.5);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    display: none;
}

.sec-list .dialog {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 750px;
    width: 1000px;
    z-index: 2;
    background: linear-gradient(#ffffff 0,#3266dd 100%);
    border-radius: 15px;
    padding: 40px 30px;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.sec-list .dialog::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}

.sec-list .dialog .dialog-title{
    font-size: 45px;
    font-weight: bold;
    color: #170784;
    line-height: 67px;
    text-align: center;
    margin-bottom: 20px;
}

.sec-list .dialog .comment-wrapper {
    background-color: #fff;
    padding: 20px 15px;
    border-radius: 15px;
}
.sec-list .dialog .comment-wrapper .user-info {
    display: flex;
}
.sec-list .dialog .time-title,
.sec-list .dialog  .user {
    font-size: 18px;
    color: #AAAAAA;
    line-height: 30px;
    margin-left: 20px;
}
.sec-list .dialog .comment-wrapper .top{
    display: flex;
    justify-content: space-between;
}
.sec-list .dialog .comment-wrapper .title{
    font-size: 30px;
    font-weight: bold;
    color: #000000;
    line-height: 33px;
}

.sec-list .dialog .comment-wrapper .reply {
    font-size: 20px;
    font-weight: bold;
    color: #0E2F8F;
    line-height: 30px;
}

.sec-list .dialog .content {
    font-size: 18px;
    color: #242424;
    margin: 10px 0 ;
    line-height: 25px;
}

.sec-list .dialog .reply-message {
    background-color: #fff;
    padding: 20px 15px;
    border-radius: 15px;
    margin-top: 20px;
    display: none;
}

.sec-list .dialog .reply-message .item {
    margin-bottom: 10px;
}
.sec-list .dialog .reply-message .user-info {
    display: flex;
    justify-content: space-between;
}
.sec-list .dialog .reply-message .user-info .title {
    font-size: 30px;
    font-weight: bold;
    color: #000000;
    line-height: 33px;
}

.sec-list .dialog .load {
    color: #AAAAAA;
    font-size: 24px;
    text-align: center;
}


.sec-list .dialog .close-pic {
    position: absolute;
    width: 31px;
    right: 17px;
    top: 10px;
}
.sec-list .dialog .close-pic img {
    width:100%;
}
.pagination {
    color: #fff;
    margin: 0px 0 40px;
}
.pagination a {
    color: #fff;
}
.pagination a:focus{
    color: #fff;
}

/*message*/

.sec-message {
    height: 774px;
    position: relative;
    background-color: #1904b4;
}
.sec-message.sec-lazyload .sec-bg {
    background-image: url("../img/opinions/pc/bottom/bottom-bg.jpg");
}
.sec-message .container {
    padding-top: 255px;
}
.sec-message .container .title {
    font-size: 25px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 53px;
}


.sec-message .container .content-wrapper {
    justify-content: space-between;
    display: flex;
}
.sec-message .user-info, .sec-message .message {
    width: 45%;
}

.sec-message .message textarea {
    width: 100%;
    height: 190px;
    margin-top: 10px;
    border: 1px solid #dcdcdc;
    padding: 5px 10px;
}

.sec-message .input-tps {
    position:relative;
}

.sec-message .user-info .input-tps {
     display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
        position: relative;
}

.sec-message .user-info  .yzm.input-tps input{
    width: 300px;
}

.sec-message .user-info  .yzm.input-tps a {
    width: 220px;
    height: 40px;
    background-color: #fff;
    line-height: 40px;
    display: inline-block;
    color: #0B1584;
    font-size: 20px;
    font-weight: bold;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    text-align: center;
    cursor: pointer;
}
.sec-message .input-tps input {
    width: 100%;
    height: 40px;
    padding-left: 115px;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    


}

.sec-message .input-tps i {
    color: #0B1584;
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translate(0,-50%);
    font-style: normal;
    width: auto;
    flex-shrink: inherit;
}

.sec-message .input-tps input::placeholder, .sec-message textarea::placeholder {
    color: #b8b5b6;
    font-size: 14px;
}
#subject,#nickName {
    padding-left: 80px;
}

.sec-message .btn-wrapper {
    text-align: center;
    width: 181px;
    height:50px;
    border: 1px solid #fff;
    border-radius: 30px;
    line-height: 50px;
    background-color: #E12B37;
    margin: 73px auto 0;
    font-size: 25px;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
}

.sec-message .tip {
    color: #fff;
}





/*底部nav*/
.gray-section {
    background: #efefef;
}

.contact {
    background-image: url('../img/word_map.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

dl.pull-left {
    min-height: 180px;
}

.row.wangzhandaohang dt a {
    color: #333;
}

.row.wangzhandaohang dd a {
    font-size: 15px;
    color: #8C8D8D;
}

.m-b-lg {
    margin-bottom: 30px;
}

.wangzhandaohang {
    font-size: 15px;
}

.row.wangzhandaohang dd {
    padding-left: 10px;
    border-left: 1px solid #999;
    margin-left: 7px;
    margin-top: 10px;
}

.wangzhandaohang a:hover {
    text-decoration: underline;
}






@font-face {font-family:"iconfont";src:url('//at.alicdn.com/t/font_623045_ctx64mowghkt9.eot?t=1525679380473');src:url('//at.alicdn.com/t/font_623045_ctx64mowghkt9.eot?t=1525679380473#iefix') format('embedded-opentype'),url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),url('//at.alicdn.com/t/font_623045_ctx64mowghkt9.ttf?t=1525679380473') format('truetype'),url('//at.alicdn.com/t/font_623045_ctx64mowghkt9.svg?t=1525679380473#iconfont') format('svg')}
.iconfont {font-family:"iconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.icon-ai206:before {
    content: "\e6c2";
}
.icon-fanhuidingbu:before {
    content: "\e637";
}

.right-daohang {width:77px;height:56px;position:fixed;z-index:100;top:32%;right:0px}
.right-daohang li {width:50px;height:50px;background:#009eef;background-size:100%;border-bottom:1px solid #009eef;cursor:pointer;transition:all .5s;float:right;position:relative;box-sizing:content-box;overflow:hidden}
.right-daohang li:hover {padding-right:10px}
.right-daohang .li1 a:hover {text-decoration:none}
.right-daohang .li2:hover {padding-right:160px}
.right-daohang .li4:hover {padding-right:80px}
.right-daohang .li2:hover span {opacity:1}
.li2.li1 span a {color:#fff;position:relative;font-size:18px;display:inline}
.li2.li1 span a:focus {outline:0}
.right-daohang li i {display:block;font-size:24px;color:#fff;text-align:center;height:34px;margin-top:15px}
.right-daohang li p {text-align:center;color:#fff}
.right-daohang .li2 {cursor:pointer}
.right-daohang li span {width:160px;font-size:18px;color:#fff;position:absolute;left:46px;top:50%;border-left:1px solid #fff;padding-left:6px;opacity:0;transition:all 1s;transform:translate(0,-50%)}
.right-daohang .li3 span {line-height:20px}
.right-daohang .li2 i {background-position:0 -25px}
.right-daohang .li3 i {background-position:4px -53px}
.right-daohang .li4 {background:#888;border-bottom:0}
.right-daohang .li4 i {background-position:-34px 4px}



@media only screen and (min-width: 769px) {
    .hide-pc {
        display: none!important;
    }

}

@media only screen and (max-width: 768px) {
    .hide-m {
        display: none!important;
    }
    .hide-m-footer {
        display: none!important;
    }
    #contact {
        padding-top: .2rem;
    }
    .container {
        width: 3.12rem;
        padding: 0;
    }

    .hs-head-nav .container {
        width: 100%;
        padding: 0 15px;
    }
    html {
        font-size: 100px;
    }
    .sec-wrapper {
        min-width: inherit;
    }

    /*top*/
    .sec-banner.sec-lazyload {
        margin-top: 68px;
        padding: 0;
        height: 3.34rem;
        background: url(../img/opinions/m/top/top-bg.jpg) no-repeat;
        background-position: center;
        background-size: cover;
        position: relative;
    }

    .sec-banner .pic-wrapper .top {
        width: 3.15rem;
    }

    .sec-banner .pic-wrapper .bottom {
        width: 3.12rem;
    }

    /*center*/
    .sec-list.sec-lazyload {
        min-height: 3rem;
        background: url(../img/opinions/m/center/bg.png) no-repeat;
        background-position: center;
        background-size: cover;
        position: relative;
    }

    .sec-list .top-pic {
        width: 3.58rem;
        position: absolute;
        margin-top: .18rem;
        position: absolute;
        left:50%;
        transform: translateX(-50%);
        top: .1rem;
    }

    .sec-list .top-pic .left {
        width: 1.65rem;
        margin: .1rem 0 0 .12rem;
    }

    .sec-list .top-pic .left .title {
        font-size: .14rem;
        font-weight: bold;
        color: #1802A1;
        line-height: .19rem;
        margin-bottom: .05rem;
    }

    .sec-list .top-pic .check {
        width: .15rem;
        margin-right: .05rem;
    }

    .sec-list .top-pic .left .item {
        margin-bottom: 0rem;
    }

    .sec-list .top-pic .left .item:last-child {
        width: 1.83rem;
    }
    .sec-list .top-pic .left .item .desc {
        font-size: .12rem;
        font-weight: bold;
        color: #272727;
        line-height: .18rem;
        margin-top: .07rem;
    }

    .sec-list .top-pic .right .top {
        width: 1.45rem;
        margin: .1rem .1rem 0 0;
    }


    .sec-list .top-pic .right .btn-wrapper {
        width: 1.31rem;
        top: 1.2rem;
    }

    .sec-list .top-pic .right .btn-wrapper .desc {
        font-size: .12rem;
        font-weight: bold;
        color: #FFFFFE;
        line-height: .1rem;
        white-space: nowrap;
    }

    .sec-list .big-title {
        width: 2.75rem;
        top: 2.16rem;
    }
    .sec-list .big-title  img {
        width: 100%;
    }

    .sec-list #hiddenresult {
        margin-top: 2.8rem;
        margin-bottom: .1rem;
    }
    .sec-list ul li {
        padding:.05rem .1rem;
    }
    .sec-list ul li .top .title {
        font-size: .14rem;
        font-weight: bold;
        color: #000000;
        line-height: .2rem;
        width: 1.6rem;
        margin-right: .1rem;
    }
    .sec-list ul li .top .user-info .user, .sec-list ul li .top .user-info .time-title {
        font-size: .07rem;
        line-height: .2rem;
    }
    .sec-list ul li .user-info .user {
        margin-right: .1rem;
    }

    .sec-list ul li .bottom .info-content {
        width: 100%;
        font-size: .1rem;
        line-height: .18rem;
        color: #6E6E6E;
    }

    .sec-list ul li .reply {
        font-size: .1rem;
        font-weight: bold;
        color: #0E2F8F;
        line-height: .16rem;
    }
    .pagination {
        font-size: .14rem;
        width: 100%;
        text-align: center;
        margin-bottom: .3rem;
    }


    /*message*/
    .sec-message {
        height: 5.87rem;
    }

    .sec-message.sec-lazyload .sec-bg {
        background-image: url(../img/opinions/m/bottom/bottom-bg.png);
    }

    .sec-message .container {
        padding-top: .8rem;
    }
    .sec-message .container .content-wrapper {
        flex-direction: column;
    }
    .sec-message .user-info, .sec-message .message {
        width: 100%;
    }
    .sec-message .container .title {
        font-size: .14rem;
        font-weight: bold;
        color: #FFFFFF;
        line-height: .2rem;
        margin-bottom: .1rem;
    }
    .sec-message .input-tps input {
        height: .32rem;
        padding-left: .8rem;
        font-size: .12rem;
    }
    .sec-message .input-tps i {
        font-size: .12rem;
        line-height: .27rem;
    }
    .sec-message .user-info .yzm.input-tps input {
        margin-right: .1rem;
        width: 2rem;
    }
    .sec-message .user-info .yzm.input-tps a {
        height: .27rem;
        font-size: .1rem;
        line-height: .27rem;
    }
    #subject, #nickName {
        padding-left: .6rem;
    }

    .sec-message .input-tps input::placeholder, .sec-message textarea::placeholder {
        color: #b8b5b6;
        font-size: .12rem;
    }
    .sec-message .message textarea {
        height: 1rem;
        font-size: .14rem;
    }

    .sec-message .tip {
        font-size: .12rem;
    }
    .sec-message .btn-wrapper {
        width: 1.12rem;
        height: .3rem;
        font-size: .18rem;
        line-height: .3rem;
        margin: .2rem auto 0;
    }

    /*回复栏*/
    .mobile-mask {
        position: absolute;
        background-color: rgba(255,255,255,.8);
        width: 3.2rem;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mobile-mask .desc {
        font-size: .12rem;
        line-height: .2rem;
        color: #000;
    }
     .sec-list ul li  .mobile-reply {
        background: #F7F7F7;
        border-top: 1px solid #DCDCDC;
        padding-top: .05rem;
        padding-bottom: .1rem;
        margin-top: .3rem;
        position: relative;
     }
    .sec-list ul li  .mobile-reply .user-info {
        justify-content: space-between;
        font-size: .14rem;
        font-weight: bold;
    }
    .sec-list ul li .mobile-reply .user-info .title {
        color: #0E2F8F;
    }
    .sec-list ul li  .mobile-reply .user-info  .reply-time {
        font-size: .1rem;
        color: #aaa;
        font-weight: 400;
    }
    .sec-list ul li  .mobile-reply   .content .info-content{
        font-size: .12rem;
        color: #6F6F6F;
        line-height: .2rem;
    }
    .sec-list ul li  .mobile-reply .arrow {
        width: .2rem;
        position: absolute;
        top: -.3rem;
        right: 0;
    }
    .sec-list ul li  .mobile-reply .arrow img {
        width: 100%;
    }
}