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

@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block;
}
body {
	line-height: 1;

}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*-------------------------------- */
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-size:62.5%;
   font-family: 'Guardian Text Sans Web',TextSans,Arial,sans-serif;
  color: #3d3536;

  background-color:#001e3a;
}

body, html {
  /* important */
  height: 100%;
  font-size: 62.5%
}

a {
  color: #ffffff;
  text-decoration: none;
}

p {
    display: block;
    margin: 1em 0 1em 0;
    font-family: 'Guardian Text Sans Web',TextSans,Arial,sans-serif;
}

.clear{
    width: 0;
    height: 0;
    padding: 0;
    margin:0;
    clear:both;
}


/* --------------PC NAV------------------ */

.sitenav {
      width: 100%;
      height: 45px;
      background-color: #404a59;
      cursor: auto;
}

   .cd-site-nav {
          width: auto;
          height: auto;
          background: none;
          margin:0 auto;
          cursor: auto;
    }
      .cd-site-nav ul {
            max-width: 1000px;
            overflow: hidden;
            height: 45px;
            margin:0 auto;
            line-height: 45px;
            text-align: center;
      }
          .cd-site-nav ul li {
              display: inline-block;
              vertical-align: middle;
              height: 45px;
          }  
          .cd-site-nav a {
              display: inline-block;
              height: 45px;
              background: transparent;
              padding: 0 30px;
              color:#ffffff;
              text-transform: uppercase;
              font-weight:normal;
              font-size: 14px;
              font-size: 1.4rem;
              font-family: 'Guardian Text Sans Web',TextSans,Arial,sans-serif;
          }

          .header{
              display: none;
          }
           

          /* --------------PHONE NAV------------------ */

@media only screen and (max-width: 768px) {

.header{
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    left: 50%;
    background-color: white;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%) ;
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%) ;
    z-index: 999;
}
    .header .cd-header {
        width: 100%;
        height: 50px;
        background: rgba(64, 74,89, 0.95);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        z-index: 2;
    }
      .header .cd-header #cd-logo {
        float: left;
        height: 100%;
        margin: auto 0 0 2%;
      }    
        .cd-header #cd-logo img {
           display: block;
           width: 124px;

        }


    .cd-main-nav {
      float: right;
      margin-right: 3%;
      width: 44px;
      height: 100%;
      background: url("../img/more.png") no-repeat center center;
      background-size: 44px 44px;
      cursor: pointer;
    }
      .cd-main-nav ul {
        position: absolute;
        top: 50px;
        left: 0;
        width: 100%;
        display: none;
      }
        .cd-main-nav ul.is-visible {
          display: block;
        }
        .cd-main-nav li {
          display: block;
          margin-left: 0;
        }
        .cd-main-nav a {
          display: block;
          height: 48px;
          line-height: 30px;
          padding-left: 4%;
          background: #404a59;
          border-top: 1px solid #353d4a;
          font-size: 16px;
          font-size: 1.6rem;
          color: #ffffff;
          padding: .6em 1em;
        }  
        .sitenav {display: none;}
}


/* -------------------------------- */

.cd-main-content {
    width: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
}



/* -------------BANNER------------------ */
.cd-bg {
	  position: relative;
    min-height: 600px;
    z-index: 2;
    background:url("../img/3ba18e280c_bannerbg1920.jpg") top center no-repeat;
    color: #3d3536;
}
  	.cd-bg .bword{
        display: block; 
        position: absolute;
        left: 50%;
        top:34%;
        bottom: auto;
        right: auto;
        max-width: 1100px;
        text-align: left;
    }
        .cd-bg .bword h1{
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);      
            text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
            color: white;
            font-size: 45px;
            font-size:4.5rem;
            line-height: 46px;
            line-height:4.6rem;
            font-weight:bold;
        }

        .cd-bg .bword h1.font1{
             font-size:90px;
             font-size: 9rem;
             margin-bottom:30px;
        }

 .cd-bg .updown{
      width: 32px;
      height: 32px;
      position: absolute;
      left: 50%;
      bottom: 3%;
      right: auto;
      -webkit-transform: translateX(-50%) ;
      -moz-transform: translateX(-50%) ;
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      background-image: url("../img/down.png");
      background-position: 0 0;
      background-size: 100% 100%;
  }


