@media screen and (min-width:760px){
    .cxsm_wrap{
        min-width: 1200px;
        overflow: hidden;
    }
    /* banner  title */
        .banner{
            width:100%;
        }
        .title{
            width:1200px;
            margin:0 auto;
        }
        .title>h2{
            width:1108px;
            font-size: 36px;
            font-weight: bold;
            color:#d51010;
    text-align:center;
            margin:170px auto 0;
        }
        .title>h2>a{
            font-size: 36px;
            font-weight: bold;
            color:#d51010;
        }
        .title_detail{
            width:1200px;
            background:url(../img/underline_03.png) center bottom no-repeat;
            background-size: 1200px  14px;
            margin:0 auto;
            padding:40px 46px;
            box-sizing: border-box;
            font-size: 20px;
            line-height: 24px;
    text-indent:40px;
            color:#807472;
        }

    /* part1 */
        .part_1{
            width:1200px;
            overflow: hidden;
            margin:40px auto 0;

        }
        .part_1_wrap{
            margin: 60px auto 0;

            width:1200px;
            overflow: hidden;
        }
            .ttdt{
                width:573px;
                overflow: hidden;
                float: left;
            }
            .xxhd{
                overflow: hidden;
            }
                .common_part_1_title{
                    width:100%;
    padding-top:0px;
                }
                .common_part1_list{
                    width:100%;

                }
                    .common_part1_list>a{
                        font-size: 18px;
                        line-height: 30px;
                        margin-top: 5px;
                        color:#333333;
                        display: block;
                        background:url(../img/circle_07.png) 0 11px no-repeat;
                        background-size: 7px 7px;
                        text-indent: 10px
                    }
            .part_1_more{
                width:136px;
                height:30px;
                border:1px solid #8e8e8e;
                text-align: center;
                line-height: 30px;
                font-size: 18px;
                margin:40px auto;
                cursor: pointer;
            }


    /* 聆听金句 */
    .ltjj{
        width:1200px;
        overflow: hidden;
        margin:5px auto;
    }
        .ltjj_title{
            width:100%;
        }
        .ltjj_img_wrap{
            width:1200px;
            height:145px;
            display: flex;
            margin-top: 40px;
            flex-direction: row;
        }
            .ltjj_img{
                flex:1;
                margin:0 4px;
                cursor: pointer;
            }
                .ltjj_img img{
                    width:100%;
                    height:100%;
                }
    /* 党校之窗 */
        .dxzc{
            width:1200px;
            margin:45px auto;
        }
            .dxzc_title{
                width:100%;
            }
            .dxzc_wrap{
                width:1200px;
                height:410px;
                background:url(../img/dxzc_11.png) 0 0 no-repeat;
                background-size: 100% 100%;
                margin-top: 50px;
                overflow: hidden;
            }
            .dxzc_img{
                width:560px;
                height:310px;
                margin:58px 0 0 23px;
                overflow: hidden;
                float: left;
            }
                .dxzc_img img{
                    width:100%;
                    height:100%;
                }
            .dxzc_list{
                width:595px;
                height:400px;
                float: left;
                margin-top: 13px;
            }
                .topArrow,.botArrow{
                    width:100%;
                    height:45px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    cursor: pointer;
                }
                .dxzc_center_list{
                    width:100%;
                    height:309px;
                    overflow: hidden;
                }
                    .dxzc_link_wrap>a{
                        width:100%;
    text-indent:40px;
                        height:103px;
                        padding:0 60px;
                        box-sizing: border-box;
                        font-size: 20px;
                        line-height: 25px;
                        color:#333333;
                        display: block;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        cursor: pointer;
                        overflow: hidden;
                        /* display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 3;
                        overflow: hidden;        */
                    }
                        .dxzc_center_list_link_active{
                            background:#e2000e;
                            color:#fff!important;
                        }

            .dxzc_link_wrap{
                width:100%;
                overflow: hidden;
                transition: all 1s;
            }
            ._dxzc_img{
                display: none;
            }
            .show{
                display: block!important;
            }
    /* other_link */
                        .other_link{
                            width:1200px;
                            margin:50px auto;
                            display: flex;
                            flex-direction: row;
                        }
                            .other_link>a{
                                flex:1;
                            }
                            .other_link>a img{
                                width:100%;
                                height:100%;
                            }
                            .other_link>a:nth-of-type(1){
                                margin-right: 11px;
                            }

    /* part2 */
            .part2{
                width:1200px;
                margin:46px auto 0;
                overflow: hidden;
            }
                .ztjj{
                    width:360px;
                    float: left;
                }
                    .ztjj_title{
                        width:400px;
                        margin: 150px auto  30px;
                    }
                    .ztjj_links{
                        width:360px;
                        margin-top: 40px;
                    }
                        .ztjj_links a{
                            width:360px;
                            line-height: 33px;
                            font-size: 18px;
                            display: block;
                            overflow: hidden;
                            text-overflow:ellipsis;
                            white-space: nowrap;
                        }
                .xxjl{
                    width:340px;
                    float: right;
                }
                .xxjl_sw{
                    width:340px;
                    position: relative;
                    height:450px;
                    overflow: hidden;
                    margin-top: 43px;
                }
                    .swiper-wrapper{
                        width:100%;
                        height:400px!important;
                    }
                    .swiper-slide{
                        width:100%;
                        height:400px;
                    }
                        .swiper-slide{
                            display: flex;

                            flex-direction: column;
                        }
                        .slImg{
                            flex: 1;
                            height:194px;
                        }
                        .slImg img{
                            width:100%;
                            height:100%
                        }
                        .slImg:nth-of-type(1){
                            margin-bottom: 30px;
                        }
                        .swiper-pagination{
                            bottom:0;
                            left:0;
                        }
                        .swiper-pagination-bullet-active{
                            background: #e1000e!important;
                        }

    /* 红色基地 */
            .hsjd{
                width:1200px;
                margin:10px auto;
                overflow: hidden;
            }
                .hsjd_title{
                    width:100%;
                    margin:20px 0  20px;
                }
                .hsjd_imgs{
                    width:1200px;
                    overflow:hidden;
    margin-top:30px;
                }
                    .hsjd_imgs .h_img_wrap{
                        width:286px;
                        height:204px;
                        margin:20px 6px;
                        float: left;
                        overflow: hidden;
                        position: relative;
                    }
                    .h_img_wrap img{
                        width:100%;
                        height:100%;
                    }
                    .h_bot_font{
                        width:100%;
                        position: absolute;
                        font-size: 15px;
                        line-height: 30px;
                        background:rgba(0,0,0,.8);
                        text-align: center;
                        color:#fff;
                        bottom:0;
                    }

    /* footer */
            .footer{
                width: 100%;
                font-size: 18px;
                line-height: 28px;
                color: #fff;
                padding: 50px 65px;
                background: #e1000e;
                text-align: center;
                margin-top: 20px;
    box-sizing:border-box;

            }


    /* right_add_list */
        .right_add_list{
            width:228px;
            height:464px;
            background:url(../img/cxsmAdd_04.png) center center no-repeat;
            background-size: 186px 453px;
            position: absolute;
            right:0;
            top:128px;
            z-index: 200;
            transform: scale(.8);
            margin-right: -10px;
            padding-top:80px;
            box-sizing: border-box;
        }
        .right_add_link{
            width:222px;
            height:70px;
            background: url(../img/cxsmAdd_09.png) 0 0 no-repeat;
            background-size:100% 100%;
            text-align: center;
            font-size: 28px;
            line-height: 60px;
            color:#fff;
            margin-top: 3px;
            cursor: pointer;
            display: block;
        }
        .right_add_link_active{
            color:#fcb02c;
            background: url(../img/cxsmAdd_06.png) 0 0 no-repeat;
            background-size:100% 100%;
        }
        .right_add_link:hover{
            color:#fcb02c;
            background: url(../img/cxsmAdd_06.png) 0 0 no-repeat;
            background-size:100% 100%;
        }

        .left_link{
            width:120px;
            position: absolute;
            left:30px;
            top:175px;
            z-index: 200;
            cursor: pointer;
        }
            .left_link img{
                width:100%
            }

        .l_r_wrap{
            min-width: 1500px;
            background:url(../img/cxsmAdd_01.png) center top  no-repeat;
            background-size:100% 300px;
            overflow: hidden;
            margin:-150px auto 0;
            position: relative;
        }

        /* r_img_show */

    .r_img_show{
        width:100%;
        height:100%;
        background:rgba(0,0,0,.8);
        position: fixed;
        left:0;
        top:0;
        z-index: 300;
        overflow-y: auto;
        display: none;
    }
        .r_img_show img{
            width:800px;
            margin:30px auto;
            display: block;
        }
        .close{
            width:50px;
            height:50px;
            float: right;
            margin-right: 20px;
        }
            .close img{
                width:100%;
                cursor: pointer;
            }

        .Mbanner,.M_addLinks,.Mltjj_title,.Mdxzc_title,.Mdxzc,.Mother_link,.Mztjj_title,.Mxxjl_title,.Mhsjd_title,.Mxxjl_title,.Ml_link,.Mcommon_part_1_title,.Mcommon_part_1_title,.cpl_1_more{
            display: none;
        }

        .zxyj{
            width:360px;
            float: left;
            margin-left: 70px;
        }
        .zxyjP{
            font-size: 16px;
            line-height: 27px;
            color:#424242;
            margin-top: 40px;
text-indent:32px;
        }
        .form_top{
            width:100%;
            height:40px;
display:none;
        }
        .zxyj input{
            text-indent:5px
        }
            .form_top input{
                width:352px;
                height:38px;
                border:1px solid #adadad;
                border-radius: 5px;
                float: left;
                display: block;
            }
            .form_top select{
                width:124px;
                height:40px;
                border:1px solid #adadad;
                border-radius: 5px;
                float: right;
                display: none;
            }
            .zxyj_form textarea{
                width:352px;
                height:92px;
                border:1px solid #adadad;
                border-radius: 5px;
                padding:5px;
                box-sizing: border-box;
                font-size: 16px;
                color:#aeaeae;
                line-height: 24px;
margin-top:10px;
            }
            .zxyj_form button{
                width:140px;
                height:40px;
                margin:10px auto;
                background:#c10003;
                color:#fff;
                line-height: 40px;
                text-align: center;
                border:none;
                display: block;
                border-radius: 10px;
                cursor: pointer;
            }
            .form_mid{
                width:100%;
display:none;
            }
            .form_mid input{
                width:170px;
                height:38px;
                border:1px solid #adadad;
                border-radius: 5px;
                float: left;
                display: block;
                margin: 5px 0;
            }
.part_1_more22{
    float: right;
    margin-right: 13px;
}
.ztjj_more{
	width:60px!important;
    float: right;
	margin:5px auto!important;
}
.part_1_more11{display:none}

    }


    @charset "utf-8";
