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

@font-face
{
	font-family: DTLNobelT;
	font-weight: bold;
	src: url('../assets/DTLNobelT-Bold.otf');
}

@font-face
{
	font-family: DTLNobelT;
	src: url('../assets/DTLNobelT.otf');
}

html{
	font-size:10px;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	box-sizing: border-box;
	font-family: sans-serif;
}

body, html{
	width:100%;
}

body{
	font-family: Arial, sans-serif;
	font-size: 62.5%;
	background: #fff;
}

body a{
	color:#333;
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

body a:hover{
	text-decoration:none;
}

img{border:none;}

a:-webkit-any-link{
	text-decoration:none;
}

ul, li{
	list-style:none;	
}

h1, h2, h3{
	font-family: 'DTLNobelT', Helvetica Neue, Arial, sans-serif;
	font-weight: bold;
	margin-top:0;
}

h1{
	font-size: 5.6rem;
}

h2{
	font-size: 3.2rem;
	line-height: 3.4rem;
}

h3{
	font-size: 2.2rem;
	line-height: 2.4rem;
}

#story .container{
	max-width:970px;	
}

#story .footer-web .container{
	max-width:1170px;	
	margin-top: 2rem;
}

.site-header{
	width:100%;
	height:4.8rem;
	line-height:4.8rem;
	-webkit-transition: all .2s ease-in-out;
	transition:all .2s ease-in-out;
	position:fixed;
	top:0px;
	left:0px;
	z-index:100;
}

.site-header-container{
	position:relative;	
}

.site-header-container .glyphicon{
	font-size:2.4rem;
}

.site-header-containe .glyphicon-menu-search{
	margin-left:5.6rem;
}

.site-header-transparent{
	background:url(../assets/superlede_top_shadow.png) repeat-x left bottom;
	background:-webkit-linear-gradient(top,rgba(0,0,0,.65),transparent 90%);
	background:linear-gradient(180deg,rgba(0,0,0,.65),transparent 90%);
	border-bottom:none;
}

.site-header-logo img, .site-header-logo-transparent img{
	height:4rem;
	vertical-align:middle;
}

.site-header-transparent a .glyphicon{
	color:#fff;
}

.site-header-menu{
	float:left;	
}

.site-header-logo, .site-header-logo-transparent{
	position:absolute;
	left:50%;
	margin-left:-4.5rem;
}

.site-header-logo-transparent, .site-header-transparent .site-header-logo{
	display:none;
}

.site-header-transparent .site-header-logo-transparent{
	display: block;
}

.site-header-user, .site-header-search{
	float:right;
}

.site-header-menu a, .site-header-user a, .site-header-search a{
	position:absolute;
	width:4.8rem;
	height:4.8rem;
	line-height:4.8rem;
	display:inline-block;
	vertical-align:middle;
	text-align: center;
	padding-top: 0.6rem;
	cursor:pointer;
	z-index:100;
}

.user-profile{
	display:inline-block;
	width:3.2rem;
	height:3.2rem;
	margin-top: 0.4rem;
	border-radius:1.6rem;
	-moz-border-radius:1.6rem;
	-webkit-border-radius:1.6rem;	
	border:solid 1px #ddd;
}

.menu-bar{
	font-family: Arial, sans-serif;
	font-size:20px;
}

#home .menu-bar, #home .nav-tools, #home .nav-search-box, #special .menu-bar, #special .nav-tools, #special .nav-search-box{
	display:none;
}

#home .show-menu, #special .show-menu{
	display:block;
	cursor:default;
}

.nav-tools{
	transition:none;	
}

.nav-tools-bg{
	background:#f1f1f1;	
}

.nav-box{
	display:none;
}

#home .site-header.site-header-hover .nav-tools.nav-tools-bg .nav-box,
#home .site-header.site-header-focus .nav-tools.nav-tools-bg .nav-box,
#special .site-header.site-header-hover .nav-tools.nav-tools-bg .nav-box,
#special .site-header.site-header-focus .nav-tools.nav-tools-bg .nav-box {
    display:block;
}

.nav-search-box{
	position:absolute;
	top:4.8rem;
	width:500px;
	height:5.5rem;
	line-height:5.5rem;
	padding:0 10px;
	background:#f1f1f1;	
	z-index:0;
	text-align:left;
}

.nav-box .input-search{
	display:inline;
	border:none;
	width:380px;
	height:3.6rem;
	line-height:3.6rem;
	font-size:15px;
	padding:0 10px;
	vertical-align:middle;
}