@media only screen and (max-width: 768px) {
    .cd-bg {
        background-image: url("../img/eb3f8211f6_bannerbg750.jpg");
        background-position: 0 0;
        background-size: 100%;
        padding: 6em 1em;
        line-height:1.6rem;
        z-index: 2;
        color: #3d3536;
        overflow: hidden;
        width: 100%;     
    }
        .cd-bg .bword{
            display: block; 
            position: absolute;
            left: 50%;
            top:38%;
            bottom: auto;
            right: auto;
            max-width: 95%;
            text-align: left;
        }
            .cd-bg .bword h1{
                left: 50%;
                top: 50%;
                bottom: auto;
                right: auto;
                -webkit-transform: translateX(-50%) translateY(-50%);
                -moz-transform: translateX(-50%) translateY(-50%);
                -ms-transform: translateX(-50%) translateY(-50%);
                -o-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
                font-size:32px;
                font-size:3.2rem;
                font-weight:bold;
                line-height:32px;
                line-height:3.4rem;

            }

            .cd-bg .bword h1.font1{
                 font-size:54px;
                 font-size: 5.4rem;
                 line-height:54px;
                 line-height:5.2rem;
                 margin-bottom:-1rem;
            }
}





/* --------------SCROLL NEWS------------------ */

.scrolline{
  	width: 100%;
    margin:0 auto;
    height: 44px;
    line-height:44px;
  	background-color:#122d69;
    font-size: 18px;
    font-size: 2rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
}   
       .scrolline .scroll_tit{
            width:32%;
            display: block;
            background-color: #10285e;
            line-height:44px;
            overflow:hidden;
            color: #ffffff;
            text-align: right;
            padding-right: 20px;
            float: left;
            border-right: 1px solid #0f2556;
        }
        #scrollDiv{
          	/*;width:1200px;*/
            width:67%;
          	margin:0 auto;
            display: block;
          	height:50px;
          	overflow:hidden;
            text-align: left;
            padding-left:20px;
            float: left;
        }
          	#scrollDiv li a{
                display: block;
                height:44px;
            		color:#ffffff;
            		font-size: 18px;
            		font-size: 1.8rem;
                cursor: pointer;
                overflow:hidden;
                text-overflow:ellipsis;
                -o-text-overflow:ellipsis;
                
          	}

@media only screen and (max-width: 768px) {
  .scrolline{
    width: 100%;
    margin:0 auto;
    height: 44px;
    background-color:#122d69;
    font-size: 14px;
    font-size: 1.4rem;
    line-height:4rem;
    white-space:nowrap;
    overflow:hidden;
}   
  .scrolline .scroll_tit{
            width:20%;
            display:block;
            background-color: #10285e;
            float: left;
            overflow:hidden;
            color: #ffffff;
            text-align: right;
            padding-right: 1rem;
            font-size: 14px;
            font-size: 1.4rem;
            line-height:4rem;
            height:44px;
            border-right: 1px solid #0f2556;
        }
        #scrollDiv{
            /*;width:1200px;*/
            width:79%;
            margin:0 auto;
            display:block;
            float: left;
            height: 44px;
            overflow:hidden;
            text-align: left;
            padding-left:1rem;


        }
  	#scrollDiv li a{
     font-size: 14px;
     font-size: 1.4rem;
     line-height:4rem;
     padding-right:1rem;
     height: 44px;

     
    }

}




/* --------------Editor Note------------------ */

.cd-bg-color{
  width: 100%;
  background-color: #001e3a;
}

    .cd-container { 
      width: 100%;
      margin: 0 auto;
    }
    .cd-container::after {
      /* clearfix */
      content: '';
      display: table;
      clear: both;
    }

    .cd-container.note { 
      max-width: 1000px;
      padding:100px 0px 100px 0px;
    }
        .cd-container.note  .editor-note{ 
          margin-bottom: 50px;
        }

        .cd-container .editor-note{          
              margin:0 auto;
              display: block;
        }
        .cd-container .editor-note-phone{          
           display: none;
        }
            .cd-container  p{
                font-size:18px;
                line-height:1.8;
                color:#FFFFFF;
                text-indent:0em;
                white-space:normal;
                overflow-wrap:break-word;
                word-wrap: break-word; 
            }