/* CSS Document */

* {
    margin: 0;
    padding: 0;
}

img {
    border: none;
}

input {
    outline: none;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

ul {
    list-style: none;
}

a {
    cursor: pointer;
    text-decoration: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
}

body {
    font-size: 12px;
    font-family: "宋体";
    padding-bottom: 60px;
}

/* frontWrap */
#frontWrap {
    width: 1002px;
    margin: 0 auto;
}

.frontBanner {
    width: 100%;
    height: 116px;
    background-image: url(qt_banner.jpg);
}

.frontBanner_1 {
    width: 100%;
    height: 425px;
    background-image: url(jggw_bwcx.jpg);
}

.frontNav1 {
    width: 100%;
    height: 60px;
    margin-bottom: 18px;
    border-bottom: 1px solid #e5e5e5;
    background-image: url(platform.png);
    background-repeat: no-repeat;
    background-position: 15% bottom;
}

.frontNav2 {
    width: 100%;
    height: 60px;
    margin-bottom: 18px;
    border-bottom: 1px solid #e5e5e5;
    background-image: url(platform2.png);
    background-repeat: no-repeat;
    background-position: 15% bottom;
}

.frontNav3 {
    width: 100%;
    height: 60px;
    margin-bottom: 18px;
    border-bottom: 1px solid #e5e5e5;
    background-image: url(platform3.png);
    background-repeat: no-repeat;
    background-position: 15% bottom;
}

.menuBar {
    float: right;
    width: 100%;
    padding-top: 26px;
    text-align: right;
}

.menuBar li {
    float: right;
    font-size: 16px;
    font-family: "微软雅黑";
    margin-right: 20px;
    color: #9f9d9d;
    line-height: 30px;
}

.menuBar li a {
    color: #9f9d9d;
}

.menuBar li:hover {
    border-bottom: 4px solid #0099e9;
    color: #0099e9;
}

.menuBar .tab_on {
    border-bottom: 4px solid #0099e9;
    color: #0099e9;
}

.menuBar .tab_on a {
    color: #0099e9;
}

/* content */
.content {
    width: 960px;
    border: 1px solid #f0f0ee;
    margin: 0 auto;
}

/*#tab2s,#tab3s,#tab4s{ display:none;}*/
.com_bt {
    width: 100%;
    height: 45px;
    background: #f0f0ee;
    margin-bottom: 15px;
    font-weight: normal;
    overflow: hidden;
}

.column {
    height: 20px;
    line-height: 20px;
    text-indent: 10px;
    font-size: 16px;
    font-family: "微软雅黑";
    margin-left: 85px;
    margin-top: 13px;
}

.blueBorder {
    border-left: 2px solid #0099e9;
}

.orangeBorder {
    border-left: 2px solid #ff8a00;
}

.instructions {
    padding: 5px 40px 30px 60px;
}

.instructions_bt_pc {
    display: block
}

.instructions_bt_app {
    display: none
}

.instructions div {
    height: auto;
    line-height: 28px;
    font-family: "微软雅黑";
    font-size: 14px;
    overflow: hidden
}

.login_wrap, .write_wrap, .registerWrap {
    padding: 15px 0 30px 85px;
}

.userInfo, .writeInfo {
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
    font-family: "微软雅黑";
    font-size: 14px;
}

.userInfo span {
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

.userInput {
    width: 180px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #d2d2d2;
    padding-left: 40px;
}

.userInput input {
    width: 100%;
    height: 38px;
    line-height: 38px;
    color: #cecece;
}

.userNamePic {
    background: url(userName.png) no-repeat 10% 50%;
}

.passWordPic {
    background: url(passWord.jpg) no-repeat 10% 50%;
}

.loginBtnWrap {
    height: 45px;
    line-height: 45px;
    padding-top: 20px;
    text-align: center;
    padding-left: 150px;
}

.loginBtnWrap span {
    float: left;
    display: inline-block;
    margin-right: 55px;
    height: inherit;
    line-height: inherit;
    width: 155px;
    color: #FFF;
}

.loginBtnWrap span input {
    width: 100%;
    height: 100%;
    line-height: inherit;
    color: #FFF;
    font-family: "微软雅黑";
    font-size: 18px;
}

.log {
    background: #0099e9;
}

.log:hover {
    background: rgba(0, 153, 233, 0.7);
}

.reg {
    background: #61c8fd;
}

.reg:hover {
    background: rgba(97, 200, 253, 0.7);
}

.inputText {
    min-width: 75px;
    font-family: "微软雅黑";
    font-size: 14px;
}

.writeInfo span {
    float: left;
    line-height: 40px;
}

.required {
    color: #F00;
    vertical-align: middle;
}

.writeInput {
    width: 180px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #d2d2d2;
    padding-left: 40px;
    margin-right: 40px;
    display: inline-block
}

.writeInput input {
    width: 100%;
    height: 38px;
    line-height: 38px;
    color: #cecece;
}

.sexPic {
    background: url(sexPic.jpg) no-repeat 10% 50%;
}

.mobilePic {
    background: url(mobilePic.png) no-repeat 10% 50%;
}

.telPic {
    background: url(telPic.jpg) no-repeat 10% 50%;
}

.addressPic {
    background: url(addressPic.png) no-repeat 10% 50%;
}

.EmailPic {
    background: url(EmailPic.png) no-repeat 10% 50%;
}

.IDcardTypePic {
    background: url(IDcardTypePic.jpg) no-repeat 10% 50%;
}

.EMSpic {
    background: url(IDcardNumPic.png) no-repeat 10% 50%;
}

.IDcardNumPic {
    background: url(IDcardNumPic.png) no-repeat 10% 50%;
}

.agePic {
    background: url(agePic.png) no-repeat 10% 50%;
}

.mailWrap {
    padding: 5px 40px 100px 155px;
}

.mailWrap li {
    height: 40px;
    margin-bottom: 20px;
}

.mailWrap li span {
    display: inline-block;
    float: left;
    line-height: 40px;
}

.mailInput {
    width: 535px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #d2d2d2;
    padding-left: 15px;
}

.mailInput input {
    width: 100%;
    height: inherit;
    line-height: inherit;
    color: #cecece;
}

.mailWrap .mailConWrap {
    height: 220px;
    vertical-align: top;
}

.mailCon {
    width: 550px;
    height: 218px;
    border: 1px solid #d2d2d2;
}

.transactInput {
    width: 222px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #d2d2d2;
    margin-right: 35px;
}

.transactInput select {
    width: 215px;
    height: 38px;
    line-height: 20px;
    padding: 9px 0;
    color: #d2d2d2;
    border: none;
    background-color: transparent;
}

.chooseInput input {
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 10px;
}

.padd_right_40 {
    padding-right: 40px;
}

.attachmentInput {
    width: 405px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #d2d2d2;
    padding-left: 15px;
    margin-right: 15px;
}

.attachmentInput input {
    width: 100%;
    height: inherit;
    line-height: inherit;
    border: none;
    background-color: transparent;
    color: #cecece;
}

.attachmentBtn {
    width: 110px;
    height: 40px;
    line-height: 40px;
    background: #0099e9 url(crisscross-.png) no-repeat 23% 50%;
}

.attachmentBtn:hover {
    background-color: rgba(0, 153, 233, 0.7);
}

.attachmentBtn input {
    width: 100%;
    height: 100%;
    color: #FFF;
    font-family: "微软雅黑";
    font-size: 14px;
    text-align: center;
}

.mailWrap .infoSubmitWrap, .registerWrap .infoSubmitWrap {
    height: 45px;
    line-height: 45px;
    padding-left: 150px;
}

.submitInput input, .resetInput input {
    width: 100%;
    height: 45px;
    text-align: center;
    color: #FFF;
    font-family: "微软雅黑";
    font-size: 18px;
}

.submitInput {
    width: 215px;
    height: 45px;
    background: #0099e9;
    margin-right: 20px;
}

.submitInput:hover {
    background: rgba(0, 153, 233, 0.7);
}

.resetInput {
    width: 140px;
    height: 45px;
    background: #61c8fd;
}

.resetInput:hover {
    background: rgba(97, 200, 253, 0.7);
}

.checkType1 {
    border-bottom: 1px solid #d2d2d2;
    padding: 5px 0 5px 5px;
}

.checkType1 li {
    height: 40px;
    line-height: 40px;
    font-family: "微软雅黑";
    font-size: 14px;
}

.checkType1 li span {
    display: inline-block;
    float: left;
}

.mar_right_20, .mar_right_20_new {
    margin-right: 20px;
}

.mar_right_35, .mar_right_35_new {
    margin-right: 35px;
}

.checkType {
    width: 110px;
    height: 28px;
    line-height: 28px;
    margin-top: 6px;
    text-align: center;
    background: #0099e9;
    color: #FFF;
}

.checkText {
    min-width: 60px;
}

.checkInput {
    width: 180px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #d2d2d2;
    padding-left: 40px;
}

.checkInput input {
    width: 100%;
    height: inherit;
    line-height: inherit;
    color: #cecece;
}

.checkNumPic {
    background: url(checkNum.jpg) no-repeat 7% 50%;
}

.checkNumPic1 {
    background: url(checkNum1.png) no-repeat 4% 50%;
}

.doCheckBtn {
    width: 110px;
    height: 40px;
    line-height: 40px;
    background: #0099e9;
}

.doCheckBtn:hover {
    background: rgba(0, 153, 233, 0.7);
}

.doCheckBtn input {
    width: 100%;
    height: inherit;
    line-height: inherit;
    font-family: "微软雅黑";
    font-size: 14px;
    color: #FFF;
}

.checkType2 {
    padding: 1px 0 1px 1px;
}

.checkType2 li {
    height: 40px;
    line-height: 40px;
    font-family: "微软雅黑";
    font-size: 14px;
    margin-bottom: 20px;
}

.checkType2 .tips {
    text-align: center;
    color: #0099e9;
    font-family: "微软雅黑";
    font-size: 14px;
}

.checkType2 li span {
    display: inline-block;
    float: left;
}

.checkKeyWordPic {
    background: url(checkKeyWord.jpg) no-repeat 7% 50%;
}

.checkTimePic {
    background: url(checkTime.png) no-repeat 7% 50%;
}

.w_110 {
    width: 110px;
    height: 100%;
}

.checkSelect {
    width: 220px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #d2d2d2;
}

.checkSelect select {
    width: 215px;
    height: 38px;
    line-height: 20px;
    padding: 9px 0;
    border: none;
    background-color: transparent;
    color: #d2d2d2;
}

.checkRessult {
    width: 900px;
    height: 340px;
    margin: 15px auto 30px;
}

.registerInfo {
    margin-bottom: 22px;
    height: 40px;
    line-height: 40px;
    font-family: "微软雅黑";
    font-size: 14px;
}

.registerInput {
    display: block;
    float: left;
}

.registerText {
    width: 80px;
    color: #000000;
}

.registerInput {
    width: 180px;
    height: 38px;
    border: 1px solid #d2d2d2;
    padding-left: 40px;
}

.registerInput input {
    width: 100%;
    height: 38px;
    line-height: 38px;
    color: #d2d2d2;
}

.registerInput select {
    width: 100%;
    height: 38px;
    line-height: 20px;
    padding: 9px 0;
    border: none;
    background-color: transparent;
    color: #d2d2d2;
}

.mar_r_25 {
    margin-right: 25px;
}

.mar_r_95 {
    margin-right: 95px;
}

.mar_r_15 {
    margin-right: 15px;
}

.mar_r_5 {
    margin-right: 5px;
}

.padd_t_5 {
    padding-top: 5px;
}

.padd_l_0 {
    padding-left: 0;
}

.w_220 {
    width: 220px;
}

.checkUserName {
    width: 108px;
    height: 40px;
    background: url(checkUserName.jpg) no-repeat left center;
    color: #FFF;
    text-indent: 30px;
}

.EMAilpic2 {
    background: url(emailpic2.jpg) no-repeat 10% 50%;
}

.chooseDate {
    width: 65px;
    height: 25px;
    line-height: 25px;
    margin-top: 7px;
    color: #FFF;
    background: #0099e9;
    text-align: center;
}

/*******************************/
.ldfg_span1 {
    display: block;
    float: left;
    width: 50px;
    font-weight: bold;
    text-align: left
}

.ldfg_span2 {
    display: block;
    float: left;
    width: 810px;
    text-align: left
}

.instructions table table {
    line-height: 25px
}

.login_user_xyl, .login_pwd_xyl, .userNamePic, .passWordPic {
    display: inline-block;
    margin-right: 35px;
}

.writeInput_zjlx select {
    width: 225px
}

.Wdate {
    width: 220px
}

#list_mail {
    width: 960px
}