.nav-search-box .btn-search{
	display:inline-block;
	width:100px;
	height:3.6rem;
	line-height:3.6rem;
	font-family: 'DTLNobelT', Helvetica Neue, Arial, sans-serif;
	font-size:15px;
	color:#fff;
	text-align:center;
	background:-moz-linear-gradient(left,#3d4998,#6f3f94);	
	background:-webkit-linear-gradient(left,#3d4998,#6f3f94);	
	cursor:pointer;	
	vertical-align:middle;
}

.nav-mail-box{	
	position:absolute;
	top:4.8rem;
	right:0;
	width:500px;
	height:5.5rem;
	line-height:5.5rem;
	padding:0 10px;
	background:#f1f1f1;	
	z-index:0;
	text-align:left;
}

.nav-mail-box img{
	height:3.6rem;	
	vertical-align:middle;
}

.nav-mail-box .input-newsletter, .nav-mail-box .input-code{
	display:inline;
	border:none;
	height:3.6rem;
	line-height:3.6rem;
	font-size:15px;
	padding:0 10px;
	vertical-align:middle;
}

.nav-mail-box .input-newsletter{
	width:270px!important;
	margin-right:1px;
}

.nav-mail-box .input-code{
	width:76px;
	margin-right:1px;
}

.nav-mail-box-tips{
	display:none;
	color:#7e439f;	
	text-align:center;
}

.nav-mail-box-tips h4{
	display:inline;
}

.nav-mail-box-tips .icon{
	display:inline-block;	
	background:#7e439f;	
	width:40px;
	height:40px;
	text-align:center;
	line-height:36px;
	border-radius:18px;
	-webkit-border-radius:18px;
	-moz-border-radius:18px;
	-ms-border-radius:18px;
	margin:0 10px;
}

.nav-mail-box-tips .glyphicon-ok, .nav-mail-box .glyphicon-send, .menu-mail-box .glyphicon-send{
	font-size:15px;
	color:#fff;
}

.nav-mail-box .btn-subscribe{
	display:inline-block;
	width:3.6rem;
	height:3.6rem;
	line-height:3.6rem;
	font-size:15px;
	text-align:center;
	margin:0;
	background:-moz-linear-gradient(left,#3d4998,#6f3f94);	
	background:-webkit-linear-gradient(left,#3d4998,#6f3f94);	
	vertical-align:middle;
	cursor:pointer;	
}

.menu-mail-box{
	padding:1rem 2rem;	
	font-size:15px;
	background:#efefef;
}

.menu-mail-box input{
	display:inline-block;
	border:none;
	font-size:15px;
	height:3.6rem;
	padding:0 10px;
}

.menu-mail-box .input-newsletter{
	width:232px;
	height:3.6rem;
	line-height:3.6rem;	
}

.q-code{
	width:232px;
	margin:1rem 0px!important;	
}

.q-code img{
	height:3.6rem!important;	
}

.q-code input{
	width:100px;	
	margin-right:1px;
	height:3.6rem;
	line-height:3.6rem;
}

.menu-mail-box-tips{
	display:none;
	text-align:center;
	padding:20px 0;
	color:#7e439f;	
}

.menu-mail-box-tips .icon{
	background:#7e439f;	
	width:36px;
	height:36px;
	text-align:center;
	line-height:36px;
	border-radius:18px;
	-webkit-border-radius:18px;
	-moz-border-radius:18px;
	-ms-border-radius:18px;
	margin:0 auto;
}

.menu-mail-box .btn-subscribe{
	display:inline-block;
	width:3.6rem;
	width:3.6rem;
	line-height:3.6rem;
	text-align:center;
	background:-moz-linear-gradient(left,#3d4998,#6f3f94);	
	background:-webkit-linear-gradient(left,#3d4998,#6f3f94);	
	cursor:pointer;	
}

.menu-mail-box-tips .glyphicon-ok{
	font-size:15px;
	color:#fff;
}

.menu-mail-box-tips h4{
	font-size:18px;
}

.mail-error{
	box-shadow: 0 0 6px #c12929; 
	border:1px solid #c12929;	
	-webkit-animation-name: redPulse;
	-webkit-animation-duration: 3s
}

@-webkit-keyframes redPulse {
  from { -webkit-box-shadow: 0 0 6px #c12929; }
  50% { -webkit-box-shadow: 0 0 18px #e33100; }
  to { -webkit-box-shadow: 0 0 6px #c12929; }
}

.menu-bar{
	margin:0 30px;	
}

.menu-bar .col{
	padding-right:8%;
	padding-left:8%;
}

.menu-bar .mu{
	float:left;
	width:33.33%;
	text-align:center;
}

.menu-bar .mu a{
	display:block;
	font-size:18px;
	transition:none;
}

.menu-bar .mu .glyphicon{
	font-size:14px;
}

.site-header-transparent .menu-bar .mu a{
	color:#fff;
}

.site-header .menu-bar .mu ul{
	position:relative;
	top:-1px;
	width:100%;
	z-index:9999;
}

.site-header .menu-bar .mu ul li a{
	color:#333;
	transition:none;
}

.menu-bar .mu ul{
	display:none;
	background:#fff;
	width:100%;
	margin:1px auto;
	padding:0;
	font-size:18px;
	box-shadow: 0px 1px 12px #ccc;
}

.menu-bar .mu ul li a{
	color:#333;
	text-align:center;
	border-bottom:solid 1px #eaeaea;
	display:block;
}

.mu a:hover, .menu-bar .mu ul li a:hover{
	background:#da1c5c;
	color:#fff;
	transition:none;
}

.superlede-video{
	text-align:center;
}

.superlede{
	position:relative;	
	width:100vw;
	height:68rem;
	height:80rem\0;
	margin-bottom:3rem;
}

.superlede-cover{
	width:100%;
	height: 100%;
	display:block;
}

#myCarousel{
	height:68rem;
	overflow:hidden;
}

#myCarousel .carousel-inner, #myCarousel .carousel-inner .item{
	width:100%;
	height:100%;
}

.superlede-cover-m{
	width:100%;
	height: 100%;
	display:none;
}

.superlede-bg-transparent{
	width:100vw;
	height:30rem;
	background:url(../assets/superlede_bottom_shadow.png) repeat-x left bottom;
	background:-webkit-linear-gradient(top,rgba(0,0,0,.75),transparent 90%);
	background:linear-gradient(0deg,rgba(0,0,0,.75),transparent 90%);
	position:absolute;
	bottom:0;	
}

.superlede-info{
	position:absolute;
	bottom:0;
	width:100vw;
	padding:0 16rem;
	text-align: center;
}

.superlede h1{
	color:#fff;	
	margin-bottom: 2rem;
}

.superlede h1.topic{
	margin-bottom: 0rem;
}

.superlede .dash-line{
	width:30rem;
	height:1px;
	border-bottom: solid 1px #ccc;
	margin:3rem auto 4rem auto;
}

.superlede .brief{
	width:65%;
	font-size:1.7rem;
	color:#eaeaea;
	margin:0 auto 6rem auto;
}

.superlede .category{
	font-size: 1.6rem;
	color:#bbb;
	margin-bottom: .8rem;
}

.superlede .story-info{
	font-size: 1.6rem;
	font-weight: bold;
	color:#bbb;
	margin-bottom: 3rem;
}

.story-info span{
	text-transform:uppercase;	
}

h1.m-top-title a, .m-top-auxi{
	display:none;	
}

.tag-wrapper-supper{
	position:absolute;
	left:1rem;
	bottom:.6rem;
}

.tag-wrapper-supper .glyphicon{
	font-size:2.4rem;
	color:#bbb;	
	margin:0 .8rem;
}

.superlede a:hover h1, .top-story a:hover h3, .list-story a:hover h2{
	color:#da1c5c;	
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

.carousel-inner img{
	width:100%;	
}

/* story normal/top style */
.top-story .top-card-thumb{
	position:relative;
	width:100%;
}

.top-story img{
	width:100%;
}

.category{
	font-size:1.4rem;
	font-weight:bold;
	text-transform:uppercase;
	color:#999;
	margin:.8rem auto;
}

.category a{
	color:#777;
}

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

.special .category{
	color:#da1c5c;
}

.summary{
	margin:1rem auto;
	font-size:1.5rem;	
	color: #111;
}

.story-info{
	color:#999;
	font-size: 1.4rem;
	margin-bottom:2.4rem;	
}

.special-tag{
	background:#da1c5c;
	color:#fff;
	font-weight:bold;
	font-size:1.2rem;	
	text-transform:uppercase;
	text-align: center;
	margin:1rem 0;
	width:6rem;
}

.tag-wrapper{
	position:absolute;
	left:0;
	bottom:0;
	padding-top:.2rem;	
	background:#fff;
	background:rgba(255, 255, 255, 1) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
    filter:alpha(opacity=100);
    -moz-opacity:1; 
}

.tag-wrapper .glyphicon{
	font-size:2rem;
	color:#111;
	margin:0 .8rem;
}

.footer-web .container{
	margin-top:2rem;
}

#list body, #story body{
	margin-top:7rem;
}

.root .category-title h1{
	text-align: center;
	margin:1rem auto 2.4rem auto;
}

.overlay-show{
	position:fixed;
	left:0;
	top:0;
	bottom:0;
	right:0;
	display:none;
	width:100%;
	height:100%;
	background:#000;
	opacity:.55;	
	cursor:pointer;
	z-index: 199;
}

/* story list style */
.list-story{
	padding:2rem 0;
	border-bottom: solid 1px #ccc;		
}

.list-story .list-card-thumb{
	position:relative;
	float:left;
	width:42%;
/*	margin-right:2.4rem!important;
	margin-right:-9.6rem\0;*/
}

.list-story .list-card-thumb img{
	width:100%;
}

.list-story .list-card-text{
	float:right;	
	width:55%;
}

/* author list style */
.author-cover{
	width:100vw;
	height:48rem;
	background:#f9f9f9;
	text-align: center;
	padding-top: 13rem;
	margin-bottom: 1rem;
}

.author-cover .photo{
	width:16rem;
	height: 16rem;
	margin: 0px auto;
	border:solid 1px #ccc;
	border-radius:16rem;
	-moz-border-radius:16rem;
	-webkit-border-radius:16rem;
}

.author-cover h1{
	margin: 2.4rem auto 1.8rem auto;
}

.author-cover .title{
	font-family: 'DTLNobelT', Helvetica Neue, Arial, sans-serif;
	font-size: 2.4rem;
	color:#999;
	margin: 1rem auto;
}

.contacts-wrapper{
	margin:1.8rem auto;
}

.contacts-wrapper .glyphicon{
	font-size:2.1rem;
	margin: 0px 1rem;
	cursor: pointer;
}

/* footer style */
.footer{
	display:none;
	text-align:center;
	border-top:solid 1px #ccc;
	padding:1.8rem 0px;	
}

.footer-logo{
	margin:.8rem auto;
}

.footer-info p{
	color:111;
	font-size:1.6rem;
	margin:1.2rem auto;
	text-align:center;
}

.footer-web{
	font-family: Arial, Helvetica, sans-serif;
} 

.site-map{font-family: Arial, Helvetica, sans-serif;padding-bottom:20px;}

.site-map h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #da1b5c;
}

.site-map .category{
	text-transform:none;
	padding:0;
}

.site-map h3, .site-map h3 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333;
}

.site-map p{
	margin:20px 0;
}

.site-map p a{
	font-size: 14px;
	font-weight:normal;
	color: #666;
}

.site-map h3 a:hover, .site-map p a:hover{
	color: #da1b5c;
	text-decoration:none;
}

.site-map .platform-group{padding:8px 0;}

.site-map .platform-group a{
	width:24px;
	float:left;
	margin-right:15px;
}

.site-map .platform-group .fb{
	background:url(../assets/facebook-24.svg) no-repeat center center;
	background-size:contain;
	height:24px;
}
.site-map .platform-group .twitter{
	background:url(../assets/twitter-24.svg) no-repeat center center;
	background-size:contain;
	height:24px;
}
.site-map .platform-group .instagram{
	background:url(../assets/instagram-24.svg) no-repeat center center;
	background-size:contain;
	height:24px;
}
.site-map .platform-group .wechat{
	background:url(../assets/wechat-24.svg) no-repeat center center;
	background-size:contain;
	height:24px;
}
.site-map .platform-group .weibo{
	background:url(../assets/weibo-24.svg) no-repeat center center;
	background-size:contain;
	height:24px;
}

.site-map .platform-group .fb:hover{
	background:url(../assets/facebook-24-hover.svg) no-repeat center center;
	background-size:contain;
	height:24px;
}
.site-map .platform-group .twitter:hover{
	background:url(../assets/twitter-24-hover.svg) no-repeat center center;
	background-size:contain;
	height:24px;
}
.site-map .platform-group .instagram:hover{
	background:url(../assets/instagram-24-hover.svg) no-repeat center center;
	background-size:contain;
	height:24px;
}
.site-map .platform-group .wechat:hover{
	background:url(../assets/wechat-24-hover.svg) no-repeat center center;
	background-size:contain;
	height:24px;
}
.site-map .platform-group .weibo:hover{
	background:url(../assets/weibo-24-hover.svg) no-repeat center center;
	background-size:contain;
	height:24px;
}

.site-map .footer-search-box{position:relative;margin-top:20px;}

.site-map .footer-search-box input.search{
	width:160px;
	height:3.6rem;
	line-height:3.6rem;
	font-size:1.6rem;
	font-weight:normal;
	color:#da1c5c;
	padding:0 1rem;
	border: solid 1px #dedede;
	text-transform:none;
	-webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
}

.site-map .footer-search-box .glyphicon-search{
	position:absolute;
	top:4px;
	right:4px;
	line-height:3.2rem;
	line-height:3.6rem\0;
	font-size:2.2rem;
	color:#999;
	text-align: center;
	padding:0 1rem;
	cursor:pointer;	
}

.site-map .footer-search-box .glyphicon-search:hover{
	color:#111;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

.footer-web-info{padding:0px 20px;}

.footer-web-info, .footer-web-info a{
	font-size:16px;
	line-height:22px;
	color:#fff;	
	margin:18px auto;
}

.footer-web-info a:hover{
	color:#111;	
}


#story .footer-web .category{
	text-align:left;	
}

/* advert style */
.top-ad-box{
	background:#efefee;
	text-align:center;
	padding-bottom:.8rem;
}

.top-ad-box img{
	width:26rem;
	border:solid 1px #ccc;
	margin-top:2rem;
}

.top-ad-banner{
	width:100%;
	margin-bottom:2.4rem;	
}

.list-ad-banner{
	width:100%;
	margin:2rem auto;	
}

#story .advert{
	margin:2rem 0;
}

.tag-ad{
	font-size:1.2rem;
	color:#bbb;
	text-align:center;
	text-transform:uppercase;
	margin-top:.8rem;
}

/* nav menu style */
.navbar{
	position:fixed;
	top:0px;
	height:100%;
	background:#da1c5c;	
	border:none; 
	z-index:999;
	display:none;
}

.navbar .nav-content{
	font-family: 'DTLNobelT', Helvetica Neue, Arial, sans-serif;
	overflow:auto;
	margin-left:-40px;
	touch-action: pan-y; 
	user-select: none; 
	-webkit-user-drag: none; 
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.navbar{background:#da1c5c;}

.navbar ul li{
	position:relative;
	background:#f9f9f9;
	border-bottom:solid 1px #ccc;
}

.navbar ul li a{
	display:block;
	font-size:2rem;
	height:4.4rem;
	line-height:4.4rem;
	padding:0px 2rem;
	color:#8a8a8a;
}

.navbar ul li a.auxi{
	color:#555;
	font-size:1.7rem;
	background:#efefef;
}

.navbar ul li a:hover{
	color:#da1c5c;
}

.navbar ul li a.auxi:hover{
	color:#da1c5c;
}

.navbar ul.sub-category{
	margin-left: -40px;
	display:none;
}

.navbar ul.sub-category li a{
	font-size: 1.7rem;
	padding-left: 4rem;
	background:#f1f1f1;
}

.navbar ul li.category-option a{
	font-size:1.7rem;
	color:#555;
}

.navbar ul li.category-option a .glyphicon:before{
	font-size:1.9rem;
	color:#555;
	margin:1rem;
}

.navbar ul.category-option li a:hover{
	color:#da1c5c;
}

.navbar ul li span.tag-more{
	position:absolute;
	top:0px;
	right:1.8rem;
	font-size:2.2rem;
	color:#aaa;
	width:4.4rem;
	line-height:4.4rem;
	text-align: center;
	display:block;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

.navbar ul li span.glyphicon-link{
	position:absolute;
	top:0px;
	right:1rem;
	font-size:1.6rem;
	color:#aaa;
	width:4.4rem;
	line-height:4.4rem;
	text-align: center;
	display:block;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

.navbar ul li span.tag-more:hover{
	cursor:pointer;
	color:#777;
}
.navbar li.about{
	background:#da1c5c;
	padding:1.8rem 0 10rem 0;
	border-bottom:none;
	background:url(../assets/ic_tag.png) no-repeat 2.4rem bottom;
	background-size:68%;
}
.navbar li.about p{margin:0px;}
.navbar li.about p a{
	font-size:1.5rem;
	color:#fff;	
	height:3.6rem;
}
.navbar li.about p a:hover{
	color:#111;	
}

input::-ms-clear, input::-ms-reveal{
     display: none;  
}

input:focus {
	outline: none;
}

.search-box{
	position:relative;
}

.search-box input.search{
	width:100%;
	height:8rem;
	line-height:8rem;
	font-size:5.6rem;
	font-weight:bold;
	color:#da1c5c;
	padding:0 1rem;
	border:none;
	text-transform:none;
	-webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
}

.search-box .glyphicon-search{
	position:absolute;
	top:0;
	right:1rem;
	line-height:8.4rem;
	line-height:9rem\0;
	font-size:3.6rem;
	color:#999;
	text-align: center;
	padding:0 1rem;
	cursor:pointer;	
	transition:0.5s all;	
}

.search-box .glyphicon-search:hover{
	color:#111;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

.search-result{
	width:100%;
	font-size:3.6rem;
	font-weight:bold;
	color:#bebebe;
	text-align:center;	
	margin:1rem auto;
}

.search-result-none{
	width:100%;
	font-size:4.2rem;
	font-weight:bold;
	color:#bebebe;
	text-align:center;	
	margin:12rem auto;
	display:none;
}

.navbar input.search{
	position:relative;
	height:3rem;
	line-height:3rem;
	height:6rem\0;
	line-height:6rem\0;
	width:70%;
	font-size:1.8rem;
	color:#da1c5c; 
	margin: 1rem 0 1rem 2.4rem;	
	margin: 0 0 0 2.4rem\0;	
	border:none;
	background:#f9f9f9;
	-webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
}

.navbar .glyphicon-search{
	position:absolute;
	right:1.6rem;
	right:1rem\0;
	top:0;
	width: 5.2rem;
	height: 5.2rem;
	line-height:5.2rem;
	width: 6rem\0;
	line-height:6rem\0;
	font-size:2rem;
	color:#777;
	text-align: center;
	cursor:pointer;	
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

.navbar .glyphicon-search:hover{
	color:#777;	
}

.nav-close-bar{
	border-bottom:solid 1px #ccc;
	background:#f9f9f9;
}
.nav-close-bar .btn-close{
	color: #aaa;
	cursor:pointer;
	float:right;	
	width:5.4rem;
	height:5.4rem;
	line-height:5.4rem;
	width:6rem\0;
	height:6rem\0;
	line-height:6rem\0;
	text-align:center;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

.navbar .btn-close:hover{
	color:#777;
}

.nav-close-bar .btn-close span{
	font-size:1.6rem;
}

/* story detail style */
#story h1{
	font-size:4.2rem;
	line-height:5rem;
	margin:1rem 0;	
	text-align:center;
}

#story .category{
	text-align:center;	
}

#story .author, #story .story-info{
	font-size:1.4rem;
	color:#ccc;
	text-align:center;
	margin-top: 1.2rem;
}

#story .story-info{
	font-family:Arial, Verdana, sans-serif;
	margin:2rem auto;
}

#story .story-info-bottom{
	font-family:Arial, Verdana, sans-serif;
	font-size:1.6rem;
	color:#777;
	margin:3rem auto;
}

#story .author a, #story .story-info a{
	color:#777;
}

#story .author a:hover, #story .story-info a:hover{
	text-decoration:underline;
}

#story .author .photo{
	display:inline-block;
	width:3.6rem;
	height: 3.6rem;
	vertical-align:middle;
	margin-right:.5rem;
	border-radius:4.2rem;
	-moz-border-radius:4.2rem;
	-webkit-border-radius:4.2rem;
}

#story .author .name{
	display:inline-block;
	font-size:1.4rem;
	line-height:2rem;
	vertical-align:middle;
}

#story .source-info{text-align:center;}

#story .source-info .photo{
	display:inline-block;
	width:3.6rem;
	height: 3.6rem;
	border-radius:4.2rem;
	-moz-border-radius:4.2rem;
	-webkit-border-radius:4.2rem;
}

#story .source-info .name{
	display:block;
	font-size:1.6rem;
	color:#777;
}