@media only screen and (max-width: 768px) {

.cd-container { 
      width: 90%;
      margin: 0 auto;
    }

  .cd-container.note { 
      width: 90%;
      padding-top:5rem;
      padding-bottom:5rem;
    }

        .cd-container .editor-note{          
             display: none;
        }
        .cd-container .editor-note-phone{          
             display: block;
             font-size: 24px;
             font-size: 2.4rem;
             line-height: 2.6rem;
             padding-top:0.5rem;
             padding-bottom:0.5rem;
             background-color: #00d4f3;
             color: #ffffff;
             text-align: center;
             margin-bottom: 2rem;        
        }

        .cd-container  p{
                font-size:1.5rem;
                line-height:2rem;
                color:#FFFFFF;
                text-indent:0em;
                white-space:normal;
                overflow-wrap:break-word;
                word-wrap: break-word; 
            }
}






/* --------------MAP------------------ */
/*.cd-container .map{          
    max-width: 1200px;
    margin:0 auto;
    position: relative;
}
    .cd-container .map img{          
      height: 100%;
      border: 0;

    }
    .cd-container .map .citybg{          
        position: absolute;
        z-index: 3;
    }
    .cd-container .map .flagg{          
        position: absolute;
        z-index: 4;
    }*/
    
    .cd-container.map_tit{ 
       padding:150px 0px 50px 0px;
    }
    .cd-container.map_content{ 
       max-height: 2200px;
       height: 650px;
       padding: 0px;
       overflow: visible;
       margin: 0 auto;    
    }
    .cd-container.map_annotation{ 

      width: 300px;
      margin: 0 auto;   
      color: #ffffff;
      font-size: 14px; 
      line-height:20px;
    }
       .cd-container.map_annotation .an_left{ 
           background-color:#00bdd9;
           height: 16px;
           display: block;
           float: left;
           margin: 0 auto; 
          padding-left: 8px;  
          padding-right: 8px; 

        }
        .cd-container.map_annotation .an_right{ 
           

           margin-left: 15px;
           height: 16px;
           line-height: 16px;
           display: block;
           float: left; 
        }



@media only screen and (max-width: 768px) {
.cd-container.map_tit{ 
       padding:0px;
       padding-top:5rem;
    }
.cd-container.map_content {          
    width: 120%;
    margin:0 auto;
    position: relative;
    /*height:1000px;*/
    margin-left: -10%;
    overflow: visible;
    margin-top:-160px;
    /*margin-bottom:0px;*/
}

    /*.cd-container .map img{          
        width: 100%;
    }
    .cd-container .map .citybg{          
        position: absolute;
        z-index: 3;
    }
    .cd-container .map .flagg{          
        position: absolute;
        z-index: 4;
    }*/
    .cd-container.map_annotation{ 

      width: 220px;
      margin: 0 auto;   
      color: #ffffff;
      font-size: 14px; 
      line-height:20px;
      margin-top: -170px;
    }
       .cd-container.map_annotation .an_left{ 
           background-color:#00bdd9;
           height: 16px;
           display: block;
           float: left;
           margin: 0 auto; 
          padding-left: 8px;  
          padding-right: 8px; 

        }
        .cd-container.map_annotation .an_right{ 
           margin-left: 12px;
           height: 20px;
           line-height: 16px;
           display: block;
           float: left; 
        }
      
}









/* --------------TUBIAO------------------ */

.cd-container.chart_tit{ 
    padding:200px 0px 50px 0px;

}

.cd-container.chart_content{ 
    height: 800px;
    margin-top:-100px;
}