.mar_r_35 {
    margin-right: 35px
}

.register_xyl {
    display: block;
    float: left;
}


.fromcss{
  width: 1200px;
  margin: 50px auto;
}

@media screen and (max-width:1000px) {
    #frontWrap {
        width: 768px
    }

    .frontBanner {
        background-size: 100% 100%
    }

    .content {
        width: 766px
    }

    .instructions div {
        padding-left: 40px
    }

    .ldfg_span2 {
        width: 655px
    }

    .instructions {
        padding: 10px
    }

    .column {
        margin-left: 40px
    }

    #list_mail {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    body {
        overflow-x: hidden
    }

    #frontWrap {
        width: 100%
    }

    #list_mail {
        width: 100%
    }

    .frontBanner {
        background-size: 100% 100%;
        background-image: url(qt_banner_xyl.png);
        height: 150px
    }

    .content {
        width: 100%;
        border: 0px
    }

    .frontNav1 {
        height: 100px;
        background-position: center top;
        margin-top: 10px
    }

    .menuBar {
        padding-top: 60px;
        width: 95%;
        margin: 0px auto;
        float: none;
        overflow: hidden
    }

    .menuBar li {
        width: 25%;
        margin: 0px;
        text-align: center
    }

    .column {
        margin-left: 10px
    }

    .instructions div {
        padding-left: 0px;
    }

    .ldfg_span1 {
        float: none
    }

    .ldfg_span2 {
        float: none;
        padding-left: 25px;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box; /* Firefox */
        -webkit-box-sizing: border-box; /* Safari */
    }

    .instructions table table {
        width: 100%
    }

    .login_wrap {
        padding: 10px 0px
    }

    .login_user_xyl, .login_pwd_xyl, .register_xyl {
        display: none
    }

    .userNamePic, .passWordPic {
        margin-right: 0px;
        width: 100%;
        background-position: 10px 50%;
        margin-bottom: 10px
    }

    .userInput {
        padding-left: 30px
    }

    .userInfo {
        height: auto;
        overflow: hidden
    }

    .loginBtnWrap {
        padding: 0px
    }

    .loginBtnWrap span {
        display: block;
        margin: 0px 3%;
        width: 44%
    }

    .mailWrap {
        width: 100%;
        padding: 0px
    }

    .mailWrap .infoSubmitWrap {
        width: 210px;
        padding: 0px;
        margin: 0px auto
    }

    .write_wrap, .registerWrap {
        padding: 15px 0px
    }

    .writeInput {
        width: 100%;
        margin-right: 0px;
        box-sizing: border-box;
        padding-left: 30px;
        -moz-box-sizing: border-box; /* Firefox */
        -webkit-box-sizing: border-box; /* Safari */
    }

    .transactInput {
        width: 100%;
        margin-right: 0px
    }

    .writeInfo {
        height: auto;
        margin-bottom: 10px
    }

    .userNamePic, .mobilePic, .telPic, .addressPic, .EmailPic, .EMSpic,
    .IDcardNumPic, .agePic {
        background-position: 10px 50%;
        margin-bottom: 10px
    }

    .writeInput_zjlx {
        width: 100%;
        margin-bottom: 10px
    }

    .writeInput_zjlx select {
        width: 100%
    }

    .mailWrap li {
        margin-bottom: 0px;
        width: 100%;
        padding: 10px;
        height: auto;
        overflow: hidden;
        box-sizing: border-box;
        -moz-box-sizing: border-box; /* Firefox */
        -webkit-box-sizing: border-box; /* Safari */
    }

    .mailInput {
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box; /* Firefox */
        -webkit-box-sizing: border-box; /* Safari */
    }

    .mailWrap .mailConWrap {
        height: auto
    }

    .mailCon {
        width: 100%
    }

    .submitInput, .resetInput {
        width: 90px
    }

    .resetInput_agr span {
        margin-left: 55px
    }

    .checkType1, .registerInput {
        box-sizing: border-box;
        -moz-box-sizing: border-box; /* Firefox */
        -webkit-box-sizing: border-box; /* Safari */
    }

    .checkType1 {
        padding: 10px
    }

    .checkType1 li {
        height: auto;
        overflow: hidden
    }

    .checkType2 li {
        height: auto;
        line-height: 30px
    }

    .checkType2 li span, .checkType1 li span {
        display: block;
        float: none
    }

    .checkType2 {
        padding: 0px 10px
    }

    .doCheckBtn {
        margin: 20px auto 0px
    }

    .checkInput {
        width: 100%
    }

    .checkSelect {
        width: 100%
    }

    .ds_hide {
        height: 0px
    }

    .Wdate {
        width: 100%
    }

    .ds_w100 {
        width: 100%
    }

    .register_xyl_zs {
        display: block;
    }

    .registerInfo {
        height: auto;
        margin-bottom: 0px;
        overflow: hidden
    }

    .registerInput {
        width: 100%;
        padding-left: 30px
    }

    .registerWrap .infoSubmitWrap {
        width: 210px;
        padding-left: 0px;
        margin: 0px auto
    }

    body {
        padding-bottom: 10px
    }

    .mar_right_35_new, .mar_right_20_new {
        margin-right: 0px
    }

    .instructions_bt_pc {
        display: none
    }

    .instructions_bt_app {
        display: block
    }
}

.use_tab_pc {
    display: table-row
}

.use_tab_app {
    display: none
}

@media screen and (max-width:550px) {
    .use_tab_pc {
        display: none
    }

    .use_tab_app {
        display: table-row;
        line-height: 20px
    }

    .use_tab_bt {
        line-height: 40px;
        font-size: 14px
    }
}

@charset "utf-8";
/* CSS Document */

* {
    margin: 0;
    padding: 0;
}

img {
    border: none;
}

input {
    outline: none;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

ul {
    list-style: none;
}

a {
    cursor: pointer;
    text-decoration: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
}

body {
    font-size: 12px;
    font-family: "宋体";
    padding-bottom: 60px;
}

/* frontWrap */
#frontWrap {
    width: 1002px;
    margin: 0 auto;
}

.frontBanner {
    width: 100%;
    height: 116px;
    background-image: url(qt_banner.jpg);
}

.frontBanner_1 {
    width: 100%;
    height: 425px;
    background-image: url(jggw_bwcx.jpg);
}

.frontNav1 {
    width: 100%;
    height: 60px;
    margin-bottom: 18px;
    border-bottom: 1px solid #e5e5e5;
    background-image: url(platform.png);
    background-repeat: no-repeat;
    background-position: 15% bottom;
}

.frontNav2 {
    width: 100%;
    height: 60px;
    margin-bottom: 18px;
    border-bottom: 1px solid #e5e5e5;
    background-image: url(platform2.png);
    background-repeat: no-repeat;
    background-position: 15% bottom;
}

.frontNav3 {
    width: 100%;
    height: 60px;
    margin-bottom: 18px;
    border-bottom: 1px solid #e5e5e5;
    background-image: url(platform3.png);
    background-repeat: no-repeat;
    background-position: 15% bottom;
}

.menuBar {
    float: right;
    width: 100%;
    padding-top: 26px;
    text-align: right;
}

.menuBar li {
    float: right;
    font-size: 16px;
    font-family: "微软雅黑";
    margin-right: 20px;
    color: #9f9d9d;
    line-height: 30px;
}

.menuBar li a {
    color: #9f9d9d;
}

.menuBar li:hover {
    border-bottom: 4px solid #0099e9;
    color: #0099e9;
}

.menuBar .tab_on {
    border-bottom: 4px solid #0099e9;
    color: #0099e9;
}

