.topnav,.topnav-list{
    display: none;
}
.searchForm{
    margin-top:4px;                
    position: relative;
}
.searchForm #searchCon{
    background-color: rgba(0,0,0,0.1);
    color: rgba(211, 160, 159, 1);
    line-height: 30px;
    font-size: 14px;
    padding:0 30px 0 10px;
}
.searchForm #searchBtn{
    cursor: pointer;
    position:absolute;
    right:10px;
    top:6px;;
    width:18px;height: 18px;;
}
.searchForm #searchCon::-webkit-input-placeholder{
color: rgba(178, 178, 180, 1);
font-size: 14px;
}
.searchForm #searchCon:-moz-placeholder{
    color: rgba(178, 178, 180, 1);
    font-size: 14px;
}
.searchForm #searchCon::-moz-placeholder{
    color:rgba(178, 178, 180, 1);
    font-size: 14px;
}
.searchForm #searchCon:-ms-input-placeholder{
    color: rgba(178, 178, 180, 1);
    font-size: 14px;
}
/* 头部 */
.top{
    width:100%;
    height:86px;
    margin-bottom:25px;
    background:#fff;
    box-sizing: content-box;
    padding:17px 0;
}
/* 繁简切换 */
.switch{
    width: 80px;
    height: 32px;
    display: inline-block;
    border-radius: 32px;
    background-color: #fff;
    color: #c00;
    line-height: 32px;
    margin-top:4px;
    padding: 0 1px;
}
 .switch label{
    /*width: 50%;*/
    font-size: 14px;
    line-height: 30px;
    margin-top:1px;
    font-weight: 400;
    text-align: center;
    padding:0 5px;
    cursor: pointer;
}
.switch .swich_radio{
    display: none;
}
 .switch .on{
    background-color: #c00;
    border-radius: 100%;
    color: #fff;
}
/* 登录 */
.reg{
    width:100%;
    height:40px;
    background:rgba(248,156,49,1);
    border-bottom:2px solid #f2f2f2;
}
.reg a{color: #fff;font-size:14px;line-height: 40px;}
.reg-right{
    float: right;
    margin-right: 40px;

}
.reg-right a{
    float: left;
}
.reg-right a:before{
    content: "|";
    margin:0 10px;
    color:#fff;
    line-height:30px;
    font-size:14px;

}
.reg-right a:first-child:before{
    content: "";
    margin:0;
}
.reg .APP{
    float:right
}
.reg-but1{

}
.reg .heart_wrap{position: relative;}
.reg-con{
    display: none;
    width:230px;
    height:145px;
    background-color:#ffffff;
    box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);
    position: absolute;
    right:50px;
    top:30px;
    z-index: 9999;
    padding:14px;
}

.reg-con input[type="text"], input[type="password"]{
    width:199px;
    height:30px;
    border:1px solid #e0e0e0;
    border-radius: 5px;
    padding:0 10px;
    color:#666;
}
.reg-con input[type="password"]{
    margin-top:10px;
}
.reg-con input[type="submit"]{
    width:90px;height:30px;background:rgba(248,156,49,1);border:none;color:#fff;font-size: 14px;text-align:center;line-height: 30px;border-radius: 5px;margin-top:15px;float:right;outline:none;cursor: pointer;
}
.APP-ewm{
    display: none;
    width:340px;height:200px;background:#fff;
    box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);
    position: absolute;
    right:0px;
    top:30px;
    z-index: 9999;
    padding:14px;
}
.APP-ewm li{float:left;margin:19px;text-align:center}
.APP-ewm li p{line-height: 40px;}


/* 友情链接 */