#story .column{
	font-family:Arial, Verdana, sans-serif;
	font-size:1.4rem;
	color:#777;	
	text-align:center;
	background:#f7f7f7;
	margin:2rem 0px;	
}

#story .column img{
	display:inline-block;
	vertical-align:middle;
	margin:1rem 1.4rem 1rem 0;
}

#story .column a{
	font-family:Arial, Verdana, sans-serif;
	color:#777;
}

#story .column .add-col{
	vertical-align:middle;
	margin:1rem 0 1rem 1rem;
	width:4rem;
	height:4rem;
	background:url(../assets/btn-add.png) no-repeat left top;
	background-size:cover;	
	cursor:pointer;
	display:none;
}

#story .column a:hover .title, #story .author .name:hover {
	color:#da1c5c;	
}

#story .column a:hover .brief {
	color:#777;	
}

#story .column .title {
	display:inline-block;
	vertical-align:middle;
	margin:1.8rem auto;
	font-size:1.8rem;
	font-weight:bold;
	text-align:left;
}

#story .column a .brief{
	font-size:1.4rem;
	font-weight:normal;
}

#story .content{
	font-family:Georgia;
	margin-bottom:4rem;
}

#story .content p{
	margin:20px 0;
	font-size:18px;
	line-height:26px;
}