.menuBar .tab_on a {
    color: #0099e9;
}

/* content */
.content {
    width: 960px;
    border: 1px solid #f0f0ee;
    margin: 0 auto;
}

/*#tab2s,#tab3s,#tab4s{ display:none;}*/
.com_bt {
    width: 100%;
    height: 45px;
    background: #f0f0ee;
    margin-bottom: 15px;
    font-weight: normal;
    overflow: hidden;
}

.column {
    height: 20px;
    line-height: 20px;
    text-indent: 10px;
    font-size: 16px;
    font-family: "微软雅黑";
    margin-left: 85px;
    margin-top: 13px;
}

.blueBorder {
    border-left: 2px solid #0099e9;
}

.orangeBorder {
    border-left: 2px solid #ff8a00;
}

.instructions {
    padding: 5px 40px 30px 60px;
}

.instructions_bt_pc {
    display: block
}

.instructions_bt_app {
    display: none
}

.instructions div {
    height: auto;
    line-height: 28px;
    font-family: "微软雅黑";
    font-size: 14px;
    overflow: hidden
}

.login_wrap, .write_wrap, .registerWrap {
    padding: 15px 0 30px 85px;
}

.userInfo, .writeInfo {
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
    font-family: "微软雅黑";
    font-size: 14px;
}

.userInfo span {
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

.userInput {
    width: 180px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #d2d2d2;
    padding-left: 40px;
}

.userInput input {
    width: 100%;
    height: 38px;
    line-height: 38px;
    color: #cecece;
}

.userNamePic {
    background: url(userName.png) no-repeat 10% 50%;
}

.passWordPic {
    background: url(passWord.jpg) no-repeat 10% 50%;
}

.loginBtnWrap {
    height: 45px;
    line-height: 45px;
    padding-top: 20px;
    text-align: center;
    padding-left: 150px;
}

.loginBtnWrap span {
    float: left;
    display: inline-block;
    margin-right: 55px;
    height: inherit;
    line-height: inherit;
    width: 155px;
    color: #FFF;
}

.loginBtnWrap span input {
    width: 100%;
    height: 100%;
    line-height: inherit;
    color: #FFF;
    font-family: "微软雅黑";
    font-size: 18px;
}

.log {
    background: #0099e9;
}

.log:hover {
    background: rgba(0, 153, 233, 0.7);
}

.reg {
    background: #61c8fd;
}

.reg:hover {
    background: rgba(97, 200, 253, 0.7);
}

.inputText {
    min-width: 75px;
    font-family: "微软雅黑";
    font-size: 14px;
}

.writeInfo span {
    float: left;
    line-height: 40px;
}

.required {
    color: #F00;
    vertical-align: middle;
}

.writeInput {
    width: 180px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #d2d2d2;
    padding-left: 40px;
    margin-right: 40px;
    display: inline-block
}

.writeInput input {
    width: 100%;
    height: 38px;
    line-height: 38px;
    color: #cecece;
}

.sexPic {
    background: url(sexPic.jpg) no-repeat 10% 50%;
}

.mobilePic {
    background: url(mobilePic.png) no-repeat 10% 50%;
}

.telPic {
    background: url(telPic.jpg) no-repeat 10% 50%;
}

.addressPic {
    background: url(addressPic.png) no-repeat 10% 50%;
}

.EmailPic {
    background: url(EmailPic.png) no-repeat 10% 50%;
}

.IDcardTypePic {
    background: url(IDcardTypePic.jpg) no-repeat 10% 50%;
}

.EMSpic {
    background: url(IDcardNumPic.png) no-repeat 10% 50%;
}

.IDcardNumPic {
    background: url(IDcardNumPic.png) no-repeat 10% 50%;
}

.agePic {
    background: url(agePic.png) no-repeat 10% 50%;
}

.mailWrap {
    padding: 5px 40px 100px 155px;
}

.mailWrap li {
    height: 40px;
    margin-bottom: 20px;
}

.mailWrap li span {
    display: inline-block;
    float: left;
    line-height: 40px;
}

.mailInput {
    width: 535px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #d2d2d2;
    padding-left: 15px;
}

.mailInput input {
    width: 100%;
    height: inherit;
    line-height: inherit;
    color: #cecece;
}

.mailWrap .mailConWrap {
    height: 220px;
    vertical-align: top;
}

.mailCon {
    width: 550px;
    height: 218px;
    border: 1px solid #d2d2d2;
}

.transactInput {
    width: 222px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #d2d2d2;
    margin-right: 35px;
}

.transactInput select {
    width: 215px;
    height: 38px;
    line-height: 20px;
    padding: 9px 0;
    color: #d2d2d2;
    border: none;
    background-color: transparent;
}

.chooseInput input {
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 10px;
}

.padd_right_40 {
    padding-right: 40px;
}

.attachmentInput {
    width: 405px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #d2d2d2;
    padding-left: 15px;
    margin-right: 15px;
}

.attachmentInput input {
    width: 100%;
    height: inherit;
    line-height: inherit;
    border: none;
    background-color: transparent;
    color: #cecece;
}

.attachmentBtn {
    width: 110px;
    height: 40px;
    line-height: 40px;
    background: #0099e9 url(crisscross-.png) no-repeat 23% 50%;
}

.attachmentBtn:hover {
    background-color: rgba(0, 153, 233, 0.7);
}

.attachmentBtn input {
    width: 100%;
    height: 100%;
    color: #FFF;
    font-family: "微软雅黑";
    font-size: 14px;
    text-align: center;
}

.mailWrap .infoSubmitWrap, .registerWrap .infoSubmitWrap {
    height: 45px;
    line-height: 45px;
    padding-left: 150px;
}

.submitInput input, .resetInput input {
    width: 100%;
    height: 45px;
    text-align: center;
    color: #FFF;
    font-family: "微软雅黑";
    font-size: 18px;
}

.submitInput {
    width: 215px;
    height: 45px;
    background: #0099e9;
    margin-right: 20px;
}

.submitInput:hover {
    background: rgba(0, 153, 233, 0.7);
}

.resetInput {
    width: 140px;
    height: 45px;
    background: #61c8fd;
}

.resetInput:hover {
    background: rgba(97, 200, 253, 0.7);
}

.checkType1 {
    border-bottom: 1px solid #d2d2d2;
    padding: 5px 0 5px 5px;
}

.checkType1 li {
    height: 40px;
    line-height: 40px;
    font-family: "微软雅黑";
    font-size: 14px;
}

.checkType1 li span {
    display: inline-block;
    float: left;
}

.mar_right_20, .mar_right_20_new {
    margin-right: 20px;
}

.mar_right_35, .mar_right_35_new {
    margin-right: 35px;
}

.checkType {
    width: 110px;
    height: 28px;
    line-height: 28px;
    margin-top: 6px;
    text-align: center;
    background: #0099e9;
    color: #FFF;
}

.checkText {
    min-width: 60px;
}

.checkInput {
    width: 180px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #d2d2d2;
    padding-left: 40px;
}

.checkInput input {
    width: 100%;
    height: inherit;
    line-height: inherit;
    color: #cecece;
}

.checkNumPic {
    background: url(checkNum.jpg) no-repeat 7% 50%;
}

.checkNumPic1 {
    background: url(checkNum1.png) no-repeat 4% 50%;
}

.doCheckBtn {
    width: 110px;
    height: 40px;
    line-height: 40px;
    background: #0099e9;
}

.doCheckBtn:hover {
    background: rgba(0, 153, 233, 0.7);
}

.doCheckBtn input {
    width: 100%;
    height: inherit;
    line-height: inherit;
    font-family: "微软雅黑";
    font-size: 14px;
    color: #FFF;
}

.checkType2 {
    padding: 1px 0 1px 1px;
}

.checkType2 li {
    height: 40px;
    line-height: 40px;
    font-family: "微软雅黑";
    font-size: 14px;
    margin-bottom: 20px;
}

.checkType2 .tips {
    text-align: center;
    color: #0099e9;
    font-family: "微软雅黑";
    font-size: 14px;
}

.checkType2 li span {
    display: inline-block;
    float: left;
}

.checkKeyWordPic {
    background: url(checkKeyWord.jpg) no-repeat 7% 50%;
}

.checkTimePic {
    background: url(checkTime.png) no-repeat 7% 50%;
}

.w_110 {
    width: 110px;
    height: 100%;
}

.checkSelect {
    width: 220px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #d2d2d2;
}

.checkSelect select {
    width: 215px;
    height: 38px;
    line-height: 20px;
    padding: 9px 0;
    border: none;
    background-color: transparent;
    color: #d2d2d2;
}

.checkRessult {
    width: 900px;
    height: 340px;
    margin: 15px auto 30px;
}

.registerInfo {
    margin-bottom: 22px;
    height: 40px;
    line-height: 40px;
    font-family: "微软雅黑";
    font-size: 14px;
}

.registerInput {
    display: block;
    float: left;
}

.registerText {
    width: 80px;
    color: #000000;
}

.registerInput {
    width: 180px;
    height: 38px;
    border: 1px solid #d2d2d2;
    padding-left: 40px;
}

.registerInput input {
    width: 100%;
    height: 38px;
    line-height: 38px;
    color: #d2d2d2;
}

.registerInput select {
    width: 100%;
    height: 38px;
    line-height: 20px;
    padding: 9px 0;
    border: none;
    background-color: transparent;
    color: #d2d2d2;
}

.mar_r_25 {
    margin-right: 25px;
}

.mar_r_95 {
    margin-right: 95px;
}

.mar_r_15 {
    margin-right: 15px;
}

.mar_r_5 {
    margin-right: 5px;
}

.padd_t_5 {
    padding-top: 5px;
}

.padd_l_0 {
    padding-left: 0;
}

.w_220 {
    width: 220px;
}

.checkUserName {
    width: 108px;
    height: 40px;
    background: url(checkUserName.jpg) no-repeat left center;
    color: #FFF;
    text-indent: 30px;
}

.EMAilpic2 {
    background: url(emailpic2.jpg) no-repeat 10% 50%;
}

.chooseDate {
    width: 65px;
    height: 25px;
    line-height: 25px;
    margin-top: 7px;
    color: #FFF;
    background: #0099e9;
    text-align: center;
}

/*******************************/
.ldfg_span1 {
    display: block;
    float: left;
    width: 50px;
    font-weight: bold;
    text-align: left
}

.ldfg_span2 {
    display: block;
    float: left;
    width: 810px;
    text-align: left
}

.instructions table table {
    line-height: 25px
}

.login_user_xyl, .login_pwd_xyl, .userNamePic, .passWordPic {
    display: inline-block;
    margin-right: 35px;
}

.writeInput_zjlx select {
    width: 225px
}

.Wdate {
    width: 220px
}

#list_mail {
    width: 960px
}

