@charset "gb2312";
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
}

.placeholder {
	position: absolute;
	margin-top: 2px;
	margin-left: 10px;
	line-height: 32px;
	font-size: 16px;
	color: #999!important;
	cursor: text;
	z-index: 999
}
#SOHUCS #SOHU_MAIN #SOHU-comment-main #powerby_sohu {
	display: none!important
}
section.top-bar-element {
	padding: 20px 0;
	background-color: #fff
}
section.top-bar-element .top-bar-logo {
	float: left;
	display: block;
	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: 15px 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: 15px 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: 10px 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: #eee
}
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(../images/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(../images/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;
	border-top: 1px solid #fefefe;
	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(../images/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(../images/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(../images/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: 316px;
	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: #333
}
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: #333;
}
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%
}