#story .pix-wrapper{
	position:relative;	
}

#story .pix-wrapper .source{
	position:absolute;
	left:0;
	bottom:0;
	color:#fff;
	font-family:Arial, Verdana, sans-serif;
	font-size:1.5rem;
	padding:.4rem .8rem;
	background:#111;
	filter:alpha(opacity=60);  
	-moz-opacity:0.6;  
	-khtml-opacity: 0.6;  
	opacity: 0.6;  
}

#story .content .caption{
	font-family: Arial, sans-serif;
	font-size:14px;
	line-height:22px;
	font-weight:bold;
	margin:1rem 0 3rem 0;
}

body .platform-group{
	padding:0 1rem;
	height:3rem;
}

body .platform-group a{
	width:2.4rem;
	float:left;
}

body .platform-group .fb{
	background:url(../assets/facebook.svg) no-repeat center center;
	background-size:contain;
	height:2.4rem;
}
body .platform-group .twitter{
	background:url(../assets/twitter.svg) no-repeat center center;
	background-size:contain;
	height:2.4rem;
}
body .platform-group .instagram{
	background:url(../assets/instagram.svg) no-repeat center center;
	background-size:contain;
	height:2.4rem;
}
body .platform-group .wechat{
	background:url(../assets/wechat.svg) no-repeat center center;
	background-size:contain;
	height:2.4rem;
}
body .platform-group .weibo{
	background:url(../assets/weibo.svg) no-repeat center center;
	background-size:contain;
	height:2.4rem;
}