.mar_r_35 {
    margin-right: 35px
}

.register_xyl {
    display: block;
    float: left;
}

@media screen and (max-width:1000px) {
    #frontWrap {
        width: 768px
    }

    .frontBanner {
        background-size: 100% 100%
    }

    .content {
        width: 766px
    }

    .instructions div {
        padding-left: 40px
    }

    .ldfg_span2 {
        width: 655px
    }

    .instructions {
        padding: 10px
    }

    .column {
        margin-left: 40px
    }

    #list_mail {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    body {
        overflow-x: hidden
    }

    #frontWrap {
        width: 100%
    }

    #list_mail {
        width: 100%
    }

    .frontBanner {
        background-size: 100% 100%;
        background-image: url(qt_banner_xyl.png);
        height: 150px
    }

    .content {
        width: 100%;
        border: 0px
    }

    .frontNav1 {
        height: 100px;
        background-position: center top;
        margin-top: 10px
    }

    .menuBar {
        padding-top: 60px;
        width: 95%;
        margin: 0px auto;
        float: none;
        overflow: hidden
    }

    .menuBar li {
        width: 25%;
        margin: 0px;
        text-align: center
    }

    .column {
        margin-left: 10px
    }

    .instructions div {
        padding-left: 0px;
    }

    .ldfg_span1 {
        float: none
    }

    .ldfg_span2 {
        float: none;
        padding-left: 25px;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box; /* Firefox */
        -webkit-box-sizing: border-box; /* Safari */
    }

    .instructions table table {
        width: 100%
    }

    .login_wrap {
        padding: 10px 0px
    }

    .login_user_xyl, .login_pwd_xyl, .register_xyl {
        display: none
    }

    .userNamePic, .passWordPic {
        margin-right: 0px;
        width: 100%;
        background-position: 10px 50%;
        margin-bottom: 10px
    }

    .userInput {
        padding-left: 30px
    }

    .userInfo {
        height: auto;
        overflow: hidden
    }

    .loginBtnWrap {
        padding: 0px
    }

    .loginBtnWrap span {
        display: block;
        margin: 0px 3%;
        width: 44%
    }

    .mailWrap {
        width: 100%;
        padding: 0px
    }

    .mailWrap .infoSubmitWrap {
        width: 210px;
        padding: 0px;
        margin: 0px auto
    }

    .write_wrap, .registerWrap {
        padding: 15px 0px
    }

    .writeInput {
        width: 100%;
        margin-right: 0px;
        box-sizing: border-box;
        padding-left: 30px;
        -moz-box-sizing: border-box; /* Firefox */
        -webkit-box-sizing: border-box; /* Safari */
    }

    .transactInput {
        width: 100%;
        margin-right: 0px
    }

    .writeInfo {
        height: auto;
        margin-bottom: 10px
    }

    .userNamePic, .mobilePic, .telPic, .addressPic, .EmailPic, .EMSpic,
    .IDcardNumPic, .agePic {
        background-position: 10px 50%;
        margin-bottom: 10px
    }

    .writeInput_zjlx {
        width: 100%;
        margin-bottom: 10px
    }

    .writeInput_zjlx select {
        width: 100%
    }

    .mailWrap li {
        margin-bottom: 0px;
        width: 100%;
        padding: 10px;
        height: auto;
        overflow: hidden;
        box-sizing: border-box;
        -moz-box-sizing: border-box; /* Firefox */
        -webkit-box-sizing: border-box; /* Safari */
    }

    .mailInput {
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box; /* Firefox */
        -webkit-box-sizing: border-box; /* Safari */
    }

    .mailWrap .mailConWrap {
        height: auto
    }

    .mailCon {
        width: 100%
    }

    .submitInput, .resetInput {
        width: 90px
    }

    .resetInput_agr span {
        margin-left: 55px
    }

    .checkType1, .registerInput {
        box-sizing: border-box;
        -moz-box-sizing: border-box; /* Firefox */
        -webkit-box-sizing: border-box; /* Safari */
    }

    .checkType1 {
        padding: 10px
    }

    .checkType1 li {
        height: auto;
        overflow: hidden
    }

    .checkType2 li {
        height: auto;
        line-height: 30px
    }

    .checkType2 li span, .checkType1 li span {
        display: block;
        float: none
    }

    .checkType2 {
        padding: 0px 10px
    }

    .doCheckBtn {
        margin: 20px auto 0px
    }

    .checkInput {
        width: 100%
    }

    .checkSelect {
        width: 100%
    }

    .ds_hide {
        height: 0px
    }

    .Wdate {
        width: 100%
    }

    .ds_w100 {
        width: 100%
    }

    .register_xyl_zs {
        display: block;
    }

    .registerInfo {
        height: auto;
        margin-bottom: 0px;
        overflow: hidden
    }

    .registerInput {
        width: 100%;
        padding-left: 30px
    }

    .registerWrap .infoSubmitWrap {
        width: 210px;
        padding-left: 0px;
        margin: 0px auto
    }

    body {
        padding-bottom: 10px
    }

    .mar_right_35_new, .mar_right_20_new {
        margin-right: 0px
    }

    .instructions_bt_pc {
        display: none
    }

    .instructions_bt_app {
        display: block
    }
}

.use_tab_pc {
    display: table-row
}

.use_tab_app {
    display: none
}

@media screen and (max-width:550px) {
    .use_tab_pc {
        display: none
    }

    .use_tab_app {
        display: table-row;
        line-height: 20px
    }

    .use_tab_bt {
        line-height: 40px;
        font-size: 14px
    }
}
@charset "utf-8";
/* CSS Document */

* {
    margin: 0;
    padding: 0;
}

img {
    border: none;
}

input {
    outline: none;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

ul {
    list-style: none;
}

a {
    cursor: pointer;
    text-decoration: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
}

body {
    font-size: 12px;
    font-family: "宋体";
    padding-bottom: 60px;
}

/* frontWrap */
#frontWrap {
    width: 1002px;
    margin: 0 auto;
}

.frontBanner {
    width: 100%;
    height: 116px;
    background-image: url(qt_banner.jpg);
}

.frontBanner_1 {
    width: 100%;
    height: 425px;
    background-image: url(jggw_bwcx.jpg);
}

.frontNav1 {
    width: 100%;
    height: 60px;
    margin-bottom: 18px;
    border-bottom: 1px solid #e5e5e5;
    background-image: url(platform.png);
    background-repeat: no-repeat;
    background-position: 15% bottom;
}

.frontNav2 {
    width: 100%;
    height: 60px;
    margin-bottom: 18px;
    border-bottom: 1px solid #e5e5e5;
    background-image: url(platform2.png);
    background-repeat: no-repeat;
    background-position: 15% bottom;
}

.frontNav3 {
    width: 100%;
    height: 60px;
    margin-bottom: 18px;
    border-bottom: 1px solid #e5e5e5;
    background-image: url(platform3.png);
    background-repeat: no-repeat;
    background-position: 15% bottom;
}

.menuBar {
    float: right;
    width: 100%;
    padding-top: 26px;
    text-align: right;
}

.menuBar li {
    float: right;
    font-size: 16px;
    font-family: "微软雅黑";
    margin-right: 20px;
    color: #9f9d9d;
    line-height: 30px;
}

.menuBar li a {
    color: #9f9d9d;
}

.menuBar li:hover {
    border-bottom: 4px solid #0099e9;
    color: #0099e9;
}

.menuBar .tab_on {
    border-bottom: 4px solid #0099e9;
    color: #0099e9;
}

.menuBar .tab_on a {
    color: #0099e9;
}

/* content */
.content {
    width: 960px;
    border: 1px solid #f0f0ee;
    margin: 0 auto;
}

/*#tab2s,#tab3s,#tab4s{ display:none;}*/
.com_bt {
    width: 100%;
    height: 45px;
    background: #f0f0ee;
    margin-bottom: 15px;
    font-weight: normal;
    overflow: hidden;
}

.column {
    height: 20px;
    line-height: 20px;
    text-indent: 10px;
    font-size: 16px;
    font-family: "微软雅黑";
    margin-left: 85px;
    margin-top: 13px;
}

.blueBorder {
    border-left: 2px solid #0099e9;
}

.orangeBorder {
    border-left: 2px solid #ff8a00;
}

.instructions {
    padding: 5px 40px 30px 60px;
}

.instructions_bt_pc {
    display: block
}

.instructions_bt_app {
    display: none
}

.instructions div {
    height: auto;
    line-height: 28px;
    font-family: "微软雅黑";
    font-size: 14px;
    overflow: hidden
}

.login_wrap, .write_wrap, .registerWrap {
    padding: 15px 0 30px 85px;
}

.userInfo, .writeInfo {
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
    font-family: "微软雅黑";
    font-size: 14px;
}

