html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,del,em,img,q,dl,dt,dd,ol,ul,li,tfoot {border: 0;vertical-align: baseline;font: normal 12px Arial,"Microsoft Yahei",sans-serif;}
html {font-size: 62.5%;}
html, body { height: 100%; margin: 0; padding: 0; width: 100%; }
html, body, * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
body {height: 100%;margin: 0;padding: 0;}
div,p { word-break: break-all;margin:0;}
*{ border-collapse: collapse; }
a {overflow: hidden;color: #000;text-decoration: none;word-break: break-all;}

.cl {
   clear: both;
   display: block;
   height: 0;
   font-size: 0;
   line-height: 0;
}
.nav_box {
   position: relative;
   height: 100%;
   width: 100%;
}
.roll {
   width: 100%;
   height: 100%;
   margin:0 auto;
}
.top_right_menu{
   position: absolute;
   padding-top: 16px;
   top: 0px;
   right: 0px;
   background: url('../images/icon/openqr.png') no-repeat;
   width: 35px;
   height: 40px;
   background-size:23px;
   display: block;
   background-position: 0px 15px;
   z-index:9999999;
}
.tip {
   position:absolute; 
   width:240px;
   z-index:999999;
   margin-left: -120px;
   margin-top: 80px 
}
.tips{
   background-color: rgb(255, 255, 255) !important;
   border-radius: 5px;
   margin: 0 auto;
   width: 100%;
   z-index: 4;
   width: 160px;
   position: fixed;
   left: 50%;
   margin-left: -80px;
   top: 50%;
   margin-top: -144px;
}
.tips img {
   width:100%;
}
.tips .qr_close {
   position: absolute;
   width: 33px;
   height: 33px;
   right: -15px;
   top: -18px;
   background: url('../images/c.png') no-repeat;
   background-size: 100% 100%;
   z-index:999999;
}
.contact_link{
   background: #f5f5f5 url('../images/d.png') no-repeat;
   display: block;
   width: 160px;
   margin-left: -6px;
   margin-top: 5px;
   height: 45px;
   line-height: 45px;
   margin-bottom: -8px;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   background-size: 18px;
   background-position: 8px 12px;
   font-size: 16px;
   border-top: 1px solid #eee;   
}
.content {
   position: absolute;
   z-index: 2;
   top:23px;
   left:20px;
   width: 50%;
   min-width: 120px;
}
.container {
   width: 100% !important;
}
#cli_content .grid.fluid {
   width: 100%;
   height: 100%;
}
#cli_content .grid {
   margin-top: 4px;
}
#cli_content .grid .row {
   display: block;
   height: 100%;
}
#cli_content .grid .row:before, #cli_content .grid .row:after {
   display: table;
   content: "";
}
#cli_content .grid.fluid .row [class*="span"]:first-child {
   margin-left: 0;
}
#cli_content .grid.fluid .row [class*="span"] {
   margin-left: 2.5%;
   float: left;
}
#cli_content .grid.fluid .row .span4 {
   width: 48% !important;
   height: 100%;
   border-radius: 3px;
}
#cli_content .bg-amber {
   background-color: #f0a30a !important;
}
#cli_content .span4, #cli_content .size4 {
   width: 100% !important;
}
#cli_content .padding5 {
   padding: 5px;
}
#cli_content .text-center {
   text-align: center;
}
#cli_content .fg-white {
   color: #ffffff !important;
}
.header_block {
   position:absolute;
   bottom:0;
   left:0;
   width: 100% !important;
   margin:0 0 -10px 10px;
}
.header_block h1 {
   font-size: 1.4rem;
   line-height: 1.2rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
   display: block;
   width: 50%;
   padding: 8px;
}
#cli_content h2 {
   color: #000000;
   letter-spacing: 0.00em;
   font-size: 1.2rem;
   margin:0;
   margin-bottom:10px;
   text-overflow:ellipsis;
   white-space:nowrap;
   overflow:hidden;
}
.bg { 
   background-color: rgba(0, 0, 0,0.2)  !important;
}
.grid_link { 
   display:block;
   height: 100%;
}
.icon_afatra{
   background:url('../images/icon/afatra.png') no-repeat center;
}
.icon_album{
   background:url('../images/icon/album.png') no-repeat center;
}
.icon_audio{
   background:url('../images/icon/audio.png') no-repeat center;
}
.icon_cite{
   background:url('../images/icon/cite.png') no-repeat center;
}
.icon_clsdir{
   background:url('../images/icon/clsdir.png') no-repeat center;
}
.icon_code{
   background:url('../images/icon/code.png') no-repeat center;
}
.icon_contact{
   background:url('../images/icon/contact.png') no-repeat center;
}
.icon_daohang{
   background:url('../images/icon/daohang.png') no-repeat center;
}
.icon_fav{
   background:url('../images/icon/fav.png') no-repeat center;
}
.icon_file{
   background:url('../images/icon/file.png') no-repeat center;
}
.icon_intera{
   background:url('../images/icon/intera.png') no-repeat center;
}
.icon_links{
   background:url('../images/icon/links.png') no-repeat center;
}
.icon_rich_text{
   background:url('../images/icon/rich_text.png') no-repeat center;
}
.icon_share{
   background:url('../images/icon/share.png') no-repeat center;
}
.icon_sms{
   background:url('../images/icon/sms.png') no-repeat center;
}
.icon_vcard{
   background:url('../images/icon/vcard.png') no-repeat center;
}
.icon_video{
   background:url('../images/icon/video.png') no-repeat center;
}
.icon_weixin{
   background:url('../images/icon/weixin.png') no-repeat center;
}
.icon {
   display: block; 
   position: absolute; 
   top: 50%; 
   left: 50%; 
   margin-left: -15px; 
   margin-top: -19px;
   width:30px; 
   height:38px;
   background-size: 24px 30px;
}
/*焦点图样式*/
.line { 
   width:120px;
   position:absolute; 
   top:266px; 
   right:10px;
   text-align:center; 
   cursor:pointer;
   z-index:1;
}
.line li {
   margin:0; 
   width:6px; 
   height:6px; 
   border-radius:8px; 
   padding:0; 
   background:#fff;
   box-shadow: 1px 1px 3px #5B5B5B;
   display:inline-block; 
   list-style-type:none; 
   margin:0 4px;
}
.line .on { 
   background:#a0a0a0;
}a{}