body .jiathis_top{
	position:fixed;
	left:50%;
	float:left;
	margin-top:6rem;
	margin-left:500px;
	width:45px;
}

body .jiathis_bottom{ 
	display: none;
}
	
body .jiathis_style_32x32 .jtico {
	float: left;
	width: 45px!important;
	height: 45px!important;
	margin-bottom: 8px;
	padding: 0!important;
	cursor: pointer;
}

body .jiathis_style_32x32 .jtico_fb {
	background: url(../assets/ic_share_fb.png) no-repeat left top;
	background-size:cover;
}

body .jiathis_style_32x32 .jtico_fb:hover {
	background: url(../assets/ic_share_fb.png) no-repeat right top;
	background-size:cover;
	opacity:1;
}

body .jiathis_style_32x32 .jtico_twitter {
	background: url(../assets/ic_share_twitter.png) no-repeat left top;
	background-size:cover;
}

body .jiathis_style_32x32 .jtico_twitter:hover {
	background: url(../assets/ic_share_twitter.png) no-repeat right top;
	background-size:cover;
	opacity:1;
}

body .jiathis_style_32x32 .jtico_weixin {
	background: url(../assets/ic_share_wechat.png) no-repeat left top;
	background-size:cover;
}

body .jiathis_style_32x32 .jtico_weixin:hover {
	background: url(../assets/ic_share_wechat.png) no-repeat right top;
	background-size:cover;
	opacity:1;
}

body .jiathis_style_32x32 .jtico_tsina {
	background: url(../assets/ic_share_weibo.png) no-repeat left top;
	background-size:cover;
}

body .jiathis_style_32x32 .jtico_tsina:hover {
	background: url(../assets/ic_share_weibo.png) no-repeat right top;
	background-size:cover;
	opacity:1;
}

body .btn_custom_email, body .btn_custom_sms, body .btn_custom_comments, body .btn_custom_favorite {
	float: left;
	width: 45px;
	height: 45px;
	margin-bottom: 8px;
	padding: 0px!important;
	cursor: pointer;
}

/*body .btn_custom_email:hover, body .btn_custom_sms:hover, body .btn_custom_comments:hover, body .btn_custom_thumbup:hover {
	opacity: .8;
	color:#111;
}*/

body .btn_custom_email{
	background: url(../assets/ic_mail.png) no-repeat left top;
	background-size:cover;
	transition:none;
}

body .btn_custom_email:hover{
	background: url(../assets/ic_mail.png) no-repeat right top;
	background-size:cover;
	opacity:1;
	transition:none;
}

body .btn_custom_sms{
	background: url(../assets/ic_share_sms.png) no-repeat left top;
	background-size:cover;
	display:none;
}

body .btn_custom_sms:hover{
	background: url(../assets/ic_share_sms.png) no-repeat right top;
	background-size:cover;
	display:none;
}

body .btn_custom_comments{
	background: url(../assets/ic_comments.png) no-repeat left top;
	background-size:cover;
	transition:none;
}

body .btn_custom_comments:hover{
	background: url(../assets/ic_comments.png) no-repeat right top;
	background-size:cover;
	opacity:1;
	transition:none;
}

body .btn_custom_favorite{
	background: url(../assets/ic_favorites.png) no-repeat left top;
	background-size:cover;
	transition:none;
}

body .btn_custom_favorite:hover{
	background: url(../assets/ic_favorites.png) no-repeat right top;
	background-size:cover;
	transition:none;
}

.share-num{
	margin-top:1.4rem;
	margin-left:4.4rem;
	margin-left:5.2rem\0;
	font-size:1.5rem;
	font-weight:bold;
}

.mail-popup {
	position:fixed;
	left:50%;
	top:50%;
	z-index: 999;
	width: 40rem;
	padding: 1.6rem;
	margin-left:-20rem;
	margin-top:-20rem;
	background: #fff;
	font-family: Arial, sans-serif;
	display: none;
}

.mail-popup h3{
	font-size:2.4rem;
}

.mail-popup .error {
	color: #C00;
	font-size: 1.7rem;
	margin: 1rem 0;
}

.mail-popup input[type="text"] {
	width: 100%;
	color: #333;
	padding: 1rem;
	border: solid 1px #ccc;
	font-family: Arial, sans-serif;
	font-size: 1.7rem;
	margin: 1rem auto;
}

.mail-popup textarea {
	width: 100%;
	padding: 1.2rem 1rem;
	margin-top: 1rem;
	color: #333;
	font-family: Arial, sans-serif;
	font-size: 1.7rem;
}

.mail-popup .glyphicon-remove{
	float:right;
	font-size:1.8rem;
	color:#ccc;	
	cursor:pointer;
}

.mail-popup .glyphicon-remove:hover{
	color:#bbb;	
}

.mail-popup button[type="submit"] {
	width: 100%;
	background: #388ee4;
	border: solid 1px #3183d6;
	height: 4rem;
	line-height: 4rem;
	text-align: center;
	font-size: 1.8rem;
	font-weight:bold;
	color: #fff;
	margin-top: 2rem;
	cursor: pointer;
}
.mail-popup button[type="submit"]:hover {
	background: #3389df;
}