.userInfo span {
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

.userInput {
    width: 180px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #d2d2d2;
    padding-left: 40px;
}

.userInput input {
    width: 100%;
    height: 38px;
    line-height: 38px;
    color: #cecece;
}

.userNamePic {
    background: url(userName.png) no-repeat 10% 50%;
}

.passWordPic {
    background: url(passWord.jpg) no-repeat 10% 50%;
}

.loginBtnWrap {
    height: 45px;
    line-height: 45px;
    padding-top: 20px;
    text-align: center;
    padding-left: 150px;
}

.loginBtnWrap span {
    float: left;
    display: inline-block;
    margin-right: 55px;
    height: inherit;
    line-height: inherit;
    width: 155px;
    color: #FFF;
}

.loginBtnWrap span input {
    width: 100%;
    height: 100%;
    line-height: inherit;
    color: #FFF;
    font-family: "微软雅黑";
    font-size: 18px;
}

.log {
    background: #0099e9;
}

.log:hover {
    background: rgba(0, 153, 233, 0.7);
}

.reg {
    background: #61c8fd;
}

.reg:hover {
    background: rgba(97, 200, 253, 0.7);
}

.inputText {
    min-width: 75px;
    font-family: "微软雅黑";
    font-size: 14px;
}

.writeInfo span {
    float: left;
    line-height: 40px;
}

.required {
    color: #F00;
    vertical-align: middle;
}

.writeInput {
    width: 180px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #d2d2d2;
    padding-left: 40px;
    margin-right: 40px;
    display: inline-block
}

.writeInput input {
    width: 100%;
    height: 38px;
    line-height: 38px;
    color: #cecece;
}

.sexPic {
    background: url(sexPic.jpg) no-repeat 10% 50%;
}

.mobilePic {
    background: url(mobilePic.png) no-repeat 10% 50%;
}

.telPic {
    background: url(telPic.jpg) no-repeat 10% 50%;
}

.addressPic {
    background: url(addressPic.png) no-repeat 10% 50%;
}

.EmailPic {
    background: url(EmailPic.png) no-repeat 10% 50%;
}

.IDcardTypePic {
    background: url(IDcardTypePic.jpg) no-repeat 10% 50%;
}

.EMSpic {
    background: url(IDcardNumPic.png) no-repeat 10% 50%;
}

.IDcardNumPic {
    background: url(IDcardNumPic.png) no-repeat 10% 50%;
}

.agePic {
    background: url(agePic.png) no-repeat 10% 50%;
}

.mailWrap {
    padding: 5px 40px 100px 155px;
}

.mailWrap li {
    height: 40px;
    margin-bottom: 20px;
}

.mailWrap li span {
    display: inline-block;
    float: left;
    line-height: 40px;
}

.mailInput {
    width: 535px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #d2d2d2;
    padding-left: 15px;
}

.mailInput input {
    width: 100%;
    height: inherit;
    line-height: inherit;
    color: #cecece;
}

.mailWrap .mailConWrap {
    height: 220px;
    vertical-align: top;
}

.mailCon {
    width: 550px;
    height: 218px;
    border: 1px solid #d2d2d2;
}

.transactInput {
    width: 222px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #d2d2d2;
    margin-right: 35px;
}

.transactInput select {
    width: 215px;
    height: 38px;
    line-height: 20px;
    padding: 9px 0;
    color: #d2d2d2;
    border: none;
    background-color: transparent;
}

.chooseInput input {
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 10px;
}

.padd_right_40 {
    padding-right: 40px;
}

.attachmentInput {
    width: 405px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #d2d2d2;
    padding-left: 15px;
    margin-right: 15px;
}

.attachmentInput input {
    width: 100%;
    height: inherit;
    line-height: inherit;
    border: none;
    background-color: transparent;
    color: #cecece;
}

.attachmentBtn {
    width: 110px;
    height: 40px;
    line-height: 40px;
    background: #0099e9 url(crisscross-.png) no-repeat 23% 50%;
}

.attachmentBtn:hover {
    background-color: rgba(0, 153, 233, 0.7);
}

.attachmentBtn input {
    width: 100%;
    height: 100%;
    color: #FFF;
    font-family: "微软雅黑";
    font-size: 14px;
    text-align: center;
}

.mailWrap .infoSubmitWrap, .registerWrap .infoSubmitWrap {
    height: 45px;
    line-height: 45px;
    padding-left: 150px;
}

.submitInput input, .resetInput input {
    width: 100%;
    height: 45px;
    text-align: center;
    color: #FFF;
    font-family: "微软雅黑";
    font-size: 18px;
}

.submitInput {
    width: 215px;
    height: 45px;
    background: #0099e9;
    margin-right: 20px;
}

.submitInput:hover {
    background: rgba(0, 153, 233, 0.7);
}

.resetInput {
    width: 140px;
    height: 45px;
    background: #61c8fd;
}

.resetInput:hover {
    background: rgba(97, 200, 253, 0.7);
}

.checkType1 {
    border-bottom: 1px solid #d2d2d2;
    padding: 5px 0 5px 5px;
}

.checkType1 li {
    height: 40px;
    line-height: 40px;
    font-family: "微软雅黑";
    font-size: 14px;
}

.checkType1 li span {
    display: inline-block;
    float: left;
}

.mar_right_20, .mar_right_20_new {
    margin-right: 20px;
}

.mar_right_35, .mar_right_35_new {
    margin-right: 35px;
}

.checkType {
    width: 110px;
    height: 28px;
    line-height: 28px;
    margin-top: 6px;
    text-align: center;
    background: #0099e9;
    color: #FFF;
}

.checkText {
    min-width: 60px;
}

.checkInput {
    width: 180px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #d2d2d2;
    padding-left: 40px;
}

.checkInput input {
    width: 100%;
    height: inherit;
    line-height: inherit;
    color: #cecece;
}

.checkNumPic {
    background: url(checkNum.jpg) no-repeat 7% 50%;
}

.checkNumPic1 {
    background: url(checkNum1.png) no-repeat 4% 50%;
}

.doCheckBtn {
    width: 110px;
    height: 40px;
    line-height: 40px;
    background: #0099e9;
}

.doCheckBtn:hover {
    background: rgba(0, 153, 233, 0.7);
}

.doCheckBtn input {
    width: 100%;
    height: inherit;
    line-height: inherit;
    font-family: "微软雅黑";
    font-size: 14px;
    color: #FFF;
}

.checkType2 {
    padding: 1px 0 1px 1px;
}

.checkType2 li {
    height: 40px;
    line-height: 40px;
    font-family: "微软雅黑";
    font-size: 14px;
    margin-bottom: 20px;
}

.checkType2 .tips {
    text-align: center;
    color: #0099e9;
    font-family: "微软雅黑";
    font-size: 14px;
}

.checkType2 li span {
    display: inline-block;
    float: left;
}

.checkKeyWordPic {
    background: url(checkKeyWord.jpg) no-repeat 7% 50%;
}

.checkTimePic {
    background: url(checkTime.png) no-repeat 7% 50%;
}

.w_110 {
    width: 110px;
    height: 100%;
}

.checkSelect {
    width: 220px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #d2d2d2;
}

.checkSelect select {
    width: 215px;
    height: 38px;
    line-height: 20px;
    padding: 9px 0;
    border: none;
    background-color: transparent;
    color: #d2d2d2;
}

.checkRessult {
    width: 900px;
    height: 340px;
    margin: 15px auto 30px;
}

.registerInfo {
    margin-bottom: 22px;
    height: 40px;
    line-height: 40px;
    font-family: "微软雅黑";
    font-size: 14px;
}

.registerInput {
    display: block;
    float: left;
}

.registerText {
    width: 80px;
    color: #000000;
}

.registerInput {
    width: 180px;
    height: 38px;
    border: 1px solid #d2d2d2;
    padding-left: 40px;
}

.registerInput input {
    width: 100%;
    height: 38px;
    line-height: 38px;
    color: #d2d2d2;
}

.registerInput select {
    width: 100%;
    height: 38px;
    line-height: 20px;
    padding: 9px 0;
    border: none;
    background-color: transparent;
    color: #d2d2d2;
}

.mar_r_25 {
    margin-right: 25px;
}

.mar_r_95 {
    margin-right: 95px;
}

.mar_r_15 {
    margin-right: 15px;
}

.mar_r_5 {
    margin-right: 5px;
}

.padd_t_5 {
    padding-top: 5px;
}

.padd_l_0 {
    padding-left: 0;
}

.w_220 {
    width: 220px;
}

.checkUserName {
    width: 108px;
    height: 40px;
    background: url(checkUserName.jpg) no-repeat left center;
    color: #FFF;
    text-indent: 30px;
}

.EMAilpic2 {
    background: url(emailpic2.jpg) no-repeat 10% 50%;
}

.chooseDate {
    width: 65px;
    height: 25px;
    line-height: 25px;
    margin-top: 7px;
    color: #FFF;
    background: #0099e9;
    text-align: center;
}

/*******************************/
.ldfg_span1 {
    display: block;
    float: left;
    width: 50px;
    font-weight: bold;
    text-align: left
}

.ldfg_span2 {
    display: block;
    float: left;
    width: 810px;
    text-align: left
}

.instructions table table {
    line-height: 25px
}

.login_user_xyl, .login_pwd_xyl, .userNamePic, .passWordPic {
    display: inline-block;
    margin-right: 35px;
}

.writeInput_zjlx select {
    width: 225px
}

.Wdate {
    width: 220px
}

#list_mail {
    width: 960px
}

.mar_r_35 {
    margin-right: 35px
}

.register_xyl {
    display: block;
    float: left;
}