@media only screen and (max-width: 768px) {
  .cd-container.chart_tit{ 
       padding:0px; 
       margin-top: 160px;
  }
  .cd-container.chart_content { 
     /*height: 1000px;*/
     width: 100%;
     /*margin-left: -15%;*/
     margin-top:-200px;
  }  
      
}


/* --------------NEW OLD FRIEND------------------ */
.cd-container.friend_tit{ 
    padding:100px 0px 0px 0px;
}

.cd-container.friend_content{ 
    max-width: 1100px;
    margin:0 auto;

}
    .cd-container.friend_content h2{ 
        width: 90%;
        display: block;
        margin:0 auto;
        font-size: 40px;

        padding:10px 10px;
        border:3px solid #00d4f3;
        color:#00d4f3;
        text-align: center; 
        margin-top:80px;
        margin-bottom:40px;
    }

        
        /* --------old new friend---------- */
        
        .cd-container.friend_content .incident{ 
            width: 535px;
            overflow: hidden;
            float: left;
            margin-bottom: 15px;
            border: 1px solid #999999;           
        }
        .cd-container.friend_content .left{ 
            margin-right: 30px;
        }

            .incident .record-inner{ 
              height: 100%;
              position: relative;
              display: block;
              padding: 10px;
            }
                .incident .record-inner .image{ 

                    border: 0;
                    width: 120px;
                    height: 137px;
                    display:inline-block;
                    vertical-align: top;
                    margin-right:20px;
                }
                    .incident .record-inner .image img{ 
                       
                    }

                .incident .record-inner .record{ 
                    display:inline-block;
                    width: 360px;
                }
                    .friend_content .date{ 
                        font-family: 'Guardian Text Sans Web',TextSans,Arial,sans-serif;
                        font-size: 20px;
                        line-height: 24px;
                        padding: 2px 8px;
                        display:inline-block;
                        margin-bottom: 5px;
                        text-transform: uppercase;
                        border-radius: 4px;
                        background-color: rgba(255,255,255,.6);
                        color: #001e3a;
                    }
                .read-more{ 
                    position: absolute;
                    z-index: 999;
                    right:1rem;
                    bottom:1rem; 
                    width: 2.6rem;
                    height: 2.6rem;
                    background: url(https://nfcms-mainsiteoss.southcn.com/newsgd/__tpl_asset/zt/img/f467742723_arrow_light.svg) 50% 50% no-repeat;
                    background-size: 100% 100%;
                    opacity: .5;
                }

     .date2{ 
          font-family: 'Guardian Text Sans Web',TextSans,Arial,sans-serif;
          font-size: 20px;
          line-height: 24px;
          padding: 5px 8px;
          border-radius: 4px;
          background-color: #ffffff;
          color: #00bcd8;
          margin-bottom: 6px;
      }
      
      .tit{ 
          font-size: 16px;
          font-weight: 400;
          line-height: 1.7;
          margin: 0;
          color: #ffffff;
      }
          .tit strong{ 
              font-weight: 600;
          }

      .list{
          width: 100%;
          padding: 0 0 0 10px;
          box-sizing: border-box;
          display: inline-block;
          margin-top: -10px;    
      }
          .list  li{
              font-family: 'Guardian Text Sans Web',TextSans,Arial,sans-serif;
              line-height: 22px;
              padding:5px 0px 2px 0px;
              margin-left: 10px;
              font-size: 16px;
              list-style-type:disc;
          }          


              /* --------pc_content---------- */
              
              @media (min-width: 620px){

                  .pc_content{
                      width: 480px;          
                      display: block;
                  }

                    .pc_content .container-inner{
                        background-color: #00bcd8;
                    }
                        .pc_content .container-inner .details{
                            box-shadow: 0 0 10px rgba(0,0,0,.5);
                            padding: 1.5rem;
                            font-family: 'Guardian Text Sans Web',TextSans,Arial,sans-serif;
                            position: relative;
                            box-sizing: border-box;
                            width: 100%;
                            color: #ffffff;
                            display: block;
                        }
                            /*.details .close{
                                position: absolute;
                                top: 10px;
                                right: 10px;
                                width: 40px;
                                height: 40px;
                                cursor: pointer;
                                opacity: .2;
                                border-radius: 25px;
                                background-image: url(https://interactive.guim.co.uk/2015/the-counted/v/1498574567104/files/icons/close.svg);
                                background-size: cover;
                            }*/
                            /*.details .close:hover {
                                opacity: .8;
                            }*/
                            .details .image-container{
                              position: relative;
                              width: 30%;
                              height: 190px;
                              margin:  0;
                              display: inline-block;
                              box-sizing: border-box;
                              vertical-align: top;
                            }
                                .details .image-container .inner-image img{
                                    width: 100%;
                                    height: 100%;
                                    background-size: cover;
                                }
                            .details .stats{
                                width: 65%;
                                padding: 0 0 0 20px;
                                box-sizing: border-box;
                                display: inline-block;
                            }
                                .details .stats .stat{
                                     font-family: 'Guardian Text Sans Web',TextSans,Arial,sans-serif;
                                }
                            .pc_content{
                              display: inline-block;
                            }
                            .phone_content{ 
                              display: none;
                            }                    
              }
              

              
@media only screen and (max-width: 768px) {
.cd-container.friend_tit{ 
         padding:0px;
         margin-top: -80px;
}
.cd-container.friend_content{ 
  padding-top: 0;
}
    .cd-container.friend_content h2{ 
      width: 100%;
      display: block;
      margin:0 auto;
      font-size: 1.8rem;
      line-height:2rem;
      border:3px solid #00d4f3;
      color:#00d4f3;
      text-align: center;
      margin-top: 30px;
      margin-bottom:1rem;
    }

.cd-container.friend_content.left{ 
    margin:0px;
}

    .cd-container.friend_content .incident{ 
        width: 100%; 
        overflow: hidden;
        margin-bottom: 1rem;
    }
        .incident .record-inner .image{ 
           width: 24%;
           border: 0;
           display:inline-block;
           margin-right:1rem;
           vertical-align: top;

        }
             .incident .record-inner .image img{ 
                width: 100%;
              }

        .incident .record-inner .record{ 
            display:inline-block;
            width:71%;
        }

        .incident .record-inner .record .date{ 
              font-family: 'Guardian Text Sans Web',TextSans,Arial,sans-serif;
              font-size: 1.6rem;
              line-height: 1.8rem;
              display:inline-block;
              text-transform: uppercase;
              border-radius: 4px;
              background-color: rgba(255,255,255,.6);

              color: #001e3a;
          }
          .incident .record-inner .record h1{ 
              font-size: 1.4rem;
              font-weight: 400;
              line-height: 1.7;
              margin: 0;
              color: #ffffff;
          }
          .incident .record-inner .record h1 strong{ 
              font-weight: 600;
          }
          

          /* --------phone_content---------- */
          .pc_content{
            display: none;
          }
          .phone_content{
            display: inline-block;
          }
          .friend_content .list{
              width: 100%;
              padding-top:0px;
              box-sizing: border-box;
              display: inline-block;
              margin-top: 0px;
              margin-bottom: 1rem;
          }
              .friend_content .list  li{
                color:#ffffff;
                margin-left: 1rem;
              }          
          .hidden{display: none}
}
      






   
/* --------------KEYWORD------------------ */ 

.cd-container.keyword_tit{
      padding:260px 0px 50px 0px;
}
.cd-container.keyword_content{
  padding-bottom: 140px;
  padding-top:20px;
}
.cd-container.keyword_content img{
  display: block;
  margin:0 auto;
}

    @media only screen and (max-width: 768px) {
      .cd-container.keyword_tit{
        padding:0px;
        padding-top: 120px;
      }
      .cd-container.keyword_content{
        padding-bottom: 80px;
        margin-top:30px;
        margin-top: 15px;
      }
      .cd-container.keyword_content img{
        display: block;
        margin:0 auto;
        width: 100%;
      }
}






/* ------------m-ft------------------*/

.m-ft {
  line-height: 50px;
  border-top: 1px solid #001e3a;
  color: #cccccc;
  text-align: center;
  background-color: #00182f;
  font-size: 16px;
  color: #cccccc;
}

  .m-ft a { 
    font-size: 16px;
    color: #cccccc;
  } 
  .m-ft span{
    padding: 0 12px;
  }
  .m-ft p{
    margin-bottom: 0px;
  }


  .m-ft-phone{   
      display: none;
  }
  .m-ft{   
      display:block;
  }
  

@media (max-width:768px) {

.m-ft-phone{   
  display: block;
}
.m-ft{   
  display:none;
}


.m-ft-phone{
      padding: 0;
      color: #626262;
      overflow: hidden;
      background-color: #333;
  }

  .m-ft-phone p{
      margin:0px;
  }

  .m-ft-phone a{
        width: 33.33333%;
        display: block;
        float: left;
        text-align: center;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        color: #aaa;
        vertical-align:center;
  }


  .m-ft-phone .fnav-phone{
    background-color: #444;
    overflow: hidden;
  }

  .m-ft-phone .cp-phone {
        text-align: center;
        font-size: 12px;
        color: #999;
        background-color: #333;
        height: 40px;
        line-height: 40px;
    }

}



/*--TIP--*/
h8{
  background-color: #00bdd9;
}
p.tip{
  max-width: 900px;
  margin:0 auto;
  margin-top: 50px;
  font-size:16px;
  line-height:28px;
  color:#FFFFFF;
  text-indent:0em;
  white-space:normal;
  overflow-wrap:break-word;
  word-wrap: break-word; 
}
    

@media (max-width:768px) {
  p.tip{
      width: 98%;
      margin:0 auto;
      margin-top:30px;
      font-size:1.4rem;
      line-height:2rem;
  }
 
}



/*RIGHT*/
.m-sider {
  width:220px;
  position: fixed;
  bottom: 100px;
  right:10px;
  background-color:#00a5bd;
  z-index:999999;
}
  .m-sider .side0 {
    width:220px;
    height:55px;
    overflow:hidden;
  }
  .m-sider .side1 {
    width: 220px;
    height: 105px;
    padding: 20px;
     background: url("../img/side_im1.jpg") no-repeat center center;
  }
    .m-sider .side1 h4 {
      font-size: 20px;
      text-align: left;
      font-weight: bold;
      line-height: 26px;
      color: #ffffff;
      margin-top: 10px;
    }
  .m-sider .side2 {
    width:220px;

    padding:20px 18px;
  }
  .m-sider .side2 h6 {
    font-size:18px;
    color:#ffffff;
    margin:0;
    padding:0;
    font-weight:400;
    line-height: 26px;
    display:block;  
  }
  .m-sider .side2 h6 a  {
    font-size:18px;
    color:#ffffff;
    margin:0;
    padding:0;
    font-weight:400;
    line-height: 24px;
    display:block;  
    text-decoration:none;
  }
  .m-sider .side2 .line{
    height:0px;
    width:180px;
    margin-top:13px;
    margin-bottom:13px;
    border-bottom:1px dashed #ffffff;  
    }

@media (max-width:768px) {
  .m-sider{
      display: none;
  } 
}


.source{
  color:#cbcbcb;
  width: 1000px;
  display: block;
  margin:0 auto;
  font-size: 14px;
  line-height: 14px;
  padding: 10px;
  text-align: center;
  margin-bottom: 10px;
}

@media (max-width:768px) {
  .source{
      width: 100%;
      line-height: 1.6rem;
      font-size: 1.1rem;
      margin-bottom: 0px;
      background-color: #001528;
      padding: 10px;
  }
 
}


.edit{
  width: 660px;
  height: 40px;
  font-size: 16px;
  color: #ffffff;
  margin:0 auto;
  text-align: left;
  font-weight: 400;
}

@media (max-width:768px) {
  .edit{
      width: 100%;
      padding-left:5%;
      padding-right: 5%;
      height: 60px;
      margin:0 auto;
      line-height: 1.8rem;
      font-size: 1.4rem;
      padding-top: 10px;
      padding-bottom: 5px;
      text-align: center;
  }
 
}