.scrollFix{
　　height: 100%;
　　overflow: hidden;
　　position: relative;
}
.scrollFix body{
　　height: 100%;
　　overflow: hidden;
}

.m-quote{
   font-size: 1.6rem;
   font-family: Arial, sans-serif;
   margin:2rem 0;
   background:#f1f1f1;
}

.m-quote .q{
   margin:1rem;
}

.m-quote-boder-left{
	float:left;
	width:4px;
	background:-moz-linear-gradient(top,#283891,#d91b5c);/*Mozilla*/
	background:-webkit-linear-gradient(top,#283891,#d91b5c);/*new gradient for Webkit*/
	background:-o-linear-gradient(top,#283891,#d91b5c); /*Opera11*/
}

.m-pub-time, .m-editor, .m-source{
	font-size:1.6rem;
	color:#777;	
	margin:.4rem 0;
}

.m-author{
	font-size:1.6rem;
	height: 4.2rem;
	line-height:4.2rem;
	margin:.4rem 0;
}

.m-author .photo{
	float:left;
	width:4.2rem;
	height: 4.2rem;
	margin-right:.4rem;
	border:solid 1px #ccc;
	border-radius:4.2rem;
	-moz-border-radius:4.2rem;
	-webkit-border-radius:4.2rem;
}

.m-pub-time .glyphicon, .m-author .glyphicon, .m-editor .glyphicon, .m-source .glyphicon{
	color:#bbb;	
}

.four-zero-four, .splash{
	height:100%;
	background:linear-gradient(left,#423591,#97287b);
	background:-moz-linear-gradient(left,#423591,#97287b);
	background:-webkit-linear-gradient(left,#423591,#97287b);	
	background:-o-linear-gradient(left,#423591,#97287b);	
}

.four-zero-four .title{
	width:100%;
	height:260px;
	background:url(../assets/404-title.png) no-repeat center top;	
}

.four-zero-four .footer-bg, .splash .footer-bg{
	width:100%;
	height:400px;
	background:url(../assets/404-footer.png) no-repeat center top;	
	border:none;
}

.splash .title{
	width:100%;
	height:260px;
	background:url(../assets/splash-title.png) no-repeat center top;
}

.splash-content{
	width:860px;
	text-align:center;	
	margin:100px auto 150px auto;
	font-family: Arial, sans-serif;
	color:#fff;
}

.splash-content h2{
	font-size:64px;
	margin:20px auto;
}

.browser-update{
	height:960px;
	background:url(../assets/update-bg.png) no-repeat center top;	
}

.update-content .header{
	width:980px;
	margin:160px auto 30px auto;
	padding-top:200px;
	background:url(../assets/logo2.png) no-repeat center top;
	color:#fff;
	text-align:center;
}

.update-content .header h2{
	font-size:42px;
	margin-bottom:60px;
}

.update-content .header p{
	font-size:24px;
	line-height:30px;
	text-align:left;
}

.update-content .header a{
	color:#fff;
	text-decoration:underline;
}

.update-content .download{
	width:1100px;	
	margin:80px auto 20px auto;
}

.update-content .item{
	float:left;
	width:20%;
	padding-top:120px;	
	text-align:center;
}

.update-content .item a{
	color:#fff;
	font-size:15px;
	line-height:28px;
}

.update-content .item a span{
	text-decoration:underline;
}

.wrapper{
	width:100%;
	height:100%;
	background:url(../assets/404-bg.png) no-repeat top center;
	background-size:cover;
}

.oo-content{
	width:860px;
	text-align:center;	
	margin:0px auto;
	font-family: Arial, sans-serif;
	color:#fff;
}

.oo-content h2{
	font-size:56px;
	font-weight:bold;
	margin-bottom:60px;
}

.oo-content .info{
	font-size:24px;	
}

.oo-content .btn-back a{
	display:block;
	font-size:22px;
	color:#fff;
	margin:50px auto;
	padding:16px 0px;
	width:240px;
	border:solid 1px #fff;
}

.about-info .container{
	padding:10px 0;	
}

.about-info p{
	font-size:20px;
	font-family:Georgia, "Times New Roman", serif;
	line-height:36px;
	margin:40px 0;
}

.about-info a, .about-info a:hover{
	color:#da1c5c;
	text-decoration:underline;
}

.about-banner{
	width:100%;
	height:570px;
	line-height:570px;
	margin-top:4.8rem;
	background:linear-gradient(left,#2a3992,#cf1d5f);
	background:-moz-linear-gradient(left,#2a3992,#cf1d5f);
	background:-webkit-linear-gradient(left,#2a3992,#cf1d5f);
	background:-o-linear-gradient(left,#2a3992,#cf1d5f);
}

.about-banner .banner-content{
	width:100%;
	height:100%;
	text-align:center;
}

.about-banner .banner-content h2{
	display:inline;
	font-size:50px;
	color:#fff;
	vertical-align:middle;
}

#barcode-wechat{
	top:90px;	
}


.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right:15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(192, 105, 27, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}

.fly_item{width:35px;height:35px;overflow:hidden;position:absolute;z-index:9999;visibility:hidden;}

#pdfModal{
	color:#333;	
	top:100px;
}

#pdfModal .modal-title{
	font-family: 'DTLNobelT', Helvetica Neue, Arial, sans-serif;
	font-size:1.8rem;
}

#pdfModal .modal-body{
	font-family: Helvetica Neue, Arial, sans-serif;	
	font-size:1.6rem;
	line-height:2.4rem;
	background:url(../images/pdf-bg.jpg) no-repeat 10px bottom;
	padding:10px 20px 150px 20px;
}
/* PDF Modal */
.appstore{display:none;}

@media only screen and (max-width: 1200px){
	.menu-bar, .site-header-menu a.nav-tools, {display:none;}
	#home .show-menu, #special .show-menu{display:none;}
	#home .superlede h1, #home .superlede .story-info, #home .superlede-bg-transparent{display:none;}
	.m-video{display:none;}
	
			
	.story h1{
		font-size:2em;
		margin:15px 0px 25px 0px;	
	}
	.list-card-thumb img{
		width:100%;
	}
	
	.list-card-thumb .tag-video{
		width:72px;
	}
	
	.footer{text-align:center;}
	.footer-info p{
		display:inline;
		float:none;	
	}
	
	body .jiathis_top{
		display:none;	
	}
	
	body .jiathis_bottom{
		width:306px;
		margin:3rem auto;
		display: block;
		text-align:center;
	}
	
	body .jiathis_style_32x32 .jtico, body .btn_custom_email, body .btn_custom_sms,  body .btn_custom_favorite{
		margin:0 8px;
	}
	
	body .btn_custom_comments{
		margin-left:8px;
		margin-right:3rem;
	}
	
	.mail-popup {
		width: 500px;
		padding: 20px;
		margin-left:-250px;
		background: #fff;
		font-family: Arial, sans-serif;
		display:none;
	}
	
	.mail-popup h3{
		font-size:3.6em;
	}
	
	.mail-popup .error {
		color: #C00;
		font-size: 2.4em;
		margin: 10px 0px;
	}
	
	.mail-popup input[type="text"], .mail-popup textarea, .mail-popup .glyphicon-remove{
		font-size: 2.4em;
	}
	
	.mail-popup button[type="submit"] {
		width: 100%;
		background: #388ee4;
		border: solid 1px #3183d6;
		height: 54px;
		line-height: 54px;
		font-size: 2.8em;
		margin-top: 20px
	}
	
	.mail-popup-close {
		position: absolute;
		right: 1px;
		top: 1px;
		cursor: pointer;
		opacity: .75;
	}
	
	.mail-popup-close:hover {
		opacity: 1;
	}
	
	.mail-popup .btn-no {
		float: right;
		width: 80px;
		color: #999;
		margin-top: 28px;
		margin-right: 8px;
		font-size: 2.4em;
		cursor: pointer;
	}
	
	.mail-popup .btn-no:hover {
		color: #aaa;
	}
	
	.link-popup {
		position: absolute;
		z-index: 999;
		width: 400px;
		height: 40px;
		padding: 5px;
		background: rgba(0, 0, 0, 0.25);
		font-family: "Segoe UI", Helvetica, Arial, sans-serif;
		display: none;
	}
	
	.link-popup input[type="text"] {
		width: 377px;
		height: 36px;
		color: #333;
		padding: 0px 10px;
		font-family: "Segoe UI", Helvetica, Arial, sans-serif;
		font-size: 16px;
		overflow: hidden;
	}
	
	.advert img{
		width:100%;	
	}
	
	.story .author-by, .story .story-info{float:none;}
}

@media only screen and (min-width: 1200px) and (max-width: 1400px){
	.menu-bar .col{
		padding-right:9%;
		padding-left:9%;
	}
	
	.menu-bar .mu a{
		font-size:16px;
	}
}

@media only screen and (max-width: 996px){
	.footer-web{display:none;}
	.footer{display:block;}
}
	
@media only screen and (min-width: 750px) and (max-width: 1200px){
	.appstore{display:none;}
	.menu-bar{
		font-size:14px;
	}
	
	.menu-bar .col{
		padding-right:11%;
		padding-left:11%;
	}
		
	.menu-bar .glyphicon{
		font-size:11px;
	}
	
	.menu-bar .mu ul{
		width:150%;
		font-size:14px;
	}
	
	#myCarousel{
		height:34rem;
		overflow:hidden;
	}

	.superlede{
		height:30rem;
		margin-bottom:0;
	}
	
	#special .superlede{
		height:34rem;
		margin-bottom:0;
	}
	
	.superlede-info{
		padding:0 8rem;
	}
	
	.superlede h1{
		font-size: 3.6rem;
	}
	
	.superlede .brief{
		width:100%;
	}
	
	#special .superlede-info .brief{display:none;}
	#special .superlede .dash-line{
		width:12rem;
		margin:2rem auto 6rem auto;
	}
	#special .superlede-bg-transparent{
		height:16rem;
	}
	
	h1.m-top-title a{
		display:block;
		font-size: 2.8rem;
		line-height:3rem;
		text-align:center;
		margin:0 1rem 3rem 1rem;
	}
	
	.m-top-auxi{
		display:block;
		font-size: 1.4rem;
		font-weight: bold;
		margin-top: 1rem;
		margin-bottom: 1rem;
		color:#999;
		text-align:center;
	}
	
	.container{
		width:100%;	
	}
	
	.top-story h3{
		font-size: 2rem;
		line-height: 2.2rem;
	}
	
	.list-story h2{
		font-size: 2.8rem;
		line-height: 3rem;
	}
	
	.top-ad-box img{
		width:90%;
	}
	
	.search-box input[type='search']{
		height:6.4rem;
		line-height:6.4rem;
		font-size:4.8rem;
	}
	
	.search-box .glyphicon-search{
		line-height:6.4rem;
		line-height:6.4rem\0;
		font-size:3rem;
	}
	
	.search-result{
		font-size:3rem;
		margin:1rem auto
	}
	
	.search-result-none{
		font-size:3.6rem;
		margin:12rem auto;
	}
	
	body .jiathis_style_32x32 .jiathis_button_weixin{
		display:none;	
	}
}

@media only screen and (max-width: 750px){
	.navbar ul li a{
		padding:0px 2.4rem;
	}
	
	.q-code input{
		width:108px;	
		margin-right:1px;
		padding:6px 10px;
	}

	.site-header{
		height:5.4rem;
		line-height:5.4rem;
	}
	
	.site-header-container .glyphicon{
		font-size:2.2rem;
		margin-top:1.2rem;
	}
	
	#special .superlede-info h1{
		font-size:2.2rem;
	}
	#special .superlede .dash-line{
		width:8rem;
		margin:1.4rem auto 4rem auto;
	}
	#special .superlede-bg-transparent{
		height:10rem;
	}
	
	.container{
		margin-top:0;	
	}

	.site-header-menu a, .site-header-user a, .site-header-search a{
		width:5.2rem;
		height:5.2rem;
		padding-top: 0.4rem;
	}
	
	.user-profile{
		display:inline-block;
		width:2.8rem;
		height:2.8rem;
		margin-top: .8rem;
	}
	
	.superlede{
		height:20rem;
		margin-bottom:0;
	}
	
	#special .superlede{
		height:22rem;
		margin-bottom:0;
	}
	
	#myCarousel{
		height:22rem;
		overflow:hidden;
	}
	
	.superlede-cover{
		width:100%;
		height: 100%;
		display:none;
	}
	
	.superlede-cover-m{
		width:100%;
		height: 100%;
		display:block;
	}

	.superlede-info{
		padding:0 1rem;
	}
	
	h1.m-top-title a{
		display:block;
		font-size: 2.4rem;
		line-height:2.6rem;
		margin:1rem;
		text-align:center;
	}
	
	.m-top-auxi{
		display:block;
		font-size: 1.4rem;
		font-weight: bold;
		margin-top: 1rem;
		color:#999;
		text-align:center;
	}
	
	.superlede .dash-line{
		width:30%;
		margin:1rem auto 3rem auto;
	}
	
	.superlede .brief{
		display:none;
	}

	.tag-wrapper-supper .glyphicon{
		font-size:2rem;
		margin:0 .6rem;
	}
	
	.top-story{
		padding:1.5rem 0;
		border-bottom: solid 1px #ccc;	
	}
	
	.top-story .top-card-thumb{
		width:100%;
	}
	
	.top-stoy h3, .list-story h2{
		font-size:2.2rem;
		line-height:2.4rem;
	}
	
	.list-story{
		padding:1.5rem 0;
	}
	
	.list-story .list-card-thumb, .list-story .list-card-text{
		float:none;
		width:100%;
	}
	
	.list-ad-banner{
		margin: 1.5rem 0;
	}
	
	.story-info{
		margin-bottom:0;	
	}
	
	.summary{display:none;}
	
	.top-card-thumb, .list-card-thumb{
		width:100%;
		height:auto;
	}
	
	#story .advert{
		margin-bottom:2rem;
	}
	
	.footer{padding:1rem 0;}
	.footer-info p{font-size:1.2rem;}
	.footer-logo img{width:10rem;}
	
	#home .container{
		margin-top:1rem;
	}
	
	#list .root{
		margin-top:6rem;
	}
	
	#list body, #story body{
		margin-top:7rem;
	}

	.root .category-title h1{
		font-size: 3.6rem;
		margin:0.4rem 0;
	}
	
	/* author list style */
	.author-cover{
		height:28rem;
		padding-top: 7rem;
	}

	.author-cover .photo{
		width:10rem;
		height: 10rem;
		border-radius:10rem;
		-moz-border-radius:10rem;
		-webkit-border-radius:10rem;
	}

	.author-cover h1{
		font-size:2.8rem;
		margin: 1.0rem auto;
	}

	.author-cover .title{
		font-size: 1.4rem;
		margin: 0 auto;
	}

	.contacts-wrapper{
		margin:1rem auto;
	}

	.contacts-wrapper .glyphicon{
		font-size:1.8rem;
		margin: 0px 1rem;
		cursor: pointer;
	}
	
	/* advert style */
	.top-ad-box{
		margin-top:1.5rem;	
	}
	
	.top-ad-box img{
		width:100%;	
		max-width:26rem;
	}
	
	.top-ad-banner{
		margin:1rem auto -1rem auto;
	}
	
	.list-ad-banner{
		margin-bottom:0px;
	}
	
	
	.search-result{
		font-size:1.8rem;
		color:#aaa;
		margin:1.2rem auto 1rem auto;
	}
	
	.search-result-none{
		font-size:2rem;
		color:#aaa;
		margin:10rem auto;
	}

	/* stoy detail style */
	#story h1{
		font-size: 2.8rem;
		line-height:3.2rem;
	}

	#story .author, #story .story-info{
		font-size:1.4rem;	
	}
	
	#story .story-info{
		line-height: 1.8rem;
		margin-top:1rem;
	}
	
	#story .column{
		padding:1rem;	
	}
	
	#story .column img{
		margin:1rem 0 1rem 1rem;
		margin:0;
		width:15%;
		float:left;
	}
	
	#story .column .title{
		margin:1rem;
		margin:0;
		padding-left:1rem;
		font-size:1.4rem;
		margin-top:.4rem;
		width:70%;
		float:left;
	}
	
	#story .column .title .title-app{
		width:70%;
	}
	
	#story .column .add-col{
		display:inline-block;
		margin:0;
		float:right;
	}
		
	#story .content{
		font-size:1.6rem;
	}
	
	#story .pix-wrapper .source{
		font-size:1.2rem;
		padding:.2rem .4rem;
	}
	
	#story .content .caption{
		font-weight:bold;
		margin-bottom:2rem;
	}
	
	body .jiathis_bottom{
		width:264px;
		text-align:center;
	}
	
	body .jiathis_style_32x32 .jtico_weixin{
		display:none;	
	}
	
	body .btn_custom_email, body .btn_custom_email:hover, body .btn_custom_sms, body .btn_custom_sms:hover{
		display:block;	
		transition:none;
	}
	
	body .jiathis_style_32x32 .jtico, body .btn_custom_email, body .btn_custom_sms, body .btn_custom_comments, body .btn_custom_favorite {
		width: 36px!important;
		height: 36px!important;
		margin:0 4px;
	}
	
	.share-num{
		margin-top:1.2rem;
		margin-left:3.4rem;
		font-size:1.2rem;
	}
	
	.mail-popup {
		width: 300px;
		padding: 15px;
		margin-left:-150px;
	}
	
	.mail-popup h3{
		font-size:1.8rem;
	}
	
	.mail-popup button[type="submit"] {
		height: 48px;
		line-height: 48px;
		font-size: 2.4em;
		margi-top:20px;
	}
	
	.navbar input[type='search']{
		margin-left:1.6rem;
	}
	
	.search-box input[type='search']{
		height:3.6rem;
		line-height:3.6rem;
		font-size:2.3rem;
	}
	
	.search-box .glyphicon-search{
		right:1rem;
		line-height:4rem;
		line-height:4rem\0;
		font-size:2.4rem;
	}
	
	.four-zero-four, .splash{
		background:linear-gradient(left,#423591,#97287b);
		background:-moz-linear-gradient(left,#423591,#97287b);
		background:-webkit-linear-gradient(left,#423591,#97287b);
	}
	
	.wrapper{
		background-size:cover;
	}
	
	.four-zero-four .title, .splash .title{
		height:180px;
		background-size:cover;
	}
	
	.four-zero-four .footer,  .splash .footer-bg{
		height:360px;	
		background-size:cover;
	}
	
	.oo-content, .splash-content{
		width:100%;
		margin:20px auto 40px auto;
	}
	
	.oo-content h2{
		font-size:32px;
		margin-bottom:20px;
	}
	
	.splash-content h2{
		font-size:30px;
		margin:20px 0;
	}
	
	.oo-content .info{
		font-size:14px;	
	}
	
	.oo-content .btn-back a{
		display:block;
		font-size:16px;
		color:#fff;
		margin:18px auto;
		padding:8px 0px;
		width:60%;
		border:solid 1px #fff;
	}
	
	.about-banner{
		height:280px;
		line-height:280px;
		margin-top:4.8rem;
	}
	
	.about-info .container{
		padding:0;	
	}
	
	.about-info p{
		font-size:16px;
		line-height:24px;
		margin:15px 0;
	}
		
	.about-banner .banner-content h2{
		font-size:30px;
	}
	
	#barcode-wechat img{
		width:90%;	
	}
	
	.cd-top{display:none;}
	
	.appstore{
		display:block;
		width:100%;	
		position:fixed;
		bottom:0;
	}
	
	.appstore a{
		background:url(../images/app-download.jpg) no-repeat left top;
	}
	
	.appstore .btn-close{
		position:absolute;
		right:10px;
		top:10px;
		/*
		width:54px;
		height:60px;
		line-height:60px;
		text-align:center;*/
		color:#111;
		opacity:.35;	
		font-size:14px;
		cursor:pointer;
	}
}