@media screen and (max-width:1000px) {
    #frontWrap {
        width: 768px
    }

    .frontBanner {
        background-size: 100% 100%
    }

    .content {
        width: 766px
    }

    .instructions div {
        padding-left: 40px
    }

    .ldfg_span2 {
        width: 655px
    }

    .instructions {
        padding: 10px
    }

    .column {
        margin-left: 40px
    }

    #list_mail {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    body {
        overflow-x: hidden
    }

    #frontWrap {
        width: 100%
    }

    #list_mail {
        width: 100%
    }

    .frontBanner {
        background-size: 100% 100%;
        background-image: url(qt_banner_xyl.png);
        height: 150px
    }

    .content {
        width: 100%;
        border: 0px
    }

    .frontNav1 {
        height: 100px;
        background-position: center top;
        margin-top: 10px
    }

    .menuBar {
        padding-top: 60px;
        width: 95%;
        margin: 0px auto;
        float: none;
        overflow: hidden
    }

    .menuBar li {
        width: 25%;
        margin: 0px;
        text-align: center
    }

    .column {
        margin-left: 10px
    }

    .instructions div {
        padding-left: 0px;
    }

    .ldfg_span1 {
        float: none
    }

    .ldfg_span2 {
        float: none;
        padding-left: 25px;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box; /* Firefox */
        -webkit-box-sizing: border-box; /* Safari */
    }

    .instructions table table {
        width: 100%
    }

    .login_wrap {
        padding: 10px 0px
    }

    .login_user_xyl, .login_pwd_xyl, .register_xyl {
        display: none
    }

    .userNamePic, .passWordPic {
        margin-right: 0px;
        width: 100%;
        background-position: 10px 50%;
        margin-bottom: 10px
    }

    .userInput {
        padding-left: 30px
    }

    .userInfo {
        height: auto;
        overflow: hidden
    }

    .loginBtnWrap {
        padding: 0px
    }

    .loginBtnWrap span {
        display: block;
        margin: 0px 3%;
        width: 44%
    }

    .mailWrap {
        width: 100%;
        padding: 0px
    }

    .mailWrap .infoSubmitWrap {
        width: 210px;
        padding: 0px;
        margin: 0px auto
    }

    .write_wrap, .registerWrap {
        padding: 15px 0px
    }

    .writeInput {
        width: 100%;
        margin-right: 0px;
        box-sizing: border-box;
        padding-left: 30px;
        -moz-box-sizing: border-box; /* Firefox */
        -webkit-box-sizing: border-box; /* Safari */
    }

    .transactInput {
        width: 100%;
        margin-right: 0px
    }

    .writeInfo {
        height: auto;
        margin-bottom: 10px
    }

    .userNamePic, .mobilePic, .telPic, .addressPic, .EmailPic, .EMSpic,
    .IDcardNumPic, .agePic {
        background-position: 10px 50%;
        margin-bottom: 10px
    }

    .writeInput_zjlx {
        width: 100%;
        margin-bottom: 10px
    }

    .writeInput_zjlx select {
        width: 100%
    }

    .mailWrap li {
        margin-bottom: 0px;
        width: 100%;
        padding: 10px;
        height: auto;
        overflow: hidden;
        box-sizing: border-box;
        -moz-box-sizing: border-box; /* Firefox */
        -webkit-box-sizing: border-box; /* Safari */
    }

    .mailInput {
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box; /* Firefox */
        -webkit-box-sizing: border-box; /* Safari */
    }

    .mailWrap .mailConWrap {
        height: auto
    }

    .mailCon {
        width: 100%
    }

    .submitInput, .resetInput {
        width: 90px
    }

    .resetInput_agr span {
        margin-left: 55px
    }

    .checkType1, .registerInput {
        box-sizing: border-box;
        -moz-box-sizing: border-box; /* Firefox */
        -webkit-box-sizing: border-box; /* Safari */
    }

    .checkType1 {
        padding: 10px
    }

    .checkType1 li {
        height: auto;
        overflow: hidden
    }

    .checkType2 li {
        height: auto;
        line-height: 30px
    }

    .checkType2 li span, .checkType1 li span {
        display: block;
        float: none
    }

    .checkType2 {
        padding: 0px 10px
    }

    .doCheckBtn {
        margin: 20px auto 0px
    }

    .checkInput {
        width: 100%
    }

    .checkSelect {
        width: 100%
    }

    .ds_hide {
        height: 0px
    }

    .Wdate {
        width: 100%
    }

    .ds_w100 {
        width: 100%
    }

    .register_xyl_zs {
        display: block;
    }

    .registerInfo {
        height: auto;
        margin-bottom: 0px;
        overflow: hidden
    }

    .registerInput {
        width: 100%;
        padding-left: 30px
    }

    .registerWrap .infoSubmitWrap {
        width: 210px;
        padding-left: 0px;
        margin: 0px auto
    }

    body {
        padding-bottom: 10px
    }

    .mar_right_35_new, .mar_right_20_new {
        margin-right: 0px
    }

    .instructions_bt_pc {
        display: none
    }

    .instructions_bt_app {
        display: block
    }
}

.use_tab_pc {
    display: table-row
}

.use_tab_app {
    display: none
}

@media screen and (max-width:550px) {
    .use_tab_pc {
        display: none
    }

    .use_tab_app {
        display: table-row;
        line-height: 20px
    }

    .use_tab_bt {
        line-height: 40px;
        font-size: 14px
    }
}

.userNamePic {
    background: url(images/userName.png) no-repeat 10% 50%;
}
.EmailPic {
    background: url(images/EmailPic.png) no-repeat 10% 50%;
}
.mobilePic {
    background: url(images/mobilePic.png) no-repeat 10% 50%;
}
.addressPic {
    background: url(images/addressPic.png) no-repeat 10% 50%;
}



}