.foot_link{font-size: 14px;
    color: #4a4a4a;
    overflow: hidden;
    margin: auto;
    padding: 20px;
    background: #fff;}
.foot_link h3{
    font-size:18px;
    margin-bottom: 10px;
}
.foot_link ul a{
    margin-right:10px;
    line-height: 24px;
    font-size:14px;
}

.foot-img{text-align: center;background:#fff;}
    .foot-img li{
        display: inline-block;
        width: 107px;
        height: 48px;
        border: 1px solid #ddd;
        overflow: hidden;
        margin: 1px;
    }
    .foot-img li img{
        width:100%;
        height:100%;
    }
/* 头部占位图 */
.head_position{
    width:100%;
    height:100%;
    margin:0 auto;
    background-color: #ccc;
}
.top .heart{
    width:1268px;
}
@media (max-width:1289px){
    .top .heart{
        width:100%;
    }
    .foot{
        width:100%;
    }
}
.top_left{
    display: inline-block;
}
.logo{
    width:230px;
    height:86px;
    padding-top: 0px;
    padding-right:30px;
}
.left.logo img.max_screen{
    display: inline-block;
}
.epaper{
    /* margin-left:20px; */
    padding-left:30px;
    position: relative;
    width: 85px;
    padding: 14px 0 0 30px;
    display: none !important;
}
.left.epaper img.max_screen{
    display:inline-block;
}
.epaper:before{
    content:'';
    font-size:20px;
    width:0px;
    height:60px;
    border-left:2px solid #aeaeae;
    position: absolute;
    left:0px;
    top:10px;
}
.nav{
    height:86px;
    padding:23px 0;
}
.nav_item a{
    padding-right:50px;
    font-size:20px;
    line-height:40px;
    color:#4a4a4a;
}
.nav_item.hwlm a{
    padding-right:0;
}
.nav_item.nav_active a{
    color:rgba(248,156,49,1);
}
.nav .nav_item:hover a{
    color:rgba(248,156,49,1);  
}
/* 底部 */
.foot{
    font-size:14px;
    color:#4a4a4a;
    overflow: hidden;
    width:1268px;
    margin:auto;
    margin-top:30px;
    /* padding:20px 0; */
    /* background:#fff; */
}
 /* 底部占位图 */
.foot_position{
    width:100%;
    height:41px;
    margin:0 auto;
    background-color: #ccc;
}
.foot .heart{
    width:100%;
    padding:20px 28px;
    background-color: #fff;
    overflow: hidden;
    
}
.epaper-list{display: none;}
.column_title a{
    padding:0 22px;
}
.item_title{
    font-size:18px;
}
.nav_item a{
    font-size:16px
}
.main_right .recommended-reading .tjread{
    font-size: 18px;
    line-height: 40px;
    padding: 0 22px;
    height: 40px;
}
html{font-size:13.33333vw}
@media screen and (min-width:769px){html{font-size:102.4px;font-size:13.33333vw}}
@media screen and (min-width:721px) and (max-width:768px){html{font-size:102.4px;font-size:13.33333vw}}
@media screen and (min-width:641px) and (max-width:720px){html{font-size:96px;font-size:13.33333vw}}
@media screen and (min-width:541px) and (max-width:640px){html{font-size:85.33px;font-size:13.33333vw}}
@media screen and (min-width:481px) and (max-width:540px){html{font-size:72px;font-size:13.33333vw}}
@media screen and (min-width:415px) and (max-width:480px){html{font-size:64px;font-size:13.33333vw}}
@media screen and (min-width:413px) and (max-width:414px){html{font-size:55.2px;font-size:13.33333vw}}
@media screen and (min-width:394px) and (max-width:412px){html{font-size:54.93px;font-size:13.33333vw}}
@media screen and (min-width:376px) and (max-width:393px){html{font-size:52.4px;font-size:13.33333vw}}
@media screen and (min-width:361px) and (max-width:375px){html{font-size:50px;font-size:13.33333vw}}
@media screen and (min-width:321px) and (max-width:360px){html{font-size:48px;font-size:13.33333vw}}
@media screen and (max-width:320px){html{font-size:42.667px;font-size:13.33333vw}}




@media (max-width:1200px){
    .foot_link{width:100%;} 
    .nav_item a{
        padding-right:6px;
    }
    .foot{
        width:100%;
    }
    .top_left{
        display:block;
        text-align: center;
    }
    .top{
        height:auto;
        margin-bottom:0px;
    }
    .nav{
        height:auto;
        padding:10px 0;
    }
    .left.logo{
        float:none;
        display: inline-block;
        padding-right:30px;
    }
    .left.epaper{
        float:none;
        display: inline-block;
    }
   
    .right.nav{
        float:none;
        width:100%;
        text-align:center;
        margin:0 auto;
    }
    .nav ul{
        width:auto;
        margin:0 auto;
    }
    .nav ul .nav_item{
        display: inline-block;
        float:none;
    }
}
@media (max-width:1000px){
    .top_left{
        display:block;
        text-align: center;
    }
    .top{
        height:auto;
        margin-bottom:0px;
    }
    .nav{
        height:auto;
        padding:10px 0;
    }
    .left.logo{
        float:none;
        display: inline-block;
        padding-right:30px;
    }
    .left.epaper{
        float:none;
        display: inline-block;
    }
   
    .right.nav{
        float:none;
        width:100%;
        text-align:center;
        margin:0 auto;
    }
    .nav ul{
        width:auto;
        margin:0 auto;
    }
    .nav ul .nav_item{
        display: inline-block;
        float:none;
    }
}
@media (max-width:879px){
    .top{
        height:auto;
        margin-bottom:0;
    }
    .top .heart{
        /* background-color: #f2f2f2; */
    }
}
@media (max-width:767px){
    .guanggao_top{display: none !important;}
    .top{
        padding:0;
    }
    .topnav{
        width:100%;
        height:1rem;
        background-color:#ffffff;
        box-shadow: 0px 5px 5px #ccc;
        padding:0 10px;
    }
    .topnav-toggle{
        font-size:0.5rem;
        color:rgba(248,156,49,1);
        line-height: 1rem;
    }
    
    .topnavLogo{
        width: auto;
        height: 0.6rem;
        margin-top:0.2rem;
    }
    .topnavLogo img{
        max-height:100%;
    }
    .topnav-list{
        display: n1one;
        background-color:#6e6e6e;
        position:absolute;
        z-index: 9999;
        height:100%;
        min-height:100%;
        overflow:auto;
        width:100%;
        top:0;
        left:-100%;
        padding:30px;
    }
    .topnav-close{
        font-size: 19px;
        color: #ffffff;;
    }
    .wep-reg,.wep-reg2{
        background:none;
        color:#fff;
        position: static;
    }
    .wep-reg a,.wep-reg2 a{
        color:#fff;
        font-size:17px;
        
       
    }
    .wep-reg a:before,.wep-reg2 a:before{
        content: "丨";
        font-size: 16px;
        line-height: 30px;
        margin: 0 5px;
    }
    .wep-reg a:first-child:before,.wep-reg2 a:first-child:before{
        content: "";
        font-size: 16px;
        line-height: 30px;
        margin: 0 0px;
    }
    .topnav-list-top{
    }
    @font-face {
    font-family: 'newspaper';
    src: url('http://res.offshoremedia.net/chinanewsse/web/resource//fonts/newspaper.eot?14');
    src:url('http://res.offshoremedia.net/chinanewsse/web/resource/fonts/newspaper.eot?14#iefix') format('embedded-opentype'),  url('http://res.offshoremedia.net/chinanewsse/web/resource//fonts/newspaper.woff') format('woff'), url('http://res.offshoremedia.net/chinanewsse/web/resource/newspaper.ttf') format('truetype'); 
    /* url('../fonts/newspaper.svg?14#newspaper') format('svg'); */
    font-weight: normal;
    font-style: normal;
}
[class^="td-icon-"]:before, [class*=" td-icon-"]:before{
    font-family: 'newspaper';

}
.td-icon-mobile:before{
    content:'\e83e';
}
.td-icon-search:before{
    content:'\e80a'
}
.td-icon-close-mobile:before{
    content:'\e900'
}
.td-mobile-content .td-icon-menu-right:before{
    content:'\e83d'
}
.td-icon-read-down:before{
    content:'\e83d'
}
.td-icon-menu-up:before{
    content:'\e809'
}
.td-icon-right:before{
    content:'\e803'
}
.td-icon-menu-left:before{
    content:'\e80c'
}
.td-icon-menu-right:before{
    content:'\e80d'
}

.topnav-search{
    border:1px solid #949494;;
    margin-top: 50px;
    width:100%;
    height:38px;
    border-radius: 4px;
    background-color: #8b8b8b;;
}
.topnav-search input{
    border:none;
    background:none;
    width:calc(100% - 38px);
    height:38px;
    padding:0 10px;
    color:#fff;
}
.topnav-search button{
    color:#fff;
    background:none;
    font-size:17px; 
    width:38px;
    line-height: 38px;;
}
.topnav-menu{
    margin-top:10px
}
.topnav-menu li{display: block;width:100%;line-height: 40px;}

.topnav-menu li a{
    color:#fff;
    font-size:17px;
}
.topnav-bottom{
    border-top:1px solid #8b8b8b;
    padding:20px 0;
    display: none;
}
.topnav-bottom img{
    width:40px;
    height:35px;
}
.switch{
    width:62px;
    border-radius: 28px;
    background:rgba(255, 255, 255, 0.4);
}
.switch label{
    color:#fff;
    line-height: 28px;
    text-align: center;
    width:28px;
}
.switch .on{
    margin:2px 0 0 2px;
    width:28px;
    height:28px;
    line-height: 28px;
    background-color:rgba(255, 255, 255, 0.25);
}
.maxshow{
    display: none;
}
.topnav{
    display: block;
}
    .foot_link h3{
        font-size:0.4rem;
    }
    .foot_link ul a{
        font-size:0.3rem;
        line-height: 0.45rem;;
    }
    .foot-img li{
        width:2rem;
        height:0.9rem;
    }
    .top_left{
        float:left;
    }
    .foot{
        font-size:0.25rem;
    }
    /* 顶部app下载 */
    .app_load{
        position:fixed;
        top:0;
        left:0;
        z-index:3;
        width:100%;
        height:60px;
        background-color: #fff;
        /* padding-left:15px; */
        /* padding-right:11px; */
    }
    .app_load_left,.app_load_title{
        /* display: inline-block; */
        float:left;
    }
    .app_load_left{
        line-height:40px;
        padding-top:7px;
        margin-left:15px;
    }
    .app_load_title{
        margin-left:8px;
        line-height:60px;
        font-size:14px;
        color:rgba(51,51,51,1);
    }
    .app_load_left img{
        vertical-align: middle;
        width:46px;
        height:auto;
    }
    /* .app_load_left img.max_screen{
        display:none;
    } */
    .app_load_right{
        float:right;
        height:100%;
        padding-top:18px;
        padding-right:11px;
    }
    .app_load_right img{
        width:60px;
        height:auto;
    }
    /* .app_load_right img.max_screen{
        display:none;
    } */
    /*顶部占位图*/
    .top_position{
        width:100%;
        height:100%;
        background-color: #ccc;
    }

    /* 手机登录 */
    .reg{display:none;}
    .wep-reg{display: block;right:0.3rem;top:0.55rem;width: auto;height:0.55rem;background-size:cover;}
    .wep-reg2{display: block;right:0.3rem;top:0.55rem;width: auto;height:0.55rem;background-size:cover;}
    .epaper-list{
        display: none;
        width:110px;
        background-color:#ffffff;
        box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);
        padding:0 10px;
        position: absolute;
        right:15px;
        top:74px;
        z-index: 9999;
    }
    .epaper-list li{
        border-bottom:1px dashed #f1f1f1;
        text-align: left;
    }
    .epaper-list li:last-child{
        border-bottom:0px;
        
    }
    .epaper-list li a{
        color:#666666;
        font-size:14px;
        line-height: 37px;
       
    }
    /* 顶部占位图 */
    .head_position{
        width:100%;
        height:117px;
        margin-bottom:10px;
    }
    .top{
        margin-top:0px;
        margin-bottom:17px;
        padding-bottom:0;
        /* position: relative; */
    }
    /* .top{
        position: fixed;
        top:60px;
        left:0;
        z-index:3;
    } */
    .left.logo{
        width:auto;
        height:0.8rem;
    }
    .left.logo img{
        height:100%;
        width:auto;
    }
    .left.logo img.max_screen{
        display:none;
    }
    .left.epaper{
        height:1rem;
    }
    .left.epaper img{
        height:100%;
        width:auto;
    }
    .left.epaper img.max_screen{
        display:none;
    }
    .epaper:before{
        height:0.8rem
    }
    .left.logo{
        padding-right:20px;
        padding-top:00px;
    }
    .nav_item a{
        font-size:0.34rem;
        display: inline-block;
        line-height:1rem;
        padding-right:0.2rem;
    }
    .nav{
        width:100%;
        overflow-x:scroll;
        /*解决ios上滑动不流畅*/
        -webkit-overflow-scrolling: touch;
        padding:0;
    }
    .nav::-webkit-scrollbar{
        display: none;
    }
    .nav ul{
        width:17.5rem;
        height:1rem;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        text-align: center;
    }
    .nav .nav_ul .nav_item{
        float:none;
        display: inline-block;
        line-height:44px;
    }
    .foot{
        margin-top:50px;
        padding-bottom:10px;
        width:100%;
    }
    /* 底部占位图 */
    .foot_position{
        width:100%;
        height:93px;
    }
    .foot .rightpart,.foot .leftpart{
        float:none;
        text-align: center;
    }
    .foot .rightpart{
        margin-top:10px;
    }
}