section.index-recommend-devices:after,section.index-recommends:after,section.login-element .modal-dialog .modal-content .modal-body:after,section.side-block-element.text .side-text-list .side-text-item:after,section.tutorial-select-element .btn-group .dropdown-menu.brands .tutorial-brands-group .tutorial-brands-list>li:after,section.tutorial-select-element:after,section.www-index-section.articles .panel-body .index-articles-list:after,section.www-index-section.articles .panel-body .index-articles-list>li.item-model-1 .item-context:after,section.www-index-section.articles .panel-body:after,section.www-index-section.devices-rank .panel-body .tab-content .tab-pane .devices-rank-list>li .rank-item-content .rank-item-text:after,section.www-index-section.devices-rank .panel-body .tab-content .tab-pane .devices-rank-list>li .rank-item-content:after,section.www-index-section.devices-rank .panel-body .tab-content .tab-pane .devices-rank-list>li .rank-item-title:after {
	clear:both
}
body,h1,h2,h3,h4,h5,h6 {
	font-family:Tahoma,'Microsoft Yahei',Simsun!important;
	font-weight:400
}
body {
	line-height:20px
}
h1 {
	font-size:36px
}
h2 {
	font-size:30px
}
h3 {
	font-size:24px
}
h4 {
	font-size:18px
}
h5 {
	font-size:14px
}
h6 {
	font-size:12px
}
a {
	color:#ff8000
}
a:active,a:hover {
	color:#ffb366
}
.placeholder {
	position:absolute;
	margin-top:2px;
	margin-left:10px;
	line-height:32px;
	font-size:16px;
	color:#999!important;
	cursor:text;
	z-index:999
}
section.top-bar-element {
	padding:7.5px 0;
	background-color:#fff
}
section.top-bar-element .top-bar-logo {
	float:left;
	display:block;
	margin-top:13.5px;
	width:180px
}
@media only screen and (max-width:767px) {
	section.top-bar-element {
	padding-bottom:10px
}
section.top-bar-element .top-bar-logo {
	float:none;
	margin:0 auto 10px
}
}section.top-bar-element .top-bar-logo>img {
	width:100%
}
section.top-bar-element .top-bar-link {
	float:left;
	padding:28px 0;
	width:50%;
	text-align:center
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	section.top-bar-element .top-bar-link {
	width:40%
}
}@media only screen and (max-width:991px) {
	section.top-bar-element .top-bar-link {
	display:none
}
}section.top-bar-element .top-bar-link>a {
	color:#333
}
section.top-bar-element .top-bar-link>span {
	display:inline-block;
	margin-right:5px
}
section.top-bar-element .top-bar-link>span .fa {
	color:#f93
}
section.top-bar-element .top-bar-login {
	float:right;
	position:relative;
	padding:27.5px 0
}
section.top-bar-element .top-bar-login>a {
	font-size:16px;
	color:#333
}
section.top-bar-element .top-bar-login>a:active,section.top-bar-element .top-bar-login>a:focus,section.top-bar-element .top-bar-login>a:hover {
	text-decoration:none;
	color:#ff8000
}
section.top-bar-element .top-bar-login>a.dropdown-toggle .fa {
	margin-top:-10px;
	vertical-align:middle
}
section.top-bar-element .top-bar-login>span {
	display:inline-block;
	margin:0 10px
}
section.top-bar-element .top-bar-login .dropdown-menu {
	left:auto;
	right:0;
	margin-top:-10px;
	min-width:25px;
	z-index:9999
}
section.top-bar-element .top-bar-login .dropdown-menu>li>a {
	padding:3px 10px;
	font-size:12px
}
section.top-bar-element .top-bar-login .dropdown-menu>li>a .fa {
	margin-right:8px;
	width:12px;
	text-align:center
}
section.top-bar-element .top-bar-search {
	float:right;
	margin-right:40px;
	padding:22.5px 0
}
section.top-bar-element .top-bar-search .form-inline .form-group .form-control {
	width:180px;
	height:30px
}
section.top-bar-element .top-bar-search .form-inline .btn {
	padding:4px 15px;
	line-height:20px;
	color:#fff;
	background-color:#f93;
	border-color:#f93
}
section.top-bar-element .top-bar-search .form-inline .btn:hover {
	color:#fff;
	border-color:#ffb366;
	background-color:#ffb366
}
section.top-bar-element .top-bar-search .form-inline .btn:focus {
	color:#fff;
	border-color:desturate(#f57a00,33%);
	background-color:desturate(#f57a00,33%)
}
@media only screen and (max-width:767px) {
	section.top-bar-element .top-bar-search {
	float:left;
	margin:0
}
section.top-bar-element .top-bar-search .form-inline .form-group {
	float:left;
	margin-bottom:0
}
section.top-bar-element .top-bar-search .form-inline .form-group .form-control {
	width:150px
}
section.top-bar-element .top-bar-search .form-inline .btn {
	padding:4px 8px
}
}nav.nav-bar-element {
	margin-bottom:0;
	border:none;
	background-color:#333
}
nav.nav-bar-element .navbar-collapse .navbar-nav>li.active>a,nav.nav-bar-element .navbar-collapse .navbar-nav>li>a:hover {
	color:#ff8000;
	background-color:#000
}
nav.nav-bar-element .navbar-header .navbar-toggle {
	float:left;
	margin-left:4px
}
nav.nav-bar-element .navbar-collapse {
	padding:0;
	border-left:1px solid #222;
	border-right:1px solid #444
}
@media only screen and (max-width:767px) {
	nav.nav-bar-element .navbar-collapse {
	border:none
}
}nav.nav-bar-element .navbar-collapse .navbar-nav {
	border-left:1px solid #444
}
nav.nav-bar-element .navbar-collapse .navbar-nav>li {
	position:relative
}
nav.nav-bar-element .navbar-collapse .navbar-nav>li:hover .dropdown-menu {
	display:block
}
nav.nav-bar-element .navbar-collapse .navbar-nav>li>a {
	padding:15px 30px;
	line-height:20px;
	font-size:18px
}
nav.nav-bar-element .navbar-collapse .navbar-nav>li>a:active,nav.nav-bar-element .navbar-collapse .navbar-nav>li>a:focus {
	color:#fff;
	background-color:#333
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	nav.nav-bar-element .navbar-collapse .navbar-nav>li>a {
	padding:15px 20px
}
}@media only screen and (min-width:768px) and (max-width:991px) {
	nav.nav-bar-element .navbar-collapse .navbar-nav>li>a {
	padding:15px 8px
}
}@media only screen and (max-width:767px) {
	nav.nav-bar-element .navbar-collapse .navbar-nav {
	border:none
}
nav.nav-bar-element .navbar-collapse .navbar-nav>li>a {
	padding:10px 30px
}
}nav.nav-bar-element .navbar-collapse .navbar-nav>li .dropdown-menu {
	padding:0;
	min-width:100%;
	background-color:#f0f0f0;
}
nav.nav-bar-element .navbar-collapse .navbar-nav>li .dropdown-menu:hover+a {
	color:#ff8000;
	background-color:#000
}
nav.nav-bar-element .navbar-collapse .navbar-nav>li .dropdown-menu>li>a {
	padding:8px 30px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	nav.nav-bar-element .navbar-collapse .navbar-nav>li .dropdown-menu>li>a {
	padding:8px 20px
}
}nav.nav-bar-element .navbar-collapse .navbar-nav>li .dropdown-menu>li>a:hover {
	background-color:#fafafa
}
nav.nav-bar-element .navbar-collapse .sub-nav {
	border-left:none;
	border-right:1px solid #222
}
@media only screen and (min-width:1200px) {
	nav.nav-bar-element .navbar-collapse .sub-nav {
	width:303px
}
}@media only screen and (min-width:992px) and (max-width:1199px) {
	nav.nav-bar-element .navbar-collapse .sub-nav {
	width:243px
}
}@media only screen and (min-width:768px) and (max-width:991px) {
	nav.nav-bar-element .navbar-collapse .navbar-nav>li .dropdown-menu>li>a {
	padding:8px
}
nav.nav-bar-element .navbar-collapse .sub-nav {
	width:191px
}
}nav.nav-bar-element .navbar-collapse .sub-nav>li>a {
	padding-top:18px;
	padding-bottom:12px;
	font-size:14px;
	vertical-align:baseline
}
@media only screen and (max-width:767px) {
	nav.nav-bar-element .navbar-collapse .sub-nav {
	border:none
}
nav.nav-bar-element .navbar-collapse .sub-nav>li>a {
	padding:10px 30px
}
}footer.footer {
	padding-top:1px;
	border-top:1px solid #ddd
}
footer.footer section.footer-maps {
	padding:30px 0;
	background-color:#f0f0f0
}
footer.footer section.footer-maps .footer-qr-code {
	float:left;
	margin-right:60px;
	padding:0 80px;
	text-align:center;
	border-right:1px solid #ddd
}
@media only screen and (min-width:768px) and (max-width:991px) {
	footer.footer section.footer-maps .footer-qr-code {
	margin-right:40px;
	padding:0 40px
}
}@media only screen and (max-width:767px) {
	footer.footer section.footer-maps .footer-qr-code {
	float:none;
	margin-right:0;
	padding:0;
	text-align:center;
	border-right:none
}
}footer.footer section.footer-maps .footer-qr-code>img {
	margin-bottom:20px;
	width:110px;
	height:110px
}
footer.footer section.footer-maps .footer-maps-block {
	float:left;
	width:155px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	footer.footer section.footer-maps .footer-maps-block {
	width:115px
}
}@media only screen and (min-width:768px) and (max-width:991px) {
	footer.footer section.footer-maps .footer-maps-block {
	width:90px
}
}footer.footer section.footer-maps .footer-maps-block>a>h2 {
	margin-top:0;
	font-size:14px;
	color:#333
}
footer.footer section.footer-maps .footer-maps-block .footer-maps-list>li>a {
	font-size:12px;
	color:#666
}
footer.footer section.footer-links {
	padding:15px 0;
	font-size:12px;
	color:#666;
	background-color:#303031
}
footer.footer section.footer-links .footer-friend-links {
	text-align:left
}
@media only screen and (max-width:767px) {
	footer.footer section.footer-maps .footer-maps-block {
	width:33%;
	height:150px
}
footer.footer section.footer-links .footer-friend-links {
	margin-bottom:10px
}
}footer.footer section.footer-links .footer-friend-links>h2 {
	margin-top:0;
	font-size:12px
}
footer.footer section.footer-links .footer-friend-links>p {
	margin-bottom:0
}
footer.footer section.footer-links .footer-friend-links>p>a {
	color:#666
}
footer.footer section.footer-links .col-sm-12 .footer-about-links {
	text-align:center
}
footer.footer section.footer-links .footer-about-links {
	text-align:right
}
footer.footer section.footer-links .footer-about-links>p {
	margin-bottom:5px
}
footer.footer section.footer-links .footer-about-links>p:last-child {
	margin-bottom:0
}
footer.footer section.footer-links .footer-about-links>p>a {
	color:#666
}
section.login-element .modal-dialog .modal-content {
	position:relative;
	padding-top:180px;
	height:380px;
	border-radius:8px;
	background-image:url(http://img.sfcdn.org/cc74fb4cce9d558d5124d750e4623e70972f76b6.jpg);
	background-repeat:no-repeat
}
@media only screen and (max-width:767px) {
	footer.footer section.footer-links .footer-about-links {
	text-align:center
}
section.login-element .modal-dialog .modal-content {
	height:auto;
	background-size:100%
}
section.login-element .modal-dialog .modal-content .modal-body .login-qrcode {
	text-align:center
}
}section.login-element .modal-dialog .modal-content .modal-body {
	padding-top:0
}
section.login-element .modal-dialog .modal-content .modal-body:after,section.login-element .modal-dialog .modal-content .modal-body:before {
	content:" ";
	display:table
}
@media only screen and (min-width:768px) {
	section.login-element .modal-dialog {
	margin-top:200px;
	width:500px
}
section.login-element .modal-dialog .modal-content .modal-body {
	padding:20px 13px 30px 30px
}
section.login-element .modal-dialog .modal-content .modal-body>form {
	float:left;
	width:280px
}
section.login-element .modal-dialog .modal-content .modal-body .login-qrcode {
	margin-left:300px
}
}section.login-element .modal-dialog .modal-content .modal-body>form .form-group {
	margin-bottom:10px
}
section.login-element .modal-dialog .modal-content .modal-body>form .form-group .input-group-addon {
	padding:8px 10px;
	background:0 0;
	-webkit-transition:border-color ease-in-out .15s 0s;
	-moz-transition:border-color ease-in-out .15s 0s;
	-o-transition:border-color ease-in-out .15s 0s;
	transition:border-color ease-in-out .15s 0s
}
section.login-element .modal-dialog .modal-content .modal-body>form .form-group .input-group-addon.focus {
	border-color:#66afe9
}
section.login-element .modal-dialog .modal-content .modal-body>form .form-group .input-group-addon.username>span {
	background-position:0 -40px
}
section.login-element .modal-dialog .modal-content .modal-body>form .form-group .input-group-addon.password>span {
	background-position:-17px -40px
}
section.login-element .modal-dialog .modal-content .modal-body>form .form-group .input-group-addon>span {
	display:block;
	width:16px;
	height:16px;
	background-image:url(http://img.sfcdn.org/efca62200fb592f566ddad29d6095d91ab8ce742.png);
	background-repeat:no-repeat
}
section.login-element .modal-dialog .modal-content .modal-body>form .form-group .form-control {
	padding-left:0;
	border-left:none;
	box-shadow:none
}
section.login-element .modal-dialog .modal-content .modal-body>form .btn {
	margin-bottom:5px;
	font-size:18px;
	background-color:#0288d1;
	border-color:#0288d1
}
section.login-element .modal-dialog .modal-content .modal-body>form>p {
	margin-bottom:0
}
section.login-element .modal-dialog .modal-content .modal-body>form>p>a {
	color:#0288d1
}
section.login-element .modal-dialog .modal-content .modal-body .login-qrcode #login_container {
	margin-top:-10px;
	width:145px;
	height:145px;
	overflow:hidden
}
@media only screen and (max-width:767px) {
	section.login-element .modal-dialog .modal-content .modal-body .login-qrcode #login_container {
	margin:10px auto 0
}
}section.login-element .modal-dialog .modal-content .modal-body .login-qrcode>p {
	font-size:12px
}
section.login-element .modal-dialog .modal-content .modal-body .login-qrcode>p>i {
	font-size:18px;
	color:#3eb134
}
section.login-element .modal-dialog .modal-content .modal-body .login-qrcode>p>span {
	color:#0288d1
}
section.login-element .modal-dialog .modal-content .close {
	position:absolute;
	top:10px;
	right:10px;
	width:20px;
	height:20px;
	line-height:20px;
	font-size:14px;
	font-weight:400;
	color:#fff;
	border-radius:50%;
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	background:#fff;
	background:rgba(255,255,255,.1);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#1AFFFFFF FF,endColorstr=#1AFFFFFF FF)"
}
section.tutorial-select-element:after,section.tutorial-select-element:before {
	content:" ";
	display:table
}
section.tutorial-select-element>h1 {
	font-size:18px
}
section.tutorial-select-element>p {
	margin:-5px 0 5px
}
section.tutorial-select-element>p>span {
	color:#ccc
}
section.tutorial-select-element .btn-group {
	margin-bottom:10px
}
@media only screen and (min-width:992px) {
	section.tutorial-select-element .btn-group.tutorial-select-brands {
	float:left
}
}section.tutorial-select-element .btn-group.tutorial-select-brands .tutorial-brands-search {
	width:220px;
	height:34px;
	border-color:#ddd
}
section.tutorial-select-element .btn-group.tutorial-select-brands .tutorial-brands-search::-webkit-input-placeholder {
	line-height:auto;
	font-size:14px;
	color:#666
}
section.tutorial-select-element .btn-group.tutorial-select-brands .tutorial-brands-search:-moz-placeholder {
	line-height:auto;
	font-size:14px;
	color:#666
}
section.tutorial-select-element .btn-group.tutorial-select-brands .tutorial-brands-search::-moz-placeholder {
	line-height:auto;
	font-size:14px;
	color:#666
}
section.tutorial-select-element .btn-group.tutorial-select-brands .tutorial-brands-search:-ms-input-placeholder {
	line-height:auto;
	font-size:14px;
	color:#666
}
@media only screen and (min-width:768px) {
	section.login-element .modal-dialog .modal-content .modal-body .login-qrcode>p {
	padding-left:10px
}
section.tutorial-select-element .btn-group.tutorial-select-models {
	margin-left:10px
}
}section.tutorial-select-element .btn-group.tutorial-select-models .tutorial-models-button {
	width:220px;
	text-align:left;
	color:#999;
	border-color:#ddd
}
section.tutorial-select-element .btn-group.tutorial-select-models .tutorial-models-button>i {
	position:absolute;
	top:50%;
	right:12px;
	margin-top:-10px
}
section.tutorial-select-element .btn-group .dropdown-menu {
	padding:10px;
	max-width:none
}
section.tutorial-select-element .btn-group .dropdown-menu.brands {
	padding-top:0;
	width:450px
}
@media only screen and (max-width:767px) {
	section.tutorial-select-element .btn-group .dropdown-menu.brands {
	width:290px
}
}section.tutorial-select-element .btn-group .dropdown-menu.brands .tutorial-brands-group {
	display:none;
	margin-left:-10px;
	margin-right:-10px
}
section.tutorial-select-element .btn-group .dropdown-menu.brands .tutorial-brands-group .tutorial-brands-list.active,section.tutorial-select-element .btn-group .dropdown-menu.brands .tutorial-brands-group.active {
	display:block
}
section.tutorial-select-element .btn-group .dropdown-menu.brands .tutorial-brands-group .tutorial-brands-tabs {
	margin-bottom:20px;
	background-color:#f0fafc
}
section.tutorial-select-element .btn-group .dropdown-menu.brands .tutorial-brands-group .tutorial-brands-tabs>li.other>a {
	border-right:none
}
section.tutorial-select-element .btn-group .dropdown-menu.brands .tutorial-brands-group .tutorial-brands-tabs>li.active>a {
	color:#0084bb;
	border-bottom-color:transparent;
	background-color:#fff
}
section.tutorial-select-element .btn-group .dropdown-menu.brands .tutorial-brands-group .tutorial-brands-tabs>li>a {
	margin:0;
	padding:5px 10px;
	font-size:12px;
	color:#999;
	border:1px solid #ddd;
	border-left:none;
	border-top:none;
	background-color:#f0fafc
}
section.tutorial-select-element .btn-group .dropdown-menu.brands .tutorial-brands-group .tutorial-brands-tabs .close {
	margin-right:10px;
	line-height:25px
}
section.tutorial-select-element .btn-group .dropdown-menu.brands .tutorial-brands-group .tutorial-brands-list {
	padding-left:15px
}
section.tutorial-select-element .btn-group .dropdown-menu.brands .tutorial-brands-group .tutorial-brands-list.hot>li>span {
	color:red
}
section.tutorial-select-element .btn-group .dropdown-menu.brands .tutorial-brands-group .tutorial-brands-list.hot>li>div {
	margin-left:50px
}
section.tutorial-select-element .btn-group .dropdown-menu.brands .tutorial-brands-group .tutorial-brands-list>li {
	margin-bottom:15px
}
section.tutorial-select-element .btn-group .dropdown-menu.brands .tutorial-brands-group .tutorial-brands-list>li:after,section.tutorial-select-element .btn-group .dropdown-menu.brands .tutorial-brands-group .tutorial-brands-list>li:before {
	content:" ";
	display:table
}
section.tutorial-select-element .btn-group .dropdown-menu.brands .tutorial-brands-group .tutorial-brands-list>li>span {
	float:left;
	display:block;
	color:#0084bb
}
section.tutorial-select-element .btn-group .dropdown-menu.brands .tutorial-brands-group .tutorial-brands-list>li>div {
	margin-left:30px
}
section.tutorial-select-element .btn-group .dropdown-menu.brands .tutorial-brands-group .tutorial-brands-list>li>div>a {
	display:inline-block;
	margin:0 10px;
	color:#666
}
section.tutorial-select-element .btn-group .dropdown-menu.brands .tutorial-brands-group .tutorial-brands-list>li>div>a:hover {
	color:#0084bb;
	text-decoration:none
}
section.tutorial-select-element .btn-group .dropdown-menu.brands .tutorial-brands-result {
	max-height:250px;
	overflow:scroll
}
section.tutorial-select-element .btn-group .dropdown-menu.brands .tutorial-brands-result>a {
	display:block;
	color:#666
}
section.tutorial-select-element .btn-group .dropdown-menu.brands .tutorial-brands-result>a:hover {
	color:#0084bb;
	background-color:#fafafa;
	text-decoration:none
}
section.tutorial-select-element .btn-group .dropdown-menu.brands>p {
	display:none
}
section.tutorial-select-element .btn-group .dropdown-menu.brands>p.active {
	display:block
}
section.tutorial-select-element .btn-group .dropdown-menu.brands>p>span {
	display:inline
}
section.tutorial-select-element .btn-group .dropdown-menu.brands>p .close {
	line-height:25px
}
section.tutorial-select-element .btn-group .dropdown-menu.models {
	width:400px
}
@media only screen and (max-width:767px) {
	section.tutorial-select-element .btn-group .dropdown-menu.models {
	width:290px
}
}section.tutorial-select-element .btn-group .dropdown-menu.models.active {
	display:block
}
section.tutorial-select-element .btn-group .dropdown-menu.models .tutorial-models-search {
	padding:4px 12px;
	width:350px;
	height:28px;
	font-size:12px
}
section.tutorial-select-element .btn-group .dropdown-menu.models .tutorial-models-search::-webkit-input-placeholder {
	line-height:auto;
	font-size:12px;
	color:#999
}
section.tutorial-select-element .btn-group .dropdown-menu.models .tutorial-models-search:-moz-placeholder {
	line-height:auto;
	font-size:12px;
	color:#999
}
section.tutorial-select-element .btn-group .dropdown-menu.models .tutorial-models-search::-moz-placeholder {
	line-height:auto;
	font-size:12px;
	color:#999
}
section.tutorial-select-element .btn-group .dropdown-menu.models .tutorial-models-search:-ms-input-placeholder {
	line-height:auto;
	font-size:12px;
	color:#999
}
section.tutorial-select-element .btn-group .dropdown-menu.models .tutorial-models-list {
	display:none;
	max-height:250px;
	overflow:scroll
}
section.tutorial-select-element .btn-group .dropdown-menu.models .tutorial-models-list.active {
	display:block
}
section.tutorial-select-element .btn-group .dropdown-menu.models .tutorial-models-list>a {
	display:inline-block;
	margin:5px 10px;
	line-height:25px;
	color:#000;
	text-decoration:none;
	background:0 0
}
section.tutorial-select-element .btn-group .dropdown-menu.models .tutorial-models-list>a:hover {
	color:#0084bb
}
section.tutorial-select-element .btn-group .dropdown-menu>p {
	font-size:12px;
	color:#999
}
section.tutorial-select-element .btn-group .dropdown-menu>p>a {
	font-size:14px;
	color:#0084bb;
	text-decoration:underline
}
section.tutorial-select-element .btn-group .dropdown-menu>p input,section.tutorial-select-element .btn-group .dropdown-menu>p>span {
	display:none
}
section.tutorial-select-element .btn-group .dropdown-menu>p input.active,section.tutorial-select-element .btn-group .dropdown-menu>p>span.active {
	display:inline
}
section.tutorial-select-element .tutorial-select-helper>a {
	color:#0084bb;
	text-decoration:underline
}
.app-block-element .app-block-link:hover,.app-block-element .app-block-over>a:hover {
	text-decoration:none
}
.contact-element {
	padding:5px;
	border:1px solid #ddd
}
@media only screen and (max-width:767px) {
	.contact-element {
	display:none
}
}.contact-element img.contact-element-weixin {
	float:left;
	width:100px;
	height:100px
}
.contact-element .contact-element-text {
	margin-left:115px;
	padding-top:5px
}
.contact-element .contact-element-text>span {
	display:block;
	margin-bottom:8px
}
.contact-element .contact-element-text .contact-element-weibo {
	float:left;
	margin-bottom:0
}
.contact-element .contact-element-text cite.follow_btn_inner cite.follow_text {
	width:40px
}
.app-block-element {
	position:relative;
	background-color:#fafafa
}
.app-block-element:hover .app-block-over {
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
@media only screen and (max-width:767px) {
	.app-block-element {
	margin:0 auto 20px;
	width:130px
}
}.app-block-element .app-block-link {
	display:block;
	padding:6px;
	text-align:center
}
.app-block-element .app-block-link .app-block-icon {
	width:128px;
	height:128px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	.app-block-element .app-block-link .app-block-icon {
	width:100px;
	height:100px
}
}.app-block-element .app-block-link .app-block-title {
	padding-bottom:0
}
.app-block-element .app-block-link .app-block-title>h5 {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
@media only screen and (max-width:767px) {
	.app-block-element .app-block-link .app-block-icon {
	width:100px;
	height:100px
}
.app-block-element .app-block-link .app-block-title>h5 {
	font-size:16px
}
}.app-block-element .app-block-over {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	padding:6px;
	background-color:#fafafa;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition:opacity .3s ease-in-out 0s;
	-moz-transition:opacity .3s ease-in-out 0s;
	-o-transition:opacity .3s ease-in-out 0s;
	transition:opacity .3s ease-in-out 0s
}
.app-block-element .app-block-over>a>span {
	display:block
}
.app-block-element .app-block-over .app-block-title {
	line-height:25px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.app-block-element .app-block-over .app-block-promo {
	height:80px;
	line-height:20px;
	font-size:12px;
	color:#000;
	overflow:hidden
}
.app-block-element .app-block-over .app-block-rating {
	line-height:36px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	.app-block-element .app-block-over .app-block-promo {
	height:60px
}
.app-block-element .app-block-over .app-block-rating {
	font-size:12px;
	line-height:28px
}
section.side-block-element .panel-body {
	padding:10px
}
}.app-block-element .app-block-over .app-block-detail {
	display:block;
	text-align:center
}
section.side-block-element {
	margin:30px 0
}
section.side-block-element .panel-heading>h2 {
	margin:0;
	line-height:16px;
	font-size:16px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px) {
	section.side-block-element .panel-heading>h2 {
	line-height:20px;
	font-size:14px
}
}section.side-block-element .panel-body a:hover {
	color:#333
}
section.side-block-element .panel-body .side-block-more {
	padding:5px 0;
	margin-bottom:-15px;
	text-align:center;
	border-top:1px solid #ddd
}
section.side-block-element .panel-body .side-block-more>a {
	line-height:12px;
	font-size:12px;
	color:#999
}
section.side-block-element .panel-body .side-block-more>a:hover {
	color:#f93;
	text-decoration:none
}
section.side-block-element.ranking {
	padding:19px;
	background-color:#fafafa
}
section.side-block-element.ranking .panel-heading {
	margin-bottom:20px;
	padding:0;
	border-bottom:none
}
section.side-block-element.ranking .panel-body {
	padding:0
}
section.side-block-element.ranking .panel-body .nav>li.active>a {
	background-color:#fff;
	border-bottom-color:#fff
}
section.side-block-element.ranking .panel-body .nav>li>a {
	margin-right:5px;
	padding:5px 15px;
	font-size:12px;
	color:#666;
	border:1px solid #ddd;
	background-color:#fafafa
}
section.side-block-element.ranking .panel-body .tab-content {
	padding:14px;
	background-color:#fff;
	border:1px solid #ddd;
	border-top:none
}
section.side-block-element.ranking .panel-body .tab-content .side-ranking-list .side-ranking-item {
	margin-bottom:10px;
	height:20px;
	overflow:hidden
}
section.side-block-element.ranking .panel-body .tab-content .side-ranking-list .side-ranking-item.active {
	height:auto
}
section.side-block-element.ranking .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-title {
	display:block;
	margin:0;
	font-size:12px;
	color:#333
}
section.side-block-element.ranking .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-title:hover {
	color:#f93
}
section.side-block-element.ranking .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-title>span {
	float:left;
	display:block;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	background-color:#e6e6e6
}
section.side-block-element.ranking .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-title>span.ranking-item-1 {
	color:#fff;
	background-color:red
}
section.side-block-element.ranking .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-title>span.ranking-item-2 {
	color:#fff;
	background-color:#f60
}
section.side-block-element.ranking .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-title>span.ranking-item-3 {
	color:#fff;
	background-color:#f93
}
section.side-block-element.ranking .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-title>h3 {
	float:left;
	margin:0 0 0 10px;
	width:160px;
	line-height:20px;
	font-size:14px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	section.side-block-element.ranking .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-title>h3 {
	width:110px
}
}@media only screen and (min-width:768px) and (max-width:991px) {
	section.side-block-element.ranking .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-title>h3 {
	width:120px
}
}section.side-block-element.ranking .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-title>small {
	line-height:20px;
	font-size:14px
}
section.side-block-element.ranking .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-image {
	display:block;
	margin:0 auto 5px;
	width:100px;
	height:100px;
	line-height:90px
}
section.side-block-element.ranking .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-image>img {
	width:100%;
	vertical-align:middle
}
section.side-block-element.ranking .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-text {
	margin-bottom:5px;
	height:32px;
	line-height:16px;
	font-size:12px;
	color:#666;
	overflow:hidden
}
section.side-block-element.ranking .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-links {
	margin-left:-10px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	section.side-block-element.ranking .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-links {
	margin-left:-5px
}
}@media only screen and (min-width:768px) and (max-width:991px) {
	section.side-block-element.ranking .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-links {
	margin-left:-3px
}
}section.side-block-element.ranking .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-links>li {
	float:left;
	margin-left:10px;
	padding:0
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	section.side-block-element.ranking .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-links>li {
	margin-left:5px
}
}@media only screen and (min-width:768px) and (max-width:991px) {
	section.side-block-element.ranking .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-links>li {
	margin-left:3px
}
}section.side-block-element.ranking .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-links>li>a {
	font-size:12px;
	color:#8f8f8f
}
section.side-block-element.ranking .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-links>li>a:hover {
	color:#8f8f8f
}
section.side-block-element.ranking .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-links>li>span {
	color:#eee
}
section.side-block-element.image-table .panel-heading {
	padding-bottom:0
}
section.side-block-element.image-table .panel-heading>h2 {
	float:left;
	margin-bottom:9px
}
section.side-block-element.image-table .panel-heading .nav {
	margin-left:50px;
	border-bottom:none
}
section.side-block-element.image-table .panel-heading .nav>li.active>a {
	color:#f93;
	background:0 0;
	border-color:transparent transparent #f93
}
section.side-block-element.image-table .panel-heading .nav>li>a {
	margin:0 5px;
	padding:0 2px 5px;
	font-size:12px;
	color:#333;
	border-bottom:2px solid transparent
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	section.side-block-element.image-table .panel-heading .nav>li>a {
	margin:0 1px
}
}@media only screen and (min-width:768px) and (max-width:991px) {
	section.side-block-element.image-table .panel-heading .nav>li>a {
	margin:0 2px
}
}section.side-block-element.image-table .panel-heading .nav>li>a:hover {
	background:0 0;
	border-color:transparent transparent #f93
}
section.side-block-element.image-table .panel-body.product .side-image-list {
	margin-left:-29px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	section.side-block-element.image-table .panel-body.product .side-image-list {
	margin-left:-10px
}
}@media only screen and (min-width:768px) and (max-width:991px) {
	section.side-block-element.image-table .panel-body.product .side-image-list {
	margin-left:-18px
}
}@media only screen and (max-width:767px) {
	section.side-block-element.image-table .panel-body.product .side-image-list {
	margin:0;
	text-align:center
}
}section.side-block-element.image-table .panel-body.product .side-image-list .side-image-item {
	margin-left:29px;
	padding:0;
	width:100px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	section.side-block-element.image-table .panel-body.product .side-image-list .side-image-item {
	margin-left:10px;
	width:90px
}
}@media only screen and (min-width:768px) and (max-width:991px) {
	section.side-block-element.image-table .panel-body.product .side-image-list .side-image-item {
	margin-left:18px;
	width:85px
}
}@media only screen and (max-width:767px) {
	section.side-block-element.image-table .panel-body.product .side-image-list .side-image-item {
	float:none;
	display:inline-block;
	margin:5px;
	width:85px
}
}section.side-block-element.image-table .panel-body.product .side-image-list .side-image-item .image-item-image {
	margin-bottom:10px;
	height:100px;
	line-height:90px;
	border:none
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	section.side-block-element.image-table .panel-body.product .side-image-list .side-image-item .image-item-image {
	height:90px;
	line-height:80px
}
}section.side-block-element.image-table .panel-body.product .side-image-list .side-image-item .image-item-image>img {
	width:100%;
	vertical-align:middle
}
section.side-block-element.image-table .panel-body.product .side-image-list .side-image-item .image-item-title {
	font-size:12px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
section.side-block-element.image-table .panel-body.app {
	padding:15px 10px
}
section.side-block-element.image-table .panel-body.app .side-image-list {
	margin-left:-29px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	section.side-block-element.image-table .panel-body.app .side-image-list {
	margin-left:-5px
}
}@media only screen and (min-width:768px) and (max-width:991px) {
	section.side-block-element.image-table .panel-body.product .side-image-list .side-image-item .image-item-image {
	height:85px;
	line-height:75px
}
section.side-block-element.image-table .panel-body.app .side-image-list {
	margin-left:-8px
}
}section.side-block-element.image-table .panel-body.app .side-image-list .side-image-item {
	margin-left:29px;
	width:60px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	section.side-block-element.image-table .panel-body.app .side-image-list .side-image-item {
	margin-left:5px
}
}@media only screen and (min-width:768px) and (max-width:991px) {
	section.side-block-element.image-table .panel-body.app .side-image-list .side-image-item {
	margin-left:8px
}
}section.side-block-element.image-table .panel-body.app .side-image-list .side-image-item .image-item-image {
	margin:0 auto 15px;
	height:60px;
	line-height:60px;
	text-align:center
}
section.side-block-element.image-table .panel-body.app .side-image-list .side-image-item .image-item-title {
	text-align:center;
	font-size:14px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
section.side-block-element.image-table .panel-body .side-image-list {
	margin-top:-15px
}
section.side-block-element.image-table .panel-body .side-image-list .side-image-item {
	float:left;
	margin-top:15px
}
section.side-block-element.image-table .panel-body .side-image-list .side-image-item .image-item-image>img {
	width:100%
}
section.side-block-element.image-table .panel-body .side-image-list .side-image-item .image-item-title {
	margin:0;
	height:28px;
	line-height:14px;
	color:#666;
	overflow:hidden
}
section.side-block-element.ad {
	overflow:hidden
}
@media only screen and (min-width:768px) and (max-width:991px) {
	section.side-block-element.ad iframe {
	margin-left:-25px!important
}
}@media only screen and (max-width:767px) {
	section.side-block-element.ad iframe {
	margin-left:auto!important;
	margin-right:auto!important
}
}section.side-block-element.text .side-text-list {
	margin-bottom:0
}
section.side-block-element.text .side-text-list .side-text-item {
	margin-bottom:10px;
	line-height:25px
}
section.side-block-element.text .side-text-list .side-text-item:after,section.side-block-element.text .side-text-list .side-text-item:before {
	content:" ";
	display:table
}
section.side-block-element.text .side-text-list .side-text-item:last-child {
	margin-bottom:0
}
section.side-block-element.text .side-text-list .side-text-item>span {
	float:left;
	display:block;
	margin-top:11px;
	width:3px;
	height:3px;
	background-color:#ddd
}
section.side-block-element.text .side-text-list .side-text-item>a {
	display:block;
	margin-left:13px;
	color:#000
}
div.index-section-header>h2 {
	margin:0;
	font-size:20px
}
div.index-section-header>h2>small>a:not(.pull-right) {
	color:red
}
div.index-section-header>h2>small>a.pull-right {
	padding-top:8px
}
section.index-banner {
	margin-bottom:40px;
	padding-bottom:20px;
	background:#ebebeb;
	background-size:100%;
	border-top:1px solid transparent;
	border-bottom:1px solid #fefefe
}
section.index-banner .index-banner-text {
	padding-top:30px
}
@media only screen and (max-width:991px) {
	section.index-banner .index-banner-text {
	text-align:center
}
}section.index-banner .index-banner-text>h1 {
	font-size:38px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	section.index-banner .index-banner-text>h1 {
	font-size:32px
}
}section.index-banner .index-banner-text>p {
	color:#999
}
section.index-banner .index-banner-text .banner-text-download {
	margin-top:30px
}
section.index-banner .index-banner-text .banner-text-download>p {
	font-size:20px;
	color:#0a6531
}
section.index-banner .index-banner-text .banner-text-download>p>a {
	font-size:14px;
	text-decoration:underline
}
section.index-recommend-devices .recommend-devices-tabs>li.active>a,section.index-recommend-devices .recommend-devices-tabs>li>a:hover,section.www-index-section.articles .panel-body .index-articles-list>li.item-model-1>a:focus,section.www-index-section.articles .panel-body .index-articles-list>li.item-model-1>a:hover {
	text-decoration:none
}
section.index-banner .index-banner-text .banner-text-download .btn-lg {
	margin-bottom:10px;
	width:350px;
	font-size:18px;
	letter-spacing:5px;
	background-color:#13a751
}
section.index-banner .index-banner-text .banner-text-download .btn-lg:hover {
	background-color:#108541
}
section.index-banner .index-banner-text .banner-text-download .btn-lg:focus {
	border:3px solid #31c8e8;
	background-color:#108541;
	outline:0
}
@media only screen and (max-width:767px) {
	div.index-section-header>h2>small>a:not(.pull-right) {
	display:none
}
section.index-banner .index-banner-text .banner-text-download .btn-lg {
	width:100%
}
section.index-banner .index-banner-text section.tutorial-select-element {
	text-align:left
}
}section.index-banner .index-banner-image {
	padding:50px 15px 30px
}
section.index-banner .index-banner-image .banner-image-mask {
	width:503px;
	height:318px;
	background-color:#000;
	background-image:url(http://img.sfcdn.org/6602502d8b2fcf699b93838f5118a888aebf8f5b.png);
	background-repeat:no-repeat
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	section.index-banner .index-banner-image .banner-image-mask {
	width:455px;
	height:288px;
	background-image:url(http://img.sfcdn.org/7416551b8a09244e7656b66a70fce8b87956316f.png)
}
}section.index-banner .index-banner-image .banner-image-mask .banner-image-screenshots {
	position:relative
}
section.index-banner .index-banner-image .banner-image-mask .banner-image-screenshots .fade {
	display:none;
	-webkit-transition:opacity .6s linear 0s;
	-moz-transition:opacity .6s linear 0s;
	-o-transition:opacity .6s linear 0s;
	transition:opacity .6s linear 0s
}
section.index-banner .index-banner-image .banner-image-mask .banner-image-screenshots .fade.active {
	display:inline
}
section.index-banner .index-banner-image .banner-image-mask .banner-image-screenshots .fade>img {
	position:absolute;
	top:5px;
	left:4px;
	width:495px;
	height:280px
}
section.index-products {
	padding:20px 20px 5px;
	background-color:#fafafa;
	border:1px solid #ddd
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	section.index-banner .index-banner-image .banner-image-mask .banner-image-screenshots .fade>img {
	width:449px;
	height:254px;
	background-image:url(http://img.sfcdn.org/7416551b8a09244e7656b66a70fce8b87956316f.png)
}
section.index-products {
	padding:15px 15px 0
}
}section.index-products>h2 {
	margin-top:0;
	font-size:20px
}
section.index-products .products-item {
	margin:15px 0
}
section.index-products .products-item .product-item-icon {
	float:left;
	width:110px;
	height:110px
}
section.index-products .products-item .product-item-info {
	margin-left:120px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	section.index-products .products-item .product-item-icon {
	width:100px;
	height:100px
}
section.index-products .products-item .product-item-info {
	margin-left:110px
}
}section.index-products .products-item .product-item-info .product-item-title:hover {
	color:#000
}
section.index-products .products-item .product-item-info .product-item-title>h3 {
	margin:0 0 5px;
	font-size:18px;
	color:#000
}
section.index-products .products-item .product-item-info .product-item-desc {
	margin-bottom:8px;
	height:60px;
	line-height:20px;
	color:#999;
	overflow:hidden
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	section.index-products .products-item .product-item-info .product-item-desc {
	margin-bottom:0
}
}@media only screen and (min-width:1200px) {
	section.index-products .products-item .product-item-info .visible-lg {
	display:inline-block!important
}
}section.index-contact {
	margin-bottom:5px
}
section.index-recommend-devices:after,section.index-recommend-devices:before {
	content:" ";
	display:table
}
section.index-recommend-devices .recommend-devices-list {
	float:left;
	width:290px;
	height:226px;
	border:1px solid #ddd;
	border-right:none
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	section.index-contact {
	margin-bottom:17px
}
section.index-recommend-devices .recommend-devices-list {
	width:221px;
	height:188px
}
}section.index-recommend-devices .recommend-devices-list .recommend-device-item {
	position:relative;
	text-align:center
}
section.index-recommend-devices .recommend-devices-list .recommend-device-item .device-item-img>img {
	width:100%;
	max-width:289px;
	vertical-align:middle
}
section.index-recommend-devices .recommend-devices-list .recommend-device-item .device-item-link {
	display:block;
	position:absolute;
	bottom:5px;
	right:5px
}
section.index-recommend-devices .recommend-devices-tabs {
	margin-left:290px;
	margin-bottom:0;
	height:226px;
	border-bottom:1px solid #ddd;
	overflow:hidden
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	section.index-recommend-devices .recommend-devices-tabs {
	margin-left:221px;
	height:188px
}
}section.index-recommend-devices .recommend-devices-tabs>li {
	float:none;
	display:table;
	width:70px;
	height:46px;
	text-align:center;
	background-color:#fafafa;
	border:1px solid #ddd
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	section.index-recommend-devices .recommend-devices-tabs>li {
	width:72px;
	height:38px
}
}section.index-recommend-devices .recommend-devices-tabs>li.active {
	background:0 0;
	border-left:none;
	border-right:3px solid #f93
}
section.index-recommend-devices .recommend-devices-tabs>li>a {
	display:table-cell;
	line-height:14px;
	color:#000;
	vertical-align:middle
}
section.index-recommends .index-recommends-list:after,section.index-recommends .index-recommends-list:before,section.index-recommends:after,section.index-recommends:before,section.www-index-section.articles .panel-body .index-articles-list:after,section.www-index-section.articles .panel-body .index-articles-list:before,section.www-index-section.articles .panel-body .index-articles-list>li.item-model-1 .item-context:after,section.www-index-section.articles .panel-body .index-articles-list>li.item-model-1 .item-context:before,section.www-index-section.articles .panel-body:after,section.www-index-section.articles .panel-body:before {
	display:table;
	content:" "
}
section.www-index-ad {
	margin-top:20px;
	margin-bottom:-20px;
	width:100%;
	overflow:hidden
}
section.index-recommends .index-recommends-list {
	margin-bottom:0
}
section.index-recommends .index-recommends-list:after {
	clear:both
}
section.index-recommends .index-recommends-more {
	color:#fff;
	background-color:#f93;
	border-color:#f93
}
section.index-recommends .index-recommends-more:hover {
	color:#fff;
	border-color:#ffb366;
	background-color:#ffb366
}
section.index-recommends .index-recommends-more:focus {
	color:#fff;
	border-color:desturate(#f57a00,33%);
	background-color:desturate(#f57a00,33%)
}
section.index-hot-devices {
	margin-bottom:40px
}
section.index-hot-devices .hot-device-item {
	margin:15px 0;
	height:250px;
	border:1px solid #ddd
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	section.index-hot-devices .hot-device-item {
	height:211px
}
}@media only screen and (min-width:768px) and (max-width:991px) {
	section.index-hot-devices .hot-device-item {
	height:315px
}
}@media only screen and (max-width:767px) {
	section.index-products .products-item .product-item-info .product-item-title>h3 {
	font-size:16px
}
section.index-hot-devices .hot-device-item {
	height:auto
}
}section.index-hot-devices .hot-device-item>a:hover {
	color:#000
}
section.index-hot-devices .hot-device-item .device-item-img {
	width:100%;
	max-width:100%
}
section.index-hot-devices .hot-device-item .device-item-title {
	margin:0 10px;
	padding:0 5px;
	line-height:47px;
	font-size:16px;
	color:#000;
	border-top:1px solid #ddd
}
section.index-hot-devices .hot-device-item .device-item-title>img {
	margin-top:6px
}
section.www-index-section {
	margin:20px 0;
	border:none;
	box-shadow:none
}
section.www-index-section .panel-heading {
	padding:20px 0;
	border:none;
	background:0 0
}
section.www-index-section .panel-heading>h2 {
	font-size:18px;
	font-weight:700
}
section.www-index-section .panel-heading>h2>small>a {
	padding-top:5px;
	font-size:14px
}
section.www-index-section .panel-heading>h2>small>a.pull-right {
	color:#999
}
section.www-index-section .panel-body {
	border:1px solid #ddd
}
section.www-index-section.articles .panel-body {
	padding:30px 15px
}
section.www-index-section.articles .panel-body .index-articles-left {
	float:left;
	width:46%
}
@media only screen and (max-width:767px) {
	section.www-index-section.articles .panel-body .index-articles-left {
	float:none;
	margin-bottom:10px;
	width:auto
}
}section.www-index-section.articles .panel-body .index-articles-left .index-articles-list>li:last-child {
	margin-bottom:0
}
section.www-index-section.articles .panel-body .index-articles-right {
	margin-left:51%
}
section.www-index-section.articles .panel-body .index-articles-right .index-articles-list {
	margin-right:-15px;
	margin-bottom:-17px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	section.www-index-section.articles .panel-body .index-articles-right .index-articles-list {
	margin-right:-2px;
	margin-bottom:-37px
}
}@media only screen and (min-width:768px) and (max-width:991px) {
	section.www-index-section.articles .panel-body .index-articles-right .index-articles-list {
	margin-right:-20px;
	margin-bottom:-28px
}
}@media only screen and (max-width:767px) {
	section.www-index-section.articles .panel-body .index-articles-right {
	margin-left:0
}
section.www-index-section.articles .panel-body .index-articles-right .index-articles-list {
	margin-right:0;
	text-align:center
}
}section.www-index-section.articles .panel-body .index-articles-right .index-articles-list>li.item-model-3 {
	width:95%;
	text-align:left
}
section.www-index-section.articles .panel-body .index-articles-right .index-articles-list>li.item-model-3>a {
	line-height:20px
}
section.www-index-section.articles .panel-body .index-articles-list {
	margin-bottom:-5px
}
section.www-index-section.articles .panel-body .index-articles-list>li.item-model-1 {
	margin-bottom:15px
}
section.www-index-section.articles .panel-body .index-articles-list>li.item-model-1>a:focus>h3,section.www-index-section.articles .panel-body .index-articles-list>li.item-model-1>a:hover>h3 {
	color:#f93
}
section.www-index-section.articles .panel-body .index-articles-list>li.item-model-1>a>h3 {
	margin-top:0;
	margin-bottom:15px;
	font-size:18px;
	font-weight:700;
	color:#333;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
section.www-index-section.articles .panel-body .index-articles-list>li.item-model-1 .item-context>img {
	float:left;
	width:165px
}
section.www-index-section.articles .panel-body .index-articles-list>li.item-model-1 .item-context .item-text {
	margin-left:175px
}
@media only screen and (max-width:767px) {
	section.www-index-section.articles .panel-body .index-articles-list>li.item-model-1 .item-context {
	text-align:center
}
section.www-index-section.articles .panel-body .index-articles-list>li.item-model-1 .item-context>img {
	float:none
}
section.www-index-section.articles .panel-body .index-articles-list>li.item-model-1 .item-context .item-text {
	display:none
}
}section.www-index-section.articles .panel-body .index-articles-list>li.item-model-1 .item-context .item-text>p {
	position:relative;
	margin-bottom:0;
	height:80px;
	line-height:20px;
	font-size:12px;
	color:#666;
	overflow:hidden
}
section.www-index-section.articles .panel-body .index-articles-list>li.item-model-1 .item-context .item-text>p>a {
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	padding-left:20px;
	color:#666;
	background-color:#fff
}
section.www-index-section.articles .panel-body .index-articles-list>li.item-model-2 {
	display:inline-block;
	margin-bottom:17px;
	margin-right:15px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	section.www-index-section.articles .panel-body .index-articles-list>li.item-model-1 .item-context>img {
	width:145px
}
section.www-index-section.articles .panel-body .index-articles-list>li.item-model-1 .item-context .item-text {
	margin-left:155px
}
section.www-index-section.articles .panel-body .index-articles-list>li.item-model-2 {
	margin-right:2px;
	margin-bottom:37px
}
}@media only screen and (min-width:768px) and (max-width:991px) {
	section.www-index-section.articles .panel-body .index-articles-list>li.item-model-2 {
	margin-right:20px;
	margin-bottom:28px
}
}@media only screen and (max-width:767px) {
	section.www-index-section.articles .panel-body .index-articles-list>li.item-model-2 {
	margin-right:0
}
}section.www-index-section.articles .panel-body .index-articles-list>li.item-model-2>a {
	display:block;
	position:relative
}
section.www-index-section.articles .panel-body .index-articles-list>li.item-model-2>a .item-image {
	width:165px;
	height:119px;
	overflow:hidden
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	section.www-index-section.articles .panel-body .index-articles-list>li.item-model-2>a .item-image {
	width:140px;
	height:101px
}
}@media only screen and (min-width:768px) and (max-width:991px) {
	section.www-index-section.articles .panel-body .index-articles-list>li.item-model-2>a .item-image {
	width:155px;
	height:112px
}
}section.www-index-section.articles .panel-body .index-articles-list>li.item-model-2>a .item-image>img {
	width:100%
}
section.www-index-section.articles .panel-body .index-articles-list>li.item-model-2>a>span {
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	padding:0 3px;
	height:25px;
	font-size:12px;
	line-height:25px;
	text-align:center;
	color:#fff;
	background:#000;
	background:rgba(0,0,0,.5);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000 0,endColorstr=#80000000 0)";
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
section.www-index-section.articles .panel-body .index-articles-list>li.item-model-3 {
	position:relative;
	margin-bottom:4px
}
section.www-index-section.articles .panel-body .index-articles-list>li.item-model-3>a {
	display:block;
	margin-left:20px;
	line-height:25px;
	font-size:14px;
	color:#333;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
section.www-index-section.articles .panel-body .index-articles-list>li.item-model-3>span {
	display:block;
	position:absolute;
	left:5px;
	top:50%;
	margin-top:-1.5px;
	width:3px;
	height:3px;
	background-color:#999
}
section.www-index-section.devices-rank .panel-body {
	padding:9px 15px
}
section.www-index-section.devices-rank .panel-body .nav-tabs>li.active>a {
	color:#00a8f6;
	border-bottom-color:#00a8f6
}
section.www-index-section.devices-rank .panel-body .nav-tabs>li>a {
	margin-right:20px;
	padding:5px 0;
	color:#333;
	border:none;
	border-bottom:3px solid transparent
}
section.www-index-section.devices-rank .panel-body .nav-tabs>li>a:focus,section.www-index-section.devices-rank .panel-body .nav-tabs>li>a:hover {
	color:#00a8f6;
	background:0 0
}
section.www-index-section.devices-rank .panel-body .tab-content .tab-pane {
	padding:19px 0 0 5px
}
section.www-index-section.devices-rank .panel-body .tab-content .tab-pane .devices-rank-list {
	margin-bottom:0
}
section.www-index-section.devices-rank .panel-body .tab-content .tab-pane .devices-rank-list>li {
	margin-bottom:10px;
	height:30px;
	border-bottom:1px dashed #ddd;
	overflow:hidden
}
section.www-index-section.devices-rank .panel-body .tab-content .tab-pane .devices-rank-list>li.last {
	margin-bottom:0;
	border-bottom:none
}
section.www-index-section.devices-rank .panel-body .tab-content .tab-pane .devices-rank-list>li.active {
	height:auto
}
section.www-index-section.devices-rank .panel-body .tab-content .tab-pane .devices-rank-list>li .rank-item-title {
	display:block;
	margin:0;
	font-size:12px;
	color:#333
}
section.www-index-section.devices-rank .panel-body .tab-content .tab-pane .devices-rank-list>li .rank-item-title:hover {
	color:#f93
}
section.www-index-section.devices-rank .panel-body .tab-content .tab-pane .devices-rank-list>li .rank-item-title:after,section.www-index-section.devices-rank .panel-body .tab-content .tab-pane .devices-rank-list>li .rank-item-title:before {
	content:" ";
	display:table
}
section.www-index-section.devices-rank .panel-body .tab-content .tab-pane .devices-rank-list>li .rank-item-title>span {
	float:left;
	display:block;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	background-color:#e6e6e6
}
section.www-index-section.devices-rank .panel-body .tab-content .tab-pane .devices-rank-list>li .rank-item-content .rank-item-text:after,section.www-index-section.devices-rank .panel-body .tab-content .tab-pane .devices-rank-list>li .rank-item-content .rank-item-text:before,section.www-index-section.devices-rank .panel-body .tab-content .tab-pane .devices-rank-list>li .rank-item-content:after,section.www-index-section.devices-rank .panel-body .tab-content .tab-pane .devices-rank-list>li .rank-item-content:before {
	content:" ";
	display:table
}
section.www-index-section.devices-rank .panel-body .tab-content .tab-pane .devices-rank-list>li .rank-item-title>span.ranking-item-1 {
	color:#fff;
	background-color:red
}
section.www-index-section.devices-rank .panel-body .tab-content .tab-pane .devices-rank-list>li .rank-item-title>span.ranking-item-2 {
	color:#fff;
	background-color:#f60
}
section.www-index-section.devices-rank .panel-body .tab-content .tab-pane .devices-rank-list>li .rank-item-title>span.ranking-item-3 {
	color:#fff;
	background-color:#f93
}
section.www-index-section.devices-rank .panel-body .tab-content .tab-pane .devices-rank-list>li .rank-item-title>span.rank-item-price {
	float:right;
	width:auto;
	height:auto;
	font-size:14px;
	color:red;
	background:0 0
}
section.www-index-section.devices-rank .panel-body .tab-content .tab-pane .devices-rank-list>li .rank-item-title>h3 {
	float:left;
	margin:0 0 10px 10px;
	width:70%;
	line-height:20px;
	font-size:14px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	section.www-index-section.devices-rank .panel-body .tab-content .tab-pane {
	padding-top:15px
}
section.www-index-section.devices-rank .panel-body .tab-content .tab-pane .devices-rank-list>li .rank-item-title>h3 {
	width:110px
}
}@media only screen and (min-width:768px) and (max-width:991px) {
	section.www-index-section.devices-rank .panel-body .tab-content .tab-pane .devices-rank-list>li .rank-item-title>h3 {
	width:120px
}
}section.www-index-section.devices-rank .panel-body .tab-content .tab-pane .devices-rank-list>li .rank-item-content {
	margin-bottom:10px;
	padding-left:30px
}
section.www-index-section.devices-rank .panel-body .tab-content .tab-pane .devices-rank-list>li .rank-item-content .rank-item-image {
	float:left;
	width:100px;
	height:100px;
	line-height:100px;
	overflow:hidden
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	section.www-index-section.devices-rank .panel-body .tab-content .tab-pane .devices-rank-list>li .rank-item-content .rank-item-image {
	width:90px;
	height:90px;
	line-height:90px
}
}section.www-index-section.devices-rank .panel-body .tab-content .tab-pane .devices-rank-list>li .rank-item-content .rank-item-image>img {
	width:100%;
	max-width:240px;
	vertical-align:middle
}
section.www-index-section.devices-rank .panel-body .tab-content .tab-pane .devices-rank-list>li .rank-item-content .rank-item-text {
	margin-left:110px
}
section.www-index-section.devices-rank .panel-body .tab-content .tab-pane .devices-rank-list>li .rank-item-content .rank-item-text>p {
	font-size:12px;
	height:40px;
	line-height:20px;
	color:#999;
	overflow:hidden
}
section.www-index-section.devices-rank .panel-body .tab-content .tab-pane .devices-rank-list>li .rank-item-content .rank-item-text .btn {
	padding:3px 10px;
	border-radius:5px;
	color:#fff;
	background-color:#00a8f6;
	border-color:#00a8f6
}
section.www-index-section.devices-rank .panel-body .tab-content .tab-pane .devices-rank-list>li .rank-item-content .rank-item-text .btn:hover {
	color:#fff;
	border-color:#34bfff;
	background-color:#34bfff
}
section.www-index-section.devices-rank .panel-body .tab-content .tab-pane .devices-rank-list>li .rank-item-content .rank-item-text .btn:focus {
	color:#fff;
	border-color:#008ccd;
	background-color:#008ccd
}
a.www-index-image {
	display:block;
	width:100%
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	section.www-index-section.devices-rank .panel-body .tab-content .tab-pane .devices-rank-list>li .rank-item-content .rank-item-text {
	margin-left:100px
}
a.www-index-image {
	margin-top:21px
}
}a.www-index-image>img {
	width:100%
}