@media screen and (min-width:760px) {
.list_wrap{
    width:100%;
    overflow: hidden;
}
/* banner  title */
.banner{
    width:100%;
}
.list_part{
    width:100%;
    background:url(../img/cxsmAdd_12.png) center top no-repeat;
    background-size: auto 448px;
}
.Mbanner{display:none}
.list_title{
    width:860px;
    margin:0 auto;
    font-size: 30px;
    color:#e1000e;
    font-weight: bold;
    font-family: '宋体';
    border-bottom:1px solid #c9c9c9;
    height:60px;
}
.article_list{
    width:860px;
    margin:0 auto;
    overflow: hidden;
}
.article_list a{
    display: block;
    font-size: 18px;
    background:url(../img/circle_07.png) 0 11px no-repeat;
    background-size: 7px 7px;
    text-indent: 10px;
    line-height: 30px;
    margin-top: 40px;
}

/* footer */
.footer{
    width: 100%;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    padding: 50px 0;
    background: #e1000e;
    text-align: center;
    margin-top: 56px;
}

/* right_add_list */
.right_add_list{
    width:228px;
    height:464px;
    background:url(../img/cxsmAdd_04.png) center center no-repeat;
    background-size: 186px 453px;
    position: fixed;
    right:0;
    top:100px;
    z-index: 200;
    transform: scale(.8);
    margin-right: -10px;
    padding-top:80px;
    box-sizing: border-box;
}
.right_add_link{
    width:222px;
    height:70px;
    background: url(../img/cxsmAdd_09.png) 0 0 no-repeat;
    background-size:100% 100%;
    text-align: center;
    font-size: 28px;
    line-height: 60px;
    color:#fff;
    margin-top: 3px;
    cursor: pointer;
    display: block;
}
.right_add_link_active{
    color:#fcb02c;
    background: url(../img/cxsmAdd_06.png) 0 0 no-repeat;
    background-size:100% 100%;
}
.right_add_link:hover{
    color:#fcb02c;
    background: url(../img/cxsmAdd_06.png) 0 0 no-repeat;
    background-size:100% 100%;
}

.list_pages{
    width:100%;
    padding:54px 0;
    overflow: hidden;
    text-align: center;
}
.list_pages a{
    cursor: pointer;
    padding:6px 9px;
    border:1px solid #dbdbda;
    margin:0 5px;
}
.list_pages span{
    cursor: pointer;
    padding:6px 9px;
    border:1px solid #dbdbda;
    margin:0 5px;
}
.list_pages li{
    display: none;
}
.prev,.next{
    background:#f07f05;
    border:1px solid #f07f05!important;
    color:#fff;
    border-radius: 5px
}
.current{
    background:#d2000d;
    color:#fff;
}
.list_pages a:hover{
    color:#000;
}
.goBack{
    width:180px;
    margin:30px auto;
    display: block;
}
    /* r_img_show */

.r_img_show{
    width:100%;
    height:100%;
    background:rgba(0,0,0,.8);
    position: fixed;
    left:0;
    top:0;
    z-index: 300;
    overflow-y: auto;
    display: none;
}
    .r_img_show img{
        width:800px;
        margin:30px auto;
        display: block;
    }
    .close{
        width:50px;
        height:50px;
        float: right;
        margin-right: 20px;
    }
        .close img{
            width:100%;
            cursor: pointer;
        }
    /* r_img_show */
.M_addLinks{

display:none}
.r_img_show{
    width:100%;
    height:100%;
    background:rgba(0,0,0,.8);
    position: fixed;
    left:0;
    top:0;
    z-index: 300;
    overflow-y: auto;
    display: none;
}
    .r_img_show img{
        width:800px;
        margin:30px auto;
        display: block;
    }
    .close{
        width:50px;
        height:50px;
        float: right;
        margin-right: 20px;
    }
        .close img{
            width:100%;
            cursor: pointer;
        }
 }


 @media screen and (min-width:760px) {
 .list_wrap{
     width:100%;
     overflow: hidden;
 }
 /* banner  title */
 .banner{
     width:100%;
 }
 .list_part{
     width:100%;
     background:url(../img/cxsmAdd_12.png) center top no-repeat;
     background-size: auto 448px;
 }
 .Mbanner{display:none}
 .list_title{
     width:860px;
     margin:0 auto;
     font-size: 30px;
     color:#e1000e;
     font-weight: bold;
     font-family: '宋体';
     border-bottom:1px solid #c9c9c9;
     height:60px;
 }
 .article_list{
     width:860px;
     margin:0 auto;
     overflow: hidden;
 }
 .article_list a{
     display: block;
     font-size: 18px;
     background:url(../img/circle_07.png) 0 11px no-repeat;
     background-size: 7px 7px;
     text-indent: 10px;
     line-height: 30px;
     margin-top: 40px;
 }

 /* footer */
 .footer{
     width: 100%;
     font-size: 18px;
     line-height: 28px;
     color: #fff;
     padding: 50px 0;
     background: #e1000e;
     text-align: center;
     margin-top: 56px;
 }

 /* right_add_list */
 .right_add_list{
     width:228px;
     height:464px;
     background:url(../img/cxsmAdd_04.png) center center no-repeat;
     background-size: 186px 453px;
     position: fixed;
     right:0;
     top:100px;
     z-index: 200;
     transform: scale(.8);
     margin-right: -10px;
     padding-top:80px;
     box-sizing: border-box;
 }
 .right_add_link{
     width:222px;
     height:70px;
     background: url(../img/cxsmAdd_09.png) 0 0 no-repeat;
     background-size:100% 100%;
     text-align: center;
     font-size: 28px;
     line-height: 60px;
     color:#fff;
     margin-top: 3px;
     cursor: pointer;
     display: block;
 }
 .right_add_link_active{
     color:#fcb02c;
     background: url(../img/cxsmAdd_06.png) 0 0 no-repeat;
     background-size:100% 100%;
 }
 .right_add_link:hover{
     color:#fcb02c;
     background: url(../img/cxsmAdd_06.png) 0 0 no-repeat;
     background-size:100% 100%;
 }

 .list_pages{
     width:100%;
     padding:54px 0;
     overflow: hidden;
     text-align: center;
 }
 .list_pages a{
     cursor: pointer;
     padding:6px 9px;
     border:1px solid #dbdbda;
     margin:0 5px;
 }
 .list_pages span{
     cursor: pointer;
     padding:6px 9px;
     border:1px solid #dbdbda;
     margin:0 5px;
 }
 .list_pages li{
     display: none;
 }
 .prev,.next{
     background:#f07f05;
     border:1px solid #f07f05!important;
     color:#fff;
     border-radius: 5px
 }
 .current{
     background:#d2000d;
     color:#fff;
 }
 .list_pages a:hover{
     color:#000;
 }
 .goBack{
     width:180px;
     margin:30px auto;
     display: block;
 }
     /* r_img_show */

 .r_img_show{
     width:100%;
     height:100%;
     background:rgba(0,0,0,.8);
     position: fixed;
     left:0;
     top:0;
     z-index: 300;
     overflow-y: auto;
     display: none;
 }
     .r_img_show img{
         width:800px;
         margin:30px auto;
         display: block;
     }
     .close{
         width:50px;
         height:50px;
         float: right;
         margin-right: 20px;
     }
         .close img{
             width:100%;
             cursor: pointer;
         }
     /* r_img_show */
 .M_addLinks{

 display:none}
 .r_img_show{
     width:100%;
     height:100%;
     background:rgba(0,0,0,.8);
     position: fixed;
     left:0;
     top:0;
     z-index: 300;
     overflow-y: auto;
     display: none;
 }
     .r_img_show img{
         width:800px;
         margin:30px auto;
         display: block;
     }
     .close{
         width:50px;
         height:50px;
         float: right;
         margin-right: 20px;
     }
         .close img{
             width:100%;
             cursor: pointer;
         }
  }


  @media screen and (min-width:760px) {
      body {
          width: 100%;
          min-width: 1350px;
          overflow-y: auto;
      }

      .footer {
          width: 100%;
          font-size: 18px;
          line-height: 28px;
          color: #fff;
          padding: 50px 65px;
          background: #e1000e;
          text-align: center;
          margin-top: 56px;
          box-sizing: border-box;
      }

      .Mfooter,
      .Mbanenr {
          display: none;
      }

      .banner {
          width: 100%;
          overflow: hidden;
      }

      .container {
          width: 800px;
          margin: 0 auto;
      }

      .center {
          width: 800px;
          margin: 0 auto;
      }

      .banner {
          width: 100%;
          overflow: hidden;
      }

      .banner img {
          width: 100%;
      }

      .heads {
          width: 100%;
          height: 99px;
          background-color: #be1d19;
      }

      .Navigation {
          overflow: hidden;
      }

      .Navigation ul {
          height: 99px;
          line-height: 99px;
          float: left;
          vertical-align: bottom;
      }

      .Navigation ul li {
          height: 99px;
          line-height: 99px;
          float: left;
          color: white;
          font-size: 28px;
      }

      .Navigation ul li a {
          text-decoration: none;
          outline: none;
          font-family: "NeuesBauenDemo";
          color: #fff;
          border-right: 1px solid #860300;
          padding: 0 36px;
          position: relative;
      }

      .Navigation ul li:last-child a {
          border-right: none;
      }

      .Navigation ul li a.active {
          color: #ffd544;
      }

      .Navigation ul li a.active:before {
          content: "";
          border-bottom: 3px solid #ffd544;
          position: absolute;
          width: 80px;
          margin-left: -39px;
          bottom: -23px;
          left: 50%;
      }

      .Navigation .header_bar {
          text-decoration: none;
          float: right;
          font-size: 16px;
          color: #fff;
          height: 99px;
          line-height: 99px;
      }

      .bar_icon {
          width: 18px;
          height: 12px;
          display: inline-block;
          background: url(img/icon.png) no-repeat center;
      }

      .item_top {
          overflow: hidden;
      }

      .item_topbar {
          width: 800px;
          border-bottom: 1px solid #e3e3e3;
      }

      .item_topbar>p {
          padding-top: 25px;
          padding-bottom: 5px;
          font-size: 20px;
          color: #333;
          font-weight: normal;
          display: none;
      }

      .item_topbar .title {
          padding: 30px 0;
          font-family: 'Microsoft Yahei';
          font-size: 24px;
          display: block;
          padding-bottom: 20px;
  text-align:center;
      }

      .item_topbar .icon {
          overflow: hidden;
          /*padding: 5px;*/
          padding-bottom: 0;
      }

      .icon_l {
          float: left;
          /*margin-top: 40px;*/
          font-size: 14px;
          /* width: 800px;*/
          /* display: block;*/
          /*text-align: center;*/
          font-family: 'Microsoft Yahei';
          /*height: 30px;
      line-height:30px ;*/
          font-size: 14px;
      }

      .name {
          /*padding-right: 40px;*/
          text-align: center;
          font-family: 'Microsoft Yahei';
          display: none;
      }

      .icon_r {
          float: right;
          /*display: none;*/
      }

      .icon_r span {
          width: 22px;
          height: 20px;
          display: inline-block;
          /*background-image: url(img/try.png);*/
          /*cursor: pointer;*/
      }

      .item_bot {
          overflow: hidden;
          /*height:165px;*/
          margin-bottom: 30px;
      }

      .l_txts {
          width: 800px;
          padding-top: 10px;
          float: left;
      }

      .l_txts p,
      h3 {
          font-size: 18px;
          padding: 15px 0;
      }

      .l_txts p,
      h3 {
          font-size: 17px;
          padding: 5px 0;
          line-height: 26px;
      }

      .l_txts p.indent {
          text-indent: 36px;
      }

      .l_txtscon p img {
          width: 100%;
          margin-left: 0em;
      }

      .r_tody {
          float: right;
      }

      .tody_up {
          margin-bottom: 25px;
      }

      .r_tody h5 {
          padding: 20px 0;
      }

      .tody_list li {
          width: 350px;
          height: 170px;
          background: #ccc;
          margin-bottom: 20px;
      }

      .tody_list li img {
          width: 350px;
          height: 170px;
      }

      .l_txtscon p {
          font-size: 16px;
          line-height: 32px;
          margin-top: 5px;
          text-align: justify;
          font-family: "Microsoft Yahei!important"
      }

      .up {
          width: 356px;
          height: 85px;
          margin: 12.5px 0;
          background: url(img/up.png) no-repeat center;
          background-size: 100%;
          color: #fff;
          font-size: 12px;
          cursor: pointer;
          position: relative;
      }

      .up>p {
          position: absolute;
          left: 96px;
          bottom: 25px;
      }

      .up>p>span {
          color: #ffd544;
      }


      .djs {
          width: 142px;
          height: 126px;
          margin-left: 80%;
      }

      .day {
          width: 100%;
          height: 62px;
          font-size: 62px;
          color: #fff;
          font-weight: bold;
          text-align: center;
      }

      .day span {
          font-size: 15px;
          font-weight: lighter;
      }

      .hour {
          text-align: center;
          font-size: 16px;
          text-align: center;
          line-height: 28px;
          border: 1px solid #fff;
          width: 140px;
          color: #fff;
          height: 29px;
      }

      .botP {
          width: 100%;
          height: 30px;
          background: #fff;
          text-align: center;
          font-size: 20px;
          color: #391885;
      }


      .single-mode {
          height: 123px;
          position: relative;
          padding: 10px 0;
          border-bottom: 1px solid #e8e8e8;
      }

      .bui-box {
          display: block;
          zoom: 1;
      }

      .single-mode-lbox {
          width: 158px;
          height: 102px;
          margin-right: 16px;
      }

      .bui-left {
          float: left;
      }

      .single-mode-rbox {
          height: 100%;
          overflow: hidden;
      }

      .single-mode-rbox-inner {
          display: inline-block;
          width: 100%;
          vertical-align: middle;
      }

      .title-box {
          display: block;
          font-size: 20px;
          line-height: 1.3;
          margin-bottom: 4px;
          font-weight: 700;
          max-height: 52px;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          overflow: hidden;
          text-overflow: ellipsis;
      }

      .footer-bar {
          font-size: 12px;
          color: #999;
          margin-top: 10px;
      }

      .bui-box {
          display: block;
          zoom: 1;
      }

      .list {
          width: 800px;
          overflow: hidden;
          margin: 50px auto;
      }

      .list a {
          font-size: 20px;
          line-height: 30px;
          padding: 30px 0;
          border-bottom: 1px solid #ccc;
          display: block;
      }

      /* right_add_list */
      .right_add_list {
          width: 228px;
          height: 464px;
          background: url(../img/cxsmAdd_04.png) center center no-repeat;
          background-size: 186px 453px;
          position: fixed;
          right: 0;
          top: 80px;
          z-index: 200;
          transform: scale(.8);
          margin-right: -10px;
          padding-top: 80px;
          box-sizing: border-box;
      }

      .right_add_link {
          width: 222px;
          height: 70px;
          background: url(../img/cxsmAdd_09.png) 0 0 no-repeat;
          background-size: 100% 100%;
          text-align: center;
          font-size: 28px;
          line-height: 60px;
          color: #fff;
          margin-top: 3px;
          cursor: pointer;
          display: block;
      }

      .right_add_link_active {
          color: #fcb02c;
          background: url(../img/cxsmAdd_06.png) 0 0 no-repeat;
          background-size: 100% 100%;
      }

      .right_add_link:hover {
          color: #fcb02c;
          background: url(../img/cxsmAdd_06.png) 0 0 no-repeat;
          background-size: 100% 100%;
      }

      .goBack {
          width: 180px;
          margin: 30px auto;
          display: block;
      }

      .content2_tabs {
          width: 1200px;
          height: 124px;
          display: flex;
          flex-direction: row;
          margin: 0 auto;
      }

      .content2_tabs a {
          margin: 0 30px;
          opacity: .85;
      }

      .content2_tabs a img {
          width: 100%
      }

      .content2_tabs a:hover {
          opacity: 1;
      }
  .content_wrapper{
   margin-top: 0px;
  }

      .content2Img {
          width: 800px;
          margin: 30px auto;
          display: block;
      }

      .M_addLinks,.Mbanner{
          display: none;
      }

  .r_img_show{
      width:100%;
      height:100%;
      background:rgba(0,0,0,.8);
      position: fixed;
      left:0;
      top:0;
      z-index: 300;
      overflow-y: auto;
      display: none;
  }
      .r_img_show img{
          width:800px;
          margin:30px auto;
          display: block;
      }
      .close{
          width:50px;
          height:50px;
          float: right;
          margin-right: 20px;
      }
          .close img{
              width:100%;
              cursor: pointer;
          }
  }
  .item_topbar .title6 {
    padding: 30px 0;
    font-family: 'Microsoft Yahei';
    font-size: 24px;
    display: block;
    padding-bottom: 20px;
text-align:center;
}