/* 重载bootstrap部分 */
em {font-style: normal;}
/* 全局 */
html, body, input {-webkit-font-smoothing:antialiased;}
body {font-family:"Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;}
p, label, h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
ul, ol {list-style:none; margin:0; padding:0;}
.wp {width:1200px; margin:auto;}
a, a:focus {color:#666; text-decoration:none!important;}
a:hover {color:#000;}
label {font-weight:normal; cursor:pointer; color:#666;}
label:hover {color:#000;}
.pr {position:relative;}
.price {font-size:22px; color:#F30;}
.price small {font-size:14px;}
.gray {color:#999;}
.gray-bg {background:#CCC!important;}
.of {overflow:hidden;}
.f12 {font-size:12px!important;}
.f14 {font-size:14px!important;}
.f24 {font-size:24px!important;}
.lh30 {line-height:30px!important;}
.mr30 {margin-right:30px;}
.mr300 {margin-right:300px;}
.ml10 {margin-left:10px;}
.mb10 {margin-bottom:10px;}
.mt10 {margin-top:10px;}
.h40 {height:40px;}
.lh45 {line-height:45px;}
.p0 {padding:0!important;}
.m0 {margin:0!important;}
.p20 {padding:20px;}
.pl20 {padding-left:20px;}
.pb0 {padding-bottom:0!important;}
.block {display:block;}
.a {cursor:pointer;}
.alert {padding:8px 35px 8px 15px;}
.alert a {color:#ff4f7c;}
.alert a:hover {color:#F30;}
.text-left {text-align:left!important;}
.btn {background:#3ab1f5; color:#FFF; border-radius:2px; outline:none; border:none;}
.btn:hover {background:#009edc; color:#FFF;}
.btn:focus {color:#FFF;}
.btn-o {border:1px solid #EEE; background:#FFF; color:#888; border-radius:3px;}
.btn-o:hover, .btn-o:focus {color:#000; border:1px solid #CCC; background:#FFF;}
.btn-s, .btn-s:focus {border:0; background:#FFF; color:#3ab1f5;}
.btn-s:hover {color:#009edc; background:#FFF;}
.btn-s[disabled], .btn-s[disabled]:hover {color:#666;}
.btn-gray {background:#999;}
.btn-gray:hover {background:#777;}
.btn-light {background:#DDD;}
.btn-light:hover {background:#CCC;}
.span-o {padding:6px 12px; display:inline-block; line-height:1.42857143; text-align:center; white-space:nowrap; vertical-align:middle; border:1px solid #EEE; color:#888; background:#FFF; border-radius:3px; cursor:default;}
.span-o:hover {border:1px solid #DDD; background:#FFF; color:#000;}
.half {width:50%;}
.blue-link {color:#3ab1f5;}
.blue-link:hover {color:#009edc;}
.red-link {color:#F30;}
.red-link:hover {color:#E30;}
.gray-link {color:#999;}
.gray-link:hover {color:#666;}
.light-link {color:#CCC;}
.light-link:hover {color:#666;}
.color-ok {color:green;}
.color-error {color:red;}
.tdj-box {margin:auto;}
.help-block {font-size:12px;}
/* 头部 */
.hd {padding:35px 0;}
.logo {width:250px; height:49px; padding-top:7px;}
.logo a {display:block; width:100%; height:42px; background:url(../images/logo.png) no-repeat; text-indent:-999em;}
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) {
    .logo a {background:url(../images/logo@2x.png) no-repeat; background-size:250px;}
    .screen-size .box {background-image:url(../images/inch@2x.png); background-size:90px;}
    .pr-list li:hover .star {background-image:url(../images/star_hover@2x.png); background-size:70px;}
    .star {background-image:url(../images/star@2x.png); background-size:70px;}
}
/* 多分辨率适配 */
@media only screen and (max-width: 1200px){
    .wp {width:900px!important;}
    .can_hide {display:none;}
    /* 主页 */
    .h-side {width:900px!important;}
    .side-pr-list, .side-shop {overflow:hidden;}
    .side-pr-list li, .side-shop li {width:33.3%; float:left;}
    /* 内页公共 */
    .p-s {width:420px!important;}
    .p-side {width:200px!important;}
    .p-bd {width:700px!important;}
    .side-cats-two {padding:0 0 5px 40px!important;}
    .side-cats-three {padding:0 0 0 60px!important;}
    .side-cats-two-last {padding:0 0 4px 40px!important;}
    /* 频道页 */
    .hot-cats {width:670px!important;}
    .hot-cats ul li {margin:0 36px 20px 0!important;}
    .cats-topic-l {width:285px!important;}
    .cats-topic-pic {width:80px!important; height:80px!important;}
    .cats-topic-bd {margin-left:95px!important;}
    /* 列表页 */
    .diff-gird {width:670px!important;}
    .diff-gird ul {width:690px!important;}
    #diff_list td:nth-child(5) {display:none;}
    /* 榜单页 */
    .diff-base-pic {width:80px!important; height:80px!important;}
    .diff-base-meta {margin-left:100px!important;}
    #jiangjia_list td:nth-child(6) {display:none;}
    /* 指南页 */
    .guide-bar {width:200px!important;}
    /* 十大品牌 */
    .sdbrand-prlist-name {width:65px!important;}
    .sdbrand-prlist li, .sdbrand-more {width:65px!important; height:65px!important; line-height:65px!important; font-size:12px!important;}
    /* 详情页 */
    .de-detail {margin:0 230px 0 350px!important;}
    .de-func {width:200px!important;}
    .list-full {width:900px!important;}
    .list-full ul {width:930px!important;}
    .list-full li {margin:0 30px 30px 0!important;}
    .de-comment-half {width:435px!important;}
    .de-side {display:none;}
    .de-detail-base li:last-child {display:none;}
    .de-collect {padding:0!important;}
    .tdj-box {margin-bottom:10px;}
    /* 发表评价 */
    .p-c-name {font-size:20px!important;}
    /* 收藏 */
    .collects {width:670px!important;}
    .collects ul {width:690px!important;}
    /* 对比 */
    .compare-pic img {height:80px!important;}
    /* 登录页 */
    .login-b {margin-left:-450px!important;}
}
.h-user {background:#F9F9F9; padding:8px; position:relative; min-width:160px; z-index:10;}
.h-user:hover {background:#F2F2F2;}
.h-user:hover .h-menu {display:block;}
.h-user:hover .h-msg {display:none;}
.h-avatar {width:40px; height:40px; display:block;}
.h-uname {margin-left:50px; font-size:16px; line-height:40px;}
.h-msg {position:absolute; top:4px; left:36px;}
.h-menu {position:absolute; top:56px; right:0; width:100%; background:#FFF; border:1px solid #F2F2F2; border-top:none; padding:10px 20px; display:none;}
.h-menu li {line-height:30px;}
.h-menu li a {display:block;}
.h-menu li a:hover {color:#3ab1f5;}
.h-menu li span {margin-right:7px; display:inline-block; width:15px; text-align:center;}
.msg-icon {padding:0 6px; line-height:18px; font-size:11px; border-radius:18px; display:inline-block; background:#F50; color:#FFF;}
.menu-msg {vertical-align:-5px; margin-left:5px;}
.h-login {line-height:56px; font-size:16px;}
.h-login a {display:inline-block; padding:0 20px;}
.h-login a:hover {color:#FFF; background:#3ab1f5;}
/* 主页主体区域 */
.h-wrap, .de-wrap {width:900px; position:relative;}

.h-s {width:900px;}
.h-hot-key {padding:10px 0 30px 150px; color:#999;}
.h-hot-key a {display:inline-block; margin-right:20px;}

.h-categories {width:900px; overflow:hidden;}
.h-categories ul {width:930px;}
.h-categories li {width:280px; float:left; margin:0 30px 20px 0; background:#F9F9F9; padding:15px 20px;}
.h-categories li:hover {background:#3ab1f5;}
.h-categories li:hover a.h-cats-icon {color:#FFF;}
.h-categories li:hover a.h-cats-parent {color:#FFF;}
.h-categories li:hover .h-cats-subs a {color:#b4e3fe;}
.h-categories li:hover .h-cats-subs a:hover {color:#FFF;}
.cat-waiting:hover {background:#F9F9F9!important;}
.cat-waiting .h-cats-icon {color:#CCC;}
.cat-waiting .h-cats-parent {color:#999;}
.cat-waiting .h-cats-subs span {color:#CCC;}
.h-cats-icon {width:60px; color:#3ab1f5; display:block; float:left; text-align:center;}
.h-cats-icon i {font-size:4em; text-align:center;}
.h-cats-wrap {margin-left:60px; padding-left:20px;}
.h-cats-parent {font-size:20px; color:#3ab1f5;}
.h-cats-parent i {background:#CCC; font-size:12px; font-style:normal; color:#FFF; padding:2px 8px; border-radius:3px; display:inline-block; margin-left:8px; vertical-align:4px;}
.h-cats-subs {padding-top:10px;}
.h-cats-subs a, .h-cats-subs span {display:inline-block; margin-right:10px; color:#999;}

.h-sales td {padding:0!important; width:33.3%;}
.h-sales td:first-child a {width:298px;}
.h-sales a {display:block; padding:15px 20px; width:299px;}
.h-sales a:hover {background:#3ab1f5; box-shadow:3px 3px 4px rgba(0,0,0,.1) inset;}
.h-sales a:hover .h-sales-title {color:#FFF;}
.h-sales a:hover .h-sales-meta {color:#b4e3fe;}
.h-sales-title {display:block; font-size:16px; color:#3ab1f5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.h-sales-meta {padding-top:10px; color:#999;}

.h-bd-model {padding-top:40px;}
.bd-model-title {font-size:22px; line-height:30px; padding-bottom:15px;}
.bd-model-title h1 {font-size:22px; font-weight:normal; display:inline-block; margin-right:10px;}
.bd-model-title .pull-right {font-size:14px;}
.bd-model-intro {padding-bottom:20px; line-height:22px; color:#999;}
.bd-model-intro a {color:#999;}
.bd-ad {width:100%; overflow:hidden; margin-top:5px;}

.h-side, .de-side {width:270px;}
.side-ad {background:#F9F9F9; padding:10px; overflow:hidden; margin-bottom:30px;}
.side-ad-np {overflow:hidden; margin-bottom:30px;}
.h-hot-temp {font-size:48px; color:#3ab1f5; line-height:60px; width:80px; text-align:right;}
.h-hot-temp sup {font-size:18px; top:-30px;}
.h-hot-statis {margin-left:90px;}
.h-hot-statis p {margin:0; line-height:30px; color:#999;}
.h-hot-statis span {color:#000;}

.side-pr-list li {padding-top:15px; height:65px; overflow:hidden;}
.side-pr-list li a {display:block;}
.side-pr-list li img {width:50px; height:50px; display:block; float:left; border:1px solid #EEE; margin-right:10px;}
.side-pr-list li span {display:inline-block; width:180px; padding:6px 0;}
.side-pr-nopic {width:100%;}

.side-shop li {padding-top:15px;}
.side-shop li a {display:block;}
.side-shop li img {width:50px; height:50px; display:block; float:left; border:1px solid #EEE;}
.side-shop-info {margin-left:60px;}
.side-shop-info span {display:block; font-size:12px; color:#999;}

.h-side-model {background:#F9F9F9; padding:15px; margin-bottom:30px;}
.h-side-model-title {font-size:18px; padding-bottom:10px;}
/* 类目主页 */
.hot-cats {width:900px; overflow:hidden;}
.hot-cats ul {width:950px;}
.hot-cats ul li {width:140px; margin:0 50px 20px 0; float:left;}
.hot-cats ul li a {display:block; padding:5px; text-align:center; background:#F9F9F9;}
.hot-cats ul li img {display:block; width:130px; height:130px;}
.hot-cats ul li p {color:#000; padding:5px 0 0 0;}
.hot-cats ul li span {display:inline-block; padding:0 0 5px 0; font-size:12px; color:#999;}
.hot-cats ul li a:hover {background:#3ab1f5;}
.hot-cats ul li a:hover p {color:#FFF;}
.hot-cats ul li a:hover span {color:#b4e3fe;}

.cats-rank-list {margin-top:20px;}
.cats-rank-list li {overflow:hidden; border-bottom:1px solid #EEE; padding:15px 0; font-size:14px;}
.cats-rank-list li.last {border:none;}
.cats-rank-top {width:150px; float:left; line-height:24px; margin:6px 0; border-right:1px dashed #EEE; padding:0 5px 0 10px; font-weight:bold;}
.cats-rank-brand {margin-left:166px; height:36px; overflow:hidden; padding-left:10px;}
.cats-rank-brand a {display:inline-block; line-height:24px; margin:6px 0; padding:0 15px;}
.cats-rank-brand a:hover {background:#F9F9F9;}
/* 列表主页 */
.cats-selector {margin:0;}
.cats-selector td {padding:0!important; width:33.3%;}
.cats-selector a {display:block; padding:15px 30px; background:#F9F9F9; font-size:18px;}
.cats-selector a:hover {color:#FFF; background:#3ab1f5; box-shadow:3px 3px 4px rgba(0,0,0,.1) inset;}
.cats-selector i {margin-right:5px;}
.cats-selector-base {padding:15px 0 0 0;}
.cats-selector-base li {display:inline-block; padding-right:50px;}
.cats-selector-base a {text-decoration:underline;}
.cats-selector-base a:hover {text-decoration:none;}
.cats-topic-num {padding:50px 0 0 0; width:40px; margin-right:30px;}
.cats-topic-num li {height:180px; width:40px;}
.cats-topic-num li span {display:block; width:40px; height:40px; line-height:40px; text-align:center; color:#FFF; font-size:28px; background:#3ab1f5;}
.cats-topic-l {width:400px;}
.cats-topic-l-title {display:block; line-height:40px; text-align:center; color:#FFF; background:#CCC; font-size:18px; margin-bottom:10px;}
.cats-topic-l-title:hover {background:#3ab1f5; box-shadow:3px 3px 4px rgba(0,0,0,.1) inset; color:#FFF;}
.cats-topic-l ul li {background:#F9F9F9; height:150px; padding:15px 15px 5px; overflow:hidden; margin-bottom:30px;}
.cats-topic-pic {width:120px; background:#FFF; height:120px; overflow:hidden;}
.cats-topic-pic img {height:100%; margin:auto; display:block;}
.cats-topic-pic label {display:block; padding:15px 0 0 0; text-align:center;}
.cats-topic-bd {margin-left:135px;}
.cats-topic-pr-title {font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cats-topic-pr-info {padding:15px 0 5px; line-height:21px;}
.cats-topic-pr-meta {line-height:36px;}
.cats-topic-pr-meta .star {vertical-align:-3px;}
/* 列表页 */
.diff-order {text-align:right;}
.diff-order a {margin-left:6px;}
.table-pin {z-index:6;}
.diff-head {border:1px solid #DDD; border-bottom:none;}
.diff-head td {border-left:1px solid #DDD;}
.diff-bd td {padding:20px 10px!important; height:152px;}
.diff-simple td {padding:20px 10px!important;}
.diff-pic {width:150px; height:150px; overflow:hidden; border:1px solid #EEE; text-align:center;}
.diff-pic img {height:150px;}
.diff-meta {margin-left:170px;}
.diff-name {font-size:18px; line-height:22px; position:relative;}
.diff-name:hover .product-name {display:block;}
.product-name {position:absolute; top:30px; left:0; padding:8px 15px; line-height:24px; width:320px; background:#FFF; font-size:14px; box-shadow:0 0 2px rgba(0,0,0,.1); display:none; z-index:11;}
.product-name:before {position:absolute; top:-8px; left:20px; display:inline-block; border-right:8px solid transparent; border-bottom:8px solid #EEE; border-left:8px solid transparent; content:'';}
.product-name:after {position:absolute; top:-7px; left:21px; display:inline-block; border-right:7px solid transparent; border-bottom:7px solid #FFF; border-left:7px solid transparent; content:'';}
.diff-info {padding:13px 0; line-height:20px;}
.diff-info p {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.diff-score {padding-bottom:13px;}
.diff-score span {margin-right:5px; vertical-align:middle;}
.diff-func a {color:#3ab1f5;}
.diff-func a:hover {color:#009edc;}

.diff-filter {margin-bottom:15px; line-height:26px;}
.diff-filter div {width:80px;}
.diff-filter ul {}
.diff-filter ul li {display:inline-block; margin-right:5px;}
.diff-filter ul li span, .diff-filter ul li a {display:inline-block; background:#cff0ff; padding:0 8px; font-weight:bold; margin-right:1px; vertical-align:middle;}
.diff-filter ul li .a {color:#3ab1f5; font-size:14px;}
.diff-filter ul li .a:hover {background:#3ab1f5; color:#FFF;}
.diff-filter-clear .a {color:#3ab1f5;}
.diff-filter-clear .a:hover {color:#009edc;}

.diff-list {margin:0;}
.diff-list-pin {margin:0; border-bottom:1px solid #DDD; z-index:99;}
.diff-base {width:380px;}
.diff-box {width:100px; height:100px; margin:auto; position:relative; text-align:center;}
.diff-box .box {position:absolute;}
.diff-suffix {text-align:center; font-size:12px; color:#999;}

.battery .box {width:80%; height:50%; left:8%; top:25%; background:#DDD;}
.battery .cap {position:absolute; right:-7px; top:35%; width:5px; height:30%; background:#DDD;}
.battery .color {height:100%; position:absolute; left:0; bottom:0;}
.battery .val {line-height:90px; font-size:22px; position:relative; z-index:2; width:100%; height:100%; font-weight:300;}

.quantity .box {width:20%; height:80%; top:10%; left:4%; background-color:#E7E7E7; box-shadow:inset 1px 0 2px rgba(0,0,0,0.05);}
.quantity .color {position:absolute; width:100%; bottom:0; left:0;}
.quantity .val {position:relative; z-index:2; font-size:20px; line-height:90px; right:-16%; width:100%; height:100%; font-weight:300;}

.diff-price {line-height:100px;}
.diff-price span {display:block;}
.diff-price .price {margin-bottom:8px;}
.diff-price .btn {width:70px;}
.quick-buy {position:relative; width:70px; margin:auto;}
.buy-list {position:absolute; top:30px; left:50%; margin-left:-150px; width:300px; padding-top:15px; z-index:1001;}
.buy-list-wp {background:#FFF; box-shadow:0 0 3px #F2F2F2; border:1px solid #EEE; position:relative;}
.buy-list-wp:before {position:absolute; top:-20px; left:50%; margin-left:-10px; display:inline-block; border-right:10px solid transparent; border-bottom:10px solid #EEE; border-left:10px solid transparent; border-top:10px solid transparent; content:'';}
.buy-list-wp:after {position:absolute; top:-18px; left:50%; margin-left:-9px; display:inline-block; border-right:9px solid transparent; border-bottom:9px solid #F9F9F9; border-left:9px solid transparent; border-top:9px solid transparent; content:'';}
.buy-list-hd {background:#F9F9F9; border-bottom:1px solid #EEE; padding:3px 0; font-weight:bold; color:#666;}
.buy-list ul li {overflow:hidden; border-bottom:1px solid #EEE;}
.buy-list ul li:last-child {border:none;}
.buy-mall {width:90px; overflow:hidden; padding:18px 0; text-align:center;}
.buy-mall img {height:30px;}
.buy-go {width:75px; text-align:right; padding:15px 15px 15px 0;}
.buy-go .btn {width:auto;}
.buy-list-price {height:60px; overflow:hidden; padding-top:7px;}
.buy-list-price .price {margin-bottom:0;}
.buy-list-price .block {margin-top:-6px;}

.diff-single {line-height:100px;}
.diff-single-score {padding-top:22px; height:78px;}

.diff-base-simple {}
.diff-base-pic {width:100px; height:100px; overflow:hidden;}
.diff-base-pic img {height:100%; display:block; margin:auto;}
.diff-base-meta {margin-left:120px;}
.diff-base-info {margin-left:120px; padding-top:10px;}
.diff-base-title {font-size:18px; margin-bottom:10px;}
.diff-base-intro {line-height:20px;}

.diff-mall {width:140px; padding-top:12px; height:88px;}
.mall {width:100px; line-height:24px; margin:auto;}
.mall img {display:block; width:100%;}

.diff-die {opacity:.5; display:none;}

.blocks .box {position:absolute; width:100%; height:100%; top:0; left:0;}
.blocks-i {width:7px; height:7px; position:absolute; bottom:0; left:0; background-color:#E9E9E9;}
.blocks-1 {bottom:0; left:0;}
.blocks-2 {bottom:0; left:9px;}
.blocks-3 {bottom:0; left:18px;}
.blocks-4 {bottom:0; left:27px;}
.blocks-5 {bottom:0; left:36px;}
.blocks-6 {bottom:0; left:45px;}
.blocks-7 {bottom:9px; left:0;}
.blocks-8 {bottom:9px; left:9px;}
.blocks-9 {bottom:9px; left:18px;}
.blocks-10 {bottom:9px; left:27px;}
.blocks-11 {bottom:9px; left:36px;}
.blocks-12 {bottom:18px; left:0;}
.blocks-13 {bottom:18px; left:9px;}
.blocks-14 {bottom:18px; left:18px;}
.blocks-15 {bottom:18px; left:27px;}
.blocks-16 {bottom:27px; left:0;}
.blocks-17 {bottom:27px; left:9px;}
.blocks-18 {bottom:27px; left:18px;}
.blocks-19 {bottom:36px; left:0px;}
.blocks-20 {bottom:36px; left:9px;}
.blocks-21 {bottom:45px; left:0;}
.blocks .val {line-height:90px; font-size:19px; top:-16%; left:8%; position:relative; z-index:2; width:100%; height:100%; font-weight:300;}

.screen-size .box {position:absolute; width:100%; height:100%; top:0; left:0; background-image:url(../images/inch.png); background-repeat:no-repeat;}
.screen-size .val {line-height:90px; font-size:22px; position:relative; z-index:2; width:100%; height:100%; font-weight:300; top:0; left:0;}
.size-lvl1 {background-position:0 0;}
.size-lvl2 {background-position:0 -90px;}
.size-lvl3 {background-position:0 -180px;}

.color-lvl1 {background-color:#b2d764;}
.color-lvl2 {background-color:#ffdb49;}
.color-lvl3 {background-color:#eb756e;}

.diff-jj {height:100px;}
.old-price .price {color:#000; font-size:16px;}
.old-price span, .now-price span {display:block;}
.price-status-up {color:#F00;}
.price-status-down {color:#2dd52d;}

.diff-down-range {font-size:24px; padding-top:27px; height:73px;}
.diff-down-range span {display:block;}
/* 榜单 */
.sub-tabs {border-bottom:1px solid #EEE; height:40px; margin-bottom:30px;}
.sub-tabs span {display:block; width:100px; line-height:40px;}
.sub-tabs li {float:left; padding:0 30px 4px; line-height:36px; font-size:16px;}
.sub-tabs li em {font-style:normal;}
.sub-tabs .cur {border-bottom:4px solid #3ab1f5; padding:0 20px;}
.sub-tabs .cur a {color:#3ab1f5;}
.sub-tabs .cur a:hover {color:#009edc;}
.sub-tabs-search {float:left; padding:8px 0 0 30px;}
.sub-tabs-search input {font-size:12px; border:1px solid #EEE; height:22px; width:120px; border-right:none; padding:3px 5px; outline:none; float:left; display:block;}
.sub-tabs-search button {float:left; padding:0; width:22px; height:22px;}
/* 十大品牌 */
.sdbrand-bd td {padding:20px!important;}
.sdbrand-bd td:first-child {width:240px;}
.sdbrand-rank {width:30px;}
.sdbrand-pic {margin-left:30px; width:190px; text-align:center; line-height:24px;}
.sdbrand-pic img {width:80%; display:block; margin:auto; border:1px solid #EEE;}
.sdbrand-nopic {width:80%; margin:auto; line-height:60px; text-align:center; font-size:24px;}
.sdbrand-nopic a {display:block; background:#FFF; color:#3ab1f5;}
.sdbrand-nopic a:hover {background:#FFF; color:#009edc;}
.sdbrand-prlist {height:110px; overflow:hidden;}
.sdbrand-prlist li {width:110px; height:110px; position:relative; overflow:hidden; float:left; margin-right:10px;}
.sdbrand-prlist li:hover .sdbrand-prlist-pic {opacity:1;}
.sdbrand-prlist li:hover .sdbrand-prlist-name {display:block;}
.sdbrand-prlist-pic {display:block; width:100%; height:100%; border:1px solid #EEE; overflow:hidden; opacity:.3;}
.sdbrand-prlist-pic img {height:100%; display:block; margin:auto;}
.sdbrand-prlist-name {width:110px; height:24px; line-height:24px; padding:0 10px; background:rgba(0,0,0,.6); color:#FFF; position:absolute; left:0; bottom:0; display:none; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.sdbrand-prlist-name:hover {color:#FFF;}
.sdbrand-more {width:110px; height:110px; line-height:110px; display:block; background:#F9F9F9; text-align:center;}
.sdbrand-more:hover {background:#3ab1f5; color:#FFF;}
.sdbrand-other {padding-bottom:10px;}
.sdbrand-other li {width:25%; float:left; margin-bottom:20px;}
.sdbrand-other li a {display:block; padding:10px 0; border:1px solid #F2F2F2; width:84%; text-align:center; margin:auto;}
.sdbrand-other li a:hover {border:1px solid #3ab1f5;}
/* 底部 */
.ft {padding-top:40px;}
.ft-bd {background:#F5F5F5; padding:30px 0; color:#999; line-height:24px;}
.ft-links {padding-bottom:30px;}
.ft-links-title {width:80px; color:#3ab1f5; line-height:30px;}
.ft-links ul {margin-left:80px;}
.ft-links li {display:inline-block; margin-right:15px; line-height:30px;}
.ft-menu a {margin-right:20px;}
.ft-copyright a {margin-left:20px;}
.ft-qua {padding:9px 0;}
/* 商品详情页 */
.de-base {margin-bottom:30px;}
.de-gallery, .de-func {width:330px;}
.de-title {font-size:18px; font-weight:normal; line-height:32px;}
.de-sum {line-height:22px; margin-top:15px;}
.de-detail {margin:0 350px; height:378px; position:relative;}
.de-detail-base {padding-top:24px;}
.de-detail-base li {overflow:hidden; padding:8px 0; line-height:24px;}
.de-detail-base-attr {width:80px;}
.de-detail-base-val {margin-left:80px;}
.de-mall-name {margin-right:20px;}
.de-mall {display:inline-block; height:18px; vertical-align:-3px; background:url(../images/malls.png) no-repeat;}
.de-jd {background-position:0 -44px; background-size:48px; width:50px;}
.de-tmall {background-position:0 -463px; background-size:80px; width:82px;}
.de-suning {background-position:0 -383px; background-size:78px; width:80px;}
.de-amazon {background-position:0 0; background-size:41px; width:42px;}
.de-dangdang {background-position:-7px -19px; background-size:43px; width:30px;}
.de-apple {background-position:-13px -55px; background-size:42px; width:17px;}
.de-jumei {background-position:0 -79px; background-size:45px; width:45px;}
.de-meituan {background-position:-7px -97px; background-size:44px; width:31px;}
.de-taobao {background-position:0 -160px; background-size:60px; width:62px;}
.de-yhd {background-position:-9px -147px; background-size:42px; width:24px;}
.de-vip {background-position:-5px -165px; background-size:42px; width:32px;}
.de-mi {background-position:-13px -184px; background-size:42px; width:19px;}
.de-gome {background-position:0 -231px; background-size:44px; width:45px;}
.de-mall-type {display:inline-block; border-radius:2px; padding:0 6px; font-size:12px; color:#FFF; line-height:20px; vertical-align:2px; margin-left:10px; position:relative;}
.de-mall-type:before {position:absolute; top:6px; left:-4px; display:inline-block; border-right:4px solid transparent; border-bottom:4px solid transparent; border-top:4px solid transparent; content:'';}
.mall-self {background:#e63b53;}
.mall-self:before {border-right:4px solid #e63b53;}
.mall-direct {background:#3ab1f5;}
.mall-direct:before {border-right:4px solid #3ab1f5;}
.mall-store {background:#17ce76;}
.mall-store:before {border-right:4px solid #17ce76;}
.de-detail-attr {background:#F9F9F9; width:100%; position:absolute; left:0; bottom:0; table-layout:fixed}
.de-detail-attr td {line-height:30px; padding:0 10px; vertical-align:middle; width:50%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.detail-content {text-align:center;}
.de-func {height:378px; position:relative;}
.de-chart {width:100%; height:209px; background:url(../images/loading.gif) center 30px no-repeat; background-size:32px;}
.highcharts-container {background:#FFF;}
.de-collect {display:inline-block; padding:0 0 0 30px;}
.de-collect label {margin-left:20px;}
.de-buy {position:absolute; bottom:0; left:0;}
.de-buy .btn-lg {padding:10px 60px;}
.de-tab, .de-selector {margin-bottom:30px!important;}
.de-selector-item {float:left; line-height:30px; margin-right:40px;}
.de-selector-item label {display:inline!important;}
.de-list {margin-bottom:20px;}
.de-list-hd td {text-align:center;}
.de-list-bd td {text-align:center; vertical-align:middle!important; padding:20px 0!important;}
.de-comment-half {width:585px;}
.de-comment-score {font-size:80px; color:#3ab1f5; display:inline-block; line-height:80px;}
.de-comment-rate {font-size:30px; color:#3ab1f5;}
.de-comment-score-txt {width:120px;}
.de-eva {width:100%;}
.de-eva td {line-height:32px;}
.de-impression {padding-top:30px;}
.de-impression li {display:inline-block; margin:10px 10px 0 0; padding:3px 8px; background:#f2fbfe;}
.de-promotions {position:relative;}
.de-promotions ul {width:360px; font-size:12px; position:absolute; top:-5px; left:0; margin-left:-360px; z-index:5; background:#FFF; border:1px solid #EEE; border-radius:5px; display:none; opacity:1;}
.de-promotions ul:before {position:absolute; top:12px; right:-16px; display:inline-block; border-right:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid #EEE; border-top:8px solid transparent; content:'';}
.de-promotions ul:after {position:absolute; top:13px; right:-14px; display:inline-block; border-right:7px solid transparent; border-bottom:7px solid transparent; border-left:7px solid #FFF; border-top:7px solid transparent; content:'';}
.de-promotions li {text-align:left; padding:10px 15px; border-bottom:1px solid #EEE; line-height:20px; color:#666;}
.de-promotions li:last-child {border:none;}
.de-promotions li i {margin-right:10px;}
.de-com-btn {line-height:26px; padding:6px 20px;}
.de-list-color {width:18px; height:18px; display:inline-block; vertical-align:middle;}

.params {}
.param-title {font-size:16px; line-height:24px; padding-bottom:20px;}
.param-items {width:100%; border-collapse:separate; border-spacing:1px; background:#EEE; margin-bottom:20px;}
.param-items tr {background:#FFF;}
.param-items td {padding:5px 10px; line-height:18px; color:#666;}
.param-items a {color:#3ab1f5;}
.param-items a:hover {color:#428bca;}
.param-item-title {background:#F5F5F5; text-align:right; width:150px; color:#000;}
/* 商品Gallery */
.gallery {width:100%;}
.gallery-show {width:320px; height:320px; text-align:center; overflow:hidden; border:1px solid #EEE;}
.gallery-show img {height:100%;}
.gallerys {width:322px; height:50px; margin-top:8px; position:relative;}
.gallery-prev, .gallery-next {position:absolute; width:16px; height:50px; top:0; background-color:#EEE; line-height:50px; text-align:center; color:#FFF;}
.gallery-prev.none, .gallery-next.none {width:14px; height:50px; background-color:#FFF; border:1px solid #EEE; color:#CCC;}
.gallery-prev i, .gallery-next i {vertical-align:0; margin:19px 0 0 0;}
.gallery-prev.none i, .gallery-next.none i {vertical-align:0; width:14px; height:16px; margin:18px 0 0 0;}
.gallery-prev:hover, .gallery-next:hover {background-color:#DDD; cursor:pointer;}
.gallery-prev.none:hover, .gallery-next.none:hover {background-color:#FFF; cursor:default;}
.gallery-prev {left:0;}
.gallery-prev i {background-position:-380px -733px;}
.gallery-prev:hover i {background-position:-412px -733px;}
.gallery-prev.none i {background-position:-445px -733px!important;}
.gallery-next {right:0;}
.gallery-next i {background-position:-396px -733px;}
.gallery-next:hover i {background-position:-428px -733px;}
.gallery-next.none i {background-position:-460px -733px!important;}
.gallery-list {width:285px; height:54px; margin:auto; position:relative; overflow:hidden;}
.gallery-list ul {overflow:hidden; position:absolute; left:0; top:0; height:54px;}
.gallery-list li {float:left; width:57px;}
.gallery-list li.current img {border:2px solid #3ab1f5; padding:0;}
.gallery-list li img {width:50px; height:50px; border:1px solid #EEE; padding:1px; display:block; margin:auto;}
/* 用户登录、注册、找回密码 */
.login-wp {position:relative; z-index:1;}
.login-bg {width:100%; height:430px; overflow:hidden; position:relative; margin-bottom:40px;}
.login-bg img {width:100%; min-width:1600px; height:430px; position:absolute; display:block; top:50%; left:50%; margin:-215px 0 0 -800px;}
.login-b {width:1200px; position:absolute; top:0; left:50%; margin-left:-600px; z-index:3;}
.login-bg-author {position:absolute; left:20px; top:400px; line-height:20px; color:#FFF; text-shadow:1px 1px 1px rgba(0,0,0,.3);}
.login-bd {width:320px; padding:0 20px 20px; border-top:5px solid #3ab1f5; background:rgba(255,255,255,.95); box-shadow:1px 1px 3px rgba(0,0,0,.1); margin-top:-30px;}
.login-title {font-size:24px; line-height:30px; padding:15px 0;}
.login-form {padding:20px 10px; border-top:1px solid #DDD; border-bottom:1px solid #DDD;}
.login-form .form-group, .reg-form .form-group, .getpwd-form .form-group, #J_qlogin_form .form-group, .social-form .form-group {margin-bottom:25px; position:relative;}
.login-form i, .reg-form i, .getpwd-form i, .social-form i, .fast-form i, #J_qlogin_form .form-group i {display:inline-block; width:14px;}
.login-recode {width:120px; height:34px; overflow:hidden; margin-left:10px;}
.login-recode img#captcha{cursor: pointer;}
.reg-wp {border-top:5px solid #3ab1f5; background:#FFF; box-shadow:1px 1px 3px rgba(0,0,0,.1);}
.reg-title {font-size:24px; line-height:30px; padding:20px 0; border-bottom:1px solid #EEE; margin:0 40px;}
.reg-bd {width:720px; margin:auto; padding:40px 0;}
.reg-form {width:401px; border-right:1px solid #EEE; padding-right:80px;}
.reg-login {margin-left:401px; padding-left:70px;}
.reg-login-bd {padding:0 0 50px 10px;}
.reg-login-bd p {padding-bottom:10px;}
.reg-half {width:190px;}
.reg_tips {padding-top:10px; display:block;}
.reg_tips button {margin-top:10px;}
.getpwd-bd {width:600px; margin:auto; padding:90px 0;}
.social-login {padding:10px 10px 0;}
.fast-social {padding:15px; border-top:1px solid #e9e9e9;}
.social-login p {padding-bottom:10px;}
.social-login-btn {display:inline-block; background:#F2F2F2; color:#999; padding:5px 0; font-size:12px; text-align:center; width:52px; margin-right:10px;}
.social-login-btn span {display:block; width:30px; height:30px; margin:0 auto 10px;}
.social-login-btn i {font-size:30px;}
.social-login-wechat i {font-size:28px; margin-top:8px;}
.dd_r {padding:0 0 0 15px; position:absolute; bottom:-22px; left:0; font-size:12px; line-height:20px; color:#999; width:100%;}
.dd_r .tips_icon_error {color:red;}
.dd_r i {margin-right:5px;}
.getpwd-ok-title {font-size:16px; line-height:24px; margin-bottom:20px;}
.getpwd-tip {padding-top:20px;}
.getpwd-tip p {padding-bottom:10px; line-height:22px;}
.social-bd {width:440px; margin:auto; padding:40px 0;}
.social-form {width:360px; margin:auto;}
.social-bd .sub-tabs li {width:50%; text-align:center;}
/* 验证激活 */
.reg_activation {width:610px;margin:0 auto;padding:30px 0;min-height:400px;}
.reg_activation h1 {font-size:20px;font-weight:100;color:#598403;letter-spacing:1px;margin-bottom:30px;}
.reg_activation p {line-height:1.8;}
.reg_activation p.text {line-height:2;font-size:14px;}
.reg_activation_tip h2 {font-size:12px;border-top:1px solid #d0d4d7;margin-top:50px; padding:10px 0 5px;}
.reg_activation_tip p {padding-bottom:30px;}
.reg_activation_tip p a {color:#155faa}
/* 个人中心 */
.row:after {content:""; display:table; clear:both;}

.ucenter {background:#FFF; padding:30px;}
.uc-menu {background:#F9F9F9;}
.uc-menu li a {display:block; font-size:14px; line-height:42px; padding:0 30px;}
.uc-menu .first {border-bottom:1px solid #EEE;}
.uc-menu .current a {background:#F2F2F2; color:#000;}
.uc-wp {width:880px;}
.medal_rank ol {width:880px;}
.fans_list .attribute {width:auto;}
.fans_list .attribute .mnfollow {margin:10px 0 0 20px;}

.uc-title {font-size:18px; font-weight:normal; margin-bottom:20px;}
.uc-my {margin-bottom:40px;}
.uc-me {width:420px; padding-right:20px;}
.uc-me-avatar {width:80px;}
.uc-me-avatar img {display:block; width:100%;}
.uc-me-avatar span {display:block; line-height:40px; text-align:center;}
.uc-me-info {margin-left:100px; font-size:14px;}
.uc-me-info p {line-height:20px; padding-bottom:10px; color:#999;}
.uc-me-info p span {color:#000;}
.uc-notice {width:419px; border-left:1px solid #EEE; padding-left:20px;}
.uc-notice h4 {font-size:16px; font-weight:normal;}
.uc-notice li {padding-top:10px; line-height:20px; color:#999;}
.uc-upgrade-status {width:200px; height:6px; background:#DDD; border-radius:6px; margin:10px 0 25px 30px; position:relative;}
.uc-levela, .uc-levelb {font-size:12px; width:30px; line-height:20px; position:absolute; top:-7px;}
.uc-levela {left:-30px; color:#999;}
.uc-levelb {right:-30px; text-align:right; color:#F30;}
.uc-upgrade-progress {width:100%; height:6px; background:#F70; border-radius:6px; position:relative;}
.uc-upgrade-progress i {background-position:-11px -1019px; width:8px; height:12px; position:absolute; right:-2px; top:8px; margin:0;}

.uc-set {margin-bottom:40px;}
.uc-set h3 {margin-bottom:20px;}
.uc-set p {}
.set-avatar {}
.set-avatar .pull-left {width:80px; overflow:hidden;}
.set-avatar-txt {margin-left:100px;}
.set-avatar-txt h5 {margin-bottom:13px;}
.set-avatar-txt p {margin-bottom:5px;}

.pop_deep, .pop_deep .hd {background:#F90;}
.btn_success {background-color:#3ab1f5;}

.album_page .cc, .management_group_list .cc, .vote_page .cc, .notice_page .cc {overflow:hidden;}
.photo_up .cc:after, .album_page .cc:after, .management_group_list .cc:after, .vote_page .cc:after, .notice_page .cc {clear:none;}
.password_list dd {width:auto!important;}

.safe-model li {margin-bottom:40px; overflow:hidden;}
.safe-item {width:140px; line-height:30px; text-align:right;}
.safe-body {margin-left:150px; line-height:30px;}
.safe-body i {font-size:18px; vertical-align:-1px;}
.safe-body .progress {margin:5px 0 0; width:50%;}
.safe-form {border:none; padding:20px;}
.safe-mb {margin-bottom:40px;}
.mail_down {box-shadow:1px 1px 3px rgba(0,0,0,.1);}
.mail_down li {line-height:30px; border-bottom:1px solid #F9F9F9;}
.mail_down li a {display:block; padding:0 10px;}
.mail_down li a:hover {background:#F9F9F9;}
.bind-page {padding-top:20px; width:600px;}
.bind-page li {float:left; width:25%; text-align:center;}
.bind-page li span {display:block;}
.bind-icon {width:50px; height:50px; line-height:50px; color:white; margin:auto; margin-bottom:5px;}
.bind-icon i {font-size:30px;}
.bind-weibo {background:#ff605d;}
.bind-qq {background:#fac000;}
.bind-taobao {background:#F40;}
.bind-weixin {background:#2dac11;}
.bind-weixin i {margin-top:10px;}
.bind-name {margin-bottom:20px;}
.bind-tips {text-align:center; padding-top:40px;}
.bind-tips p {line-height:24px; padding-bottom:20px;}
/* 密码强度 */
.pwd_strength_1, .pwd_strength_2, .pwd_strength_3, .pwd_strength_4 {width:84px; height:9px; overflow:hidden; display:inline-block; background:url(../images/register/pwd_strength.png) no-repeat; margin-right:5px;}
.pwd_strength_2{background-position:0 -9px;}
.pwd_strength_3{background-position:0 -18px;}
.pwd_strength_4{background-position:0 -27px;}
/* 消息中心 */
.message-hd {padding-top:5px;}
/* 收藏 */
.collects {width:900px; padding-bottom:40px; overflow:hidden;}
.collects ul {width:920px;}
.collects li {width:210px; float:left; margin:0 20px 20px 0; background:#F9F9F9; padding:10px; position:relative;}
.collects-pic {width:100%; height:190px; overflow:hidden; text-align:center; background:#FFF;}
.collects-pic img {height:100%;}
.collects-name {margin:10px 0 6px;}
.collects-name input {margin:3px 0 0;}
.collects-name-bd {margin:0 32px 0 22px; line-height:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.collects-func {width:22px; height:18px; position:relative; text-align:center; color:#CCC;}
.collects-func .fa-angle-up {display:none; margin-top:-2px;}
.collects-func:hover {background:#EEE; color:#000;}
.collects-func:hover .fa-angle-down {display:none;}
.collects-func:hover .fa-angle-up {display:block;}
.collects-func:hover div {display:block;}
.collects-func .fa-angle-down, .collects-func .fa-angle-up {font-size:20px;}
.collects-func div {position:absolute; top:18px; right:0; background:#EEE; width:80px; line-height:30px; display:none; z-index:10;}
.collects-func div a {display:block;}
.collects-func div a:hover {background:#DDD;}
.collects-shop li {width:164px;}
.collects-shop .collects-pic {height:144px;}
.mg-func {margin-bottom:20px; font-size:12px;}
/* 产品比较 */
.compare-list thead th {border-bottom-width:1px!important; vertical-align:middle!important; text-align:center!important;}
.compare-list thead .red-link {margin-left:10px; font-size:22px; vertical-align:-1px;}
.compare-list tbody td {text-align:center; word-break:break-all; word-wrap:break-word;}
.compare-list tbody td:first-child {text-align:right; font-weight:bold; background:#F5F5F5; vertical-align:middle;}
.compare-check {margin-top:5px;}
.compare-check:hover i {color:#000;}
.compare-check i {font-size:18px; color:#999; vertical-align:-3px;}
.compare-check.checked {color:#009edc;}
.compare-check.checked i {color:#009edc;}
.compare-pic {display:block; padding:30px; overflow:hidden;}
.compare-pic img {height:130px; display:block; margin:auto;}
.compare-same {background:#FBFBFB;}
/* 产品对比模块 */
.gocompare {color:#3ab1f5;}
.gocompare i {font-size:20px; vertical-align:-3px; color:#999;}
.gocompare:hover {color:#009edc;}
.gocompare:hover i {color:#009edc;}
.gocompare.checked i {color:#3ab1f5; font-size:19px; vertical-align:-2px;}
.compare {width:100%; background:rgba(0,0,0,.8); position:fixed; bottom:0; left:0; z-index:10000; display:none;}
.compare .wp {height:150px; position:relative; padding:20px 0 10px;}
.compare-tag {height:110px; line-height:110px; color:#FFF; font-size:24px;}
.compare-items li {float:left; position:relative; margin-left:30px;}
.compare-items li a {display:block; width:120px; height:120px; font-size:12px; color:#BBB;}
.compare-items li a:hover {color:#FFF;}
.compare-items li div {width:100px; height:100px; margin:auto; background:#FFF; overflow:hidden; text-align:center;}
.compare-items li img {height:100px;}
.compare-items li span {display:block; height:20px; line-height:30px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.compare-item-clear {position:absolute; top:-12px; right:-2px; border-radius:50%; padding:0; width:24px; height:24px;}
.compare-submit {width:100px; height:100px; line-height:100px; padding:0; font-size:18px; margin-left:40px;}
.compare-close {position:absolute; top:-18px; right:-18px; width:36px; height:36px; padding:0; border-radius:50%; font-size:20px;}
#compare_btn {bottom:90px; right:30px;}
#compare_btn i {font-size:24px;}
#back_top {bottom:29px; right:30px; display:none; line-height:18px;}
#back_top i {font-size:28px;}
#compare_btn, #back_top {position:fixed; font-size:12px; background:rgba(204,204,204,.8); color:#FFF; width:60px; height:60px; line-height:20px; padding-top:8px; text-align:center; z-index:1000;}
#compare_btn:hover, #back_top:hover {background:#3ab1f5;}
/* 店铺 */
.shop-tdj {width:160px;}
.welcomeshop {text-align:center;}
.tdj-pic {margin-bottom:8px;}
.shop-info {margin-left:180px;}
.shop-info h1 {font-size:30px; line-height:1; font-weight:normal; -webkit-font-smoothing:antialiased; margin-bottom:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.shop-info-t {color:#999; line-height:22px; font-size:14px; margin-bottom:10px;}
.shop-info-base {overflow:hidden; font-size:14px;}
.shop-info-base li {float:left; width:50%; padding:5px 0;}
.shop-info-base li span, .shop-info-des span {display:block; width:50px; float:left; color:#999; line-height:22px;}
.shop-info-base li p {margin:0 10px 0 50px; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.shop-info-des p {margin-left:50px; line-height:22px;}
.shop-info-des p a {display:inline-block; margin-right:10px;}
.shop-info-des {overflow:hidden; padding-top:5px; margin-bottom:20px;}
.shops-related {width:900px; overflow:hidden;}
.shops-related ul {width:920px;}
.shops-related li {width:210px; margin:0 20px 20px 0; float:left; overflow:hidden; background:#F9F9F9; padding:10px; overflow:hidden;}
.shops-related-pic {width:80px; height:80px; overflow:hidden; background:#FFF;}
.shops-related-pic img {width:100%; margin:auto; display:block;}
.shops-related-name {margin-left:90px; height:80px; position:relative;}
.shops-related-name a {display:block; line-height:20px; height:40px; overflow:hidden;}
.shops-related-name i {position:absolute; bottom:5px; left:0;}
.shops-other li {display:inline-block; margin:0 15px 15px 0;}
.shops-other li a {display:inline-block; padding:10px 20px; border:1px solid #F2F2F2; text-align:center; margin:auto;}
.shops-other li a:hover {border:1px solid #3ab1f5;}
.shops-wrapper {padding:20px;}
.shops-list {padding:20px 0;}
.shops-list-f {position:relative; height:24px; z-index:1; margin-bottom:30px;}
.shops-list-f h3 {background:#FFF; height:24px; margin:auto; z-index:3; position:relative; width:180px; text-align:center; line-height:24px; font-size:24px; font-weight:normal; -webkit-font-smoothing:antialiased;}
.shops-list-f h3 a {display:block; color:#3ab1f5;}
.shops-list-f h3 a:hover {color:#009edc; text-decoration:none;}
.shops-list-f h3 span {display:inline-block; background:#3ab1f5; color:white; font-size:14px; padding:0 15px; border-radius:24px; margin-left:10px; vertical-align:5px;}
.shops-list-f h3 a:hover span {background:#009edc;}
.shops-list-f-bg {width:100%; height:1px; background:#F9F9F9; overflow:hidden; position:absolute; top:12px; left:0; z-index:2; _margin-top:20px;}
.shops-list-w {overflow:hidden; position:relative; height:150px;}
.shops-list-c {width:965px; height:150px; position:absolute; top:0; left:29px; overflow:hidden;}
.shops-list-c ul {width:2520px; height:150px;}
.shops-list-c li {float:left;}
.shops-list-c li a {display:block; width:120px; height:125px; padding-top:25px; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -o-transition:all .2s ease-in; -ms-transition:all .2s ease-in; transition:all .2s ease-in;}
.shops-list-c li a:hover {background:#F9F9F9;}
.shops-list-c li a img {width:80px; height:80px; display:block; margin:auto;}
.shops-list-c li a span {display:block; width:120px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:auto; text-align:center;}
.shops-list-c-index {width:1100px;}
.shops-scats {overflow:hidden; padding-bottom:20px;}
.shops-scats h3{font-size:24px; line-height:24px; color:#3ab1f5; font-weight:normal; float:left;}
.shops-scats h3 a{font-size:24px; line-height:24px; color:#3ab1f5; font-weight:normal; float:left;}
.shops-scats h3 a:hover{font-size:24px; line-height:24px; color:#3ab1f5; font-weight:normal; float:left;}
.shops-scats ul {overflow:hidden; margin-left:110px;}
.shops-scats li {display:inline-block; padding:0 10px 10px 0;}
.shops-scats li.cur a {background:#F2F2F2!important; border-radius:22px; color:black!important;}
.shops-scats a {display:inline-block; padding:2px 10px; color:#666;}
.shops-scats a:hover {color:#3ab1f5; background:#F9F9F9; border-radius:22px; text-decoration:none;}
.shops-cats-list {margin-left:30px;}
h1.shops-title {display:inline-block; padding:0 20px; font-size:20px; color:#FFF; background:#3ab1f5; line-height:32px; border-radius:32px; font-weight:normal; margin-bottom:30px;}
.shops-rootcat-title {margin-left:30px;}
.shops-hot-title {position:relative; height:24px; z-index:1; margin:0 0 20px 30px;}
.shops-hot-title span {display:block; background:#FFF; width:100px; font-size:16px; line-height:24px; -webkit-font-smoothing:antialiased; position:relative; z-index:3; color:#3ab1f5; padding-left:30px;}
.shops-rootcat-title span a{display:block; background:#FFF; width:100px; font-size:16px; line-height:24px; -webkit-font-smoothing:antialiased; position:relative; z-index:3; color:#3ab1f5; padding-left:30px;white-space: nowrap;}
.shops-hot-title-bg {width:100%; height:1px; background:#F9F9F9; overflow:hidden; position:absolute; top:12px; left:0; z-index:2;}
.shops-cat-title {position:relative; height:24px; z-index:1; margin:20px 0 20px 30px;}
.shops-cat-title-body {background:#FFF; width:400px; height:24px; z-index:3; position:relative; overflow:hidden;}
.shops-cat-title-body h3 {line-height:24px; font-size:16px; color:#3ab1f5; -webkit-font-smoothing:antialiased; font-weight:normal; float:left; padding-right:20px; padding-left:30px;}
.shops-cat-title-body a {display:block; float:left; padding:0 10px; margin:1px 0 0 10px; line-height:24px; color:#666; border-radius:24px; line-height:22px;}
.shops-cat-title-body a:hover {background:#F9F9F9; color:#333; text-decoration:none;}
.shops-cat-title-body a.cur {background:#3ab1f5; color:white;}
.shops-cat-title-body a.cur:hover {background:#3ab1f5;}
.shops-cat-title-bg {width:100%; height:1px; background:#F9F9F9; overflow:hidden; position:absolute; top:12px; left:0; z-index:2;}
.shops-cat-list {overflow:hidden; margin-left:60px;}
.shops-cat-list li {width:50%; height:50px; float:left;}
.shops-cat-list li a {display:block; height:24px;}
.shops-cat-list li span {display:block; float:left;}
.shops-cat-logo {width:27px; height:27px; border-radius:50%; overflow:hidden; opacity:.3;}
.shops-cat-logo img {width:27px; height:27px; display:block;}
.shops-cat-list li a:hover .shops-cat-logo {opacity:1;}
.shops-cat-name {padding:0 15px; line-height:27px; font-size:14px; color:#666; max-width:250px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-right:5px;}
.shops-cat-list li a:hover .shops-cat-name {color:#3ab1f5;}
.shops-cat-rank {width:100px; padding-top:4px; opacity:.3;}
.shops-cat-list li a:hover .shops-cat-rank {opacity:1;}
.shops-cat-tags {margin-left:20px;}
.shops-cat-tags h3 {background-color:#FFF;}
.shops-cat-tags ul {margin-left:30px;}
.tmall {background-image:url(../images/tmall.png); background-repeat:no-repeat;}
.tmall-sm {width:30px; height:18px; display:inline-block;}
.tmall-lg {width:85px; height:12px; display:inline-block; background-position:0 -25px;}
.tdj-rank {display:inline-block; height:16px; background-image:url(../images/tbicon.png);}
.tdj-rank-0 {width:0;}
.tdj-rank-1{background-position:0 0;width:20px;}
.tdj-rank-2{background-position:0 0;width:40px;}
.tdj-rank-3{background-position:0 0;width:60px;}
.tdj-rank-4{background-position:0 0;width:80px;}
.tdj-rank-5{background-position:0 0;width:100px;}
.tdj-rank-6{background-position:0 -16px;width:20px;}
.tdj-rank-7{background-position:0 -16px;width:40px;}
.tdj-rank-8{background-position:0 -16px;width:60px;}
.tdj-rank-9{background-position:0 -16px;width:80px;}
.tdj-rank-10{background-position:0 -16px;width:100px;}
.tdj-rank-11{background-position:0 -32px;width:20px;}
.tdj-rank-12{background-position:0 -32px;width:40px;}
.tdj-rank-13{background-position:0 -32px;width:60px;}
.tdj-rank-14{background-position:0 -32px;width:80px;}
.tdj-rank-15{background-position:0 -32px;width:100px;}
.tdj-rank-16{background-position:0 -48px;width:20px;}
.tdj-rank-17{background-position:0 -48px;width:40px;}
.tdj-rank-18{background-position:0 -48px;width:60px;}
.tdj-rank-19{background-position:0 -48px;width:80px;}
.tdj-rank-20{background-position:0 -48px;width:100px;}
/* 商城 */
.mall-info {overflow:hidden; margin-bottom:20px;}
.mall-info-img {width:180px; float:left; text-align:center;}
.mall-info-img img {display:block; max-width:160px; margin:auto; margin-bottom:20px;}
.mall-info-txt {margin-left:200px;}
.mall-info-name {overflow:hidden;}
.mall-info-name h1 {font-size:24px; font-weight:normal; margin-bottom:5px; line-height:36px;}
.mall-info-name span {display:block; margin-bottom:20px;}
.mall-info-desc {color:#999; margin-bottom:20px; line-height:22px;}
.mall-info-meta {overflow:hidden;}
.mall-info-meta li {float:left; width:50%; margin-bottom:20px; color:black;}
.mall-info-meta span {color:#999;}
.mall-related li {float:left; width:25%; margin-bottom:20px; text-align:center; overflow:hidden;}
.mall-related-pic {height:60px; overflow:hidden; line-height:60px;}
.mall-related-pic img {width:100px;}
.mall-wrapper {padding:20px;}
.mall-hot-title {font-size:16px; color:#3ab1f5; padding-left:25px;}
.mall-hot-list {padding:10px 0 10px 0; overflow:hidden;}
.mall-hot-list li {float:left; width:16.5%; padding:10px 0 15px 0; text-align:center;}
.mall-hot-list-img {width:100px; height:50px; margin:auto;}
.mall-hot-list-img img {width:100px; display:block;}
.mall-hot-list li span {display:block;line-height:24px; color:#666;}
.mall-hot-list li a:hover {background:#F7F7F7; text-decoration:none;}
.mall-hot-list li a:hover span {color:#333;}
.mall-cat-title {position:relative; height:30px; z-index:1;}
.mall-cat-title-span {margin:auto; width:160px; background:#FFF; z-index:3; position:relative;}
.mall-cat-title-span a {display:block; margin:auto; width:120px; height:30px; line-height:30px; text-align:center; color:white; background:#3ab1f5; border-radius:30px; font-size:18px;}
.mall-cat-title-span a:hover {background:#3ab1f5; text-decoration:none;}
.mall-cat-title-bg {width:100%; height:1px; background:#F9F9F9; overflow:hidden; top:15px; left:0; z-index:2; position:absolute;}
.mall-cat-list {overflow:hidden; padding:20px 0;}
.mall-cat-list li {width:33%; float:left; line-height:36px;}
.mall-cat-list li a {display:block; font-size:14px; padding:0 20px; color:#666;}
.mall-cat-list li span {float:right; font-size:12px; color:#999;}
.mall-cat-list li a:hover {color:#333;}
.mall-cat-list li a:hover span {color:#666;}
.mall-cats-title {font-size:18px; color:#3ab1f5; padding-bottom:20px;}
.mall-list {overflow:hidden; padding-bottom:30px; border-top:1px solid #F9F9F9;}
.mall-list li {padding:20px 0; border-bottom:1px solid #F9F9F9; overflow:hidden;}
.mall-list-logo {float:left; width:120px; float:left; font-size:14px; color:#666; text-align:center;}
.mall-list-logo img {display:block; margin:auto; width:100px; margin-bottom:5px;}
.mall-list-desc {font-size:12px; color:#999; margin-left:150px; line-height:22px;}
/* 静态单页 */
.link-list {margin-bottom:40px;}
.link-list li {display:inline-block; padding:5px 0 5px 20px;}
.links-contact {border-top:1px solid #EEE; padding-top:20px;}
.links-contact p {padding:10px 0; line-height:24px; padding-left:20px;}
.links-contact h3 {color:#3ab1f5; font-size:24px; font-weight:normal; padding-bottom:10px;}
.job-list {padding-top:20px;}
.job-list li {border-top:1px solid #EEE; padding-top:20px;}
.job-title {font-size:16px; margin-bottom:15px;}
.job-content div {padding-left:20px; margin-bottom:5px;}
.job-content p {padding-left:20px; margin-bottom:15px; line-height:24px;}
.J_shop_apply_result {width:420px; font-size:12px; box-shadow:1px 1px 3px rgba(0,0,0,.1); margin-top:10px;}
.J_shop_apply_result .help-block {margin-bottom:0;}
/* 公共模块 */
.p-side {width:270px;}
.side-cats {background:#F9F9F9; margin-bottom:10px;}
.side-cats-one {padding:15px 20px; font-size:22px; cursor:pointer; line-height:24px;}
.side-cats-one i {color:#CCC;}
.side-cats-sub {padding-bottom:10px;}
.side-cats-two {padding:0 0 5px 50px; font-weight:bold;}
.side-cats-three {padding:0 0 0 80px; line-height:30px;}
.side-cats-three li i, .side-cats-two-last li i {margin-right:7px;}
.side-cats-two-last {padding:0 0 4px 50px; line-height:30px;}
.side-cats-three li.cur a, .side-cats-two-last li.cur a {font-weight:bold; color:#3ab1f5;}

.side-list {background:#F9F9F9; margin-bottom:10px;}
.side-list-title {padding:15px 20px; font-size:22px; line-height:24px;}
.side-topic-list {padding:0 10px 0 50px;}
.side-topic-list li {padding:5px 0 15px; line-height:20px;}
.side-topic-list li p {margin-left:30px;}
.side-topic-list .rank {width:20px; height:20px; line-height:20px; font-size:14px;}
.side-topic-list .rank-10 {font-size:12px;}

.side-options {background:#F9F9F9; margin-bottom:10px;}
.side-options-title {padding:15px 20px; font-size:22px; cursor:pointer; line-height:24px;}
.side-options-title i {color:#CCC;}
.options-selector {padding:0 25px 15px;}
.options-selector select {margin-bottom:10px;}
.options-selector input:before {padding:6px 32px 6px 12px;}

.option-brand {border:1px solid #DDD; background:#FFF; border-radius:5px; line-height:32px; overflow:hidden;}
.option-brand ul {overflow-x:hidden; overflow-y:auto; max-height:288px;}
.option-brand a {display:block; line-height:22px; padding:7px 20px;}
.option-brand a:hover {background:#F2F2F2;}
.option-brand .cur, .option-brand .cur:hover {background:#3ab1f5; color:#FFF;}

.options-checks {padding:0 15px 5px 40px;}
.options-checks li { padding-bottom:10px;}
.options-checks-item {margin-left:20px;}

.p-bd {width:900px;}
.bd-model-half {width:435px;}
.bc {color:#999; height:36px; line-height:36px; margin-bottom:20px;}
.bc i {margin:0 5px;}
.bc .navbar-right {margin-right:0;}
.p-s {margin-left:30px; width:620px;}
.search {background:#F5F5F5; display:table-cell;}
.s-select {position:relative; width:150px; text-align:center;}
.s-select:hover {background:#F9F9F9; cursor:pointer;}
.s-select span {font-size:22px; line-height:56px;}
.s-select i {vertical-align:-3px;}
.s-select:hover .s-cats {display:block;}
.s-cats {position:absolute; top:53px; left:0; width:500px; padding:10px; background:#F9F9F9; display:none; box-shadow:2px 2px 3px rgba(0,0,0,.1); z-index:999;}
.s-cats li {float:left; width:25%;}
.s-cats li a {display:block; line-height:18px; padding:10px; text-align:center;}
.s-cats li .cur {background:#EEE;}
.s-cats li a i {font-size:9px; vertical-align:middle; margin-right:5px;}
.s-cats li a:hover {background:#3ab1f5; color:#FFF;}
.s-btn {width:90px; height:56px; border:none; outline:none; background:#3ab1f5; color:#FFF;}
.s-btn:hover {background:#009edc;}
.s-key-wrap {margin:0 90px 0 150px; position:relative; z-index:1;}
.s-key {border:none; outline:none; font-size:20px; height:50px; padding:10px; margin:3px 0; line-height:30px; width:100%; position:relative; z-index:2;}
.s-loading {position:absolute; z-index:3; width:16px; height:16px; background:url(../images/loading.gif) no-repeat; background-size:16px; top:21px; right:15px; display:none;}

/* 搜索联想列表样式 */
.ui-autocomplete {width:470px; background:#FFF; border:1px solid #F2F2F2; border-bottom:none;}
.ui-autocomplete li {line-height:36px; border-bottom:1px solid #F2F2F2; text-align:right; padding:0 10px; cursor:pointer; font-size:12px; color:#999;}
.ui-autocomplete li.ui-state-focus {background:#F9F9F9;}
.ui-autocomplete li a {display:block; float:left; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:80%; text-align:left;}
.ui-autocomplete li.ui-state-focus a {color:#000;}

.pr-list {width:900px; overflow:hidden;}
.pr-list ul {width:930px;}
.pr-list li {width:280px; float:left; margin:0 30px 30px 0; background:#F9F9F9; padding:10px;}
.pr-list li:hover {background:#3ab1f5;}
.pr-list li:hover .pr-name a {color:#FFF;}
.pr-list li:hover .star {background-image:url(../images/star_hover.png);}
.pr-list li:hover .pr-meta .price {color:#fcff00;}
.pr-list.list-full {width:1200px;}
.pr-list.list-full ul {width:1250px;}
.pr-list.list-full li {margin:0 27px 30px 0;}
.pr-pic {width:100%; height:260px; overflow:hidden; background:#FFF; text-align:center;}
.pr-pic img {height:100%;}
.pr-name {margin:15px 0 10px 0; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pr-name.h40 {white-space:normal; text-overflow:clip;}
.pr-name a {color:#000;}
.pr-meta .star {vertical-align:-10px;}
.pr-rank {width:30px; height:30px; line-height:30px; text-align:center; color:#FFF; font-size:20px; border-radius:50%; position:absolute; left:20px; top:255px;}
.pr-rank1 {background:#ff4a79;}
.pr-rank2 {background:#CCC;}

.diff-gird ul {width:920px;}
.diff-gird li {width:210px; margin:0 20px 20px 0;}
.diff-gird .pr-pic {height:190px;}
.diff-gird .pr-name {margin:10px 0 6px;}
.diff-gird li .gocompare {margin-top:8px;}
.diff-gird li:hover .gocompare, .diff-gird li:hover .gocompare i, .diff-gird li:hover .gocompare:hover, .diff-gird li:hover .gocompare:hover i {color:#FFF;}

.comment-hd {margin-bottom:40px;}
.comment-hd>.half {width:400px;}
.comment-score {padding-top:40px;}
.comment-post-btn {padding-top:20px;}
.comment-post-btn p {padding-top:10px;}
.comment-model {position:relative;}
.comment-model li {border-bottom:1px solid #F2F2F2; padding:15px 0; overflow:hidden;}
.comment-model li:first-child {padding:0 0 15px;}
.comment-avatar {width:60px;}
.comment-avatar img {width:100%; display:block;}
.comment-wp {margin-left:85px;}
.comment-wp-noavatar {margin-left:5px;}
.comment-title {font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:5px;}
.comment-title a {color:#3ab1f5;}
.comment-title a:hover {color:#009edc;}
.comment-meta {padding:0 0 5px; color:#3ab1f5;}
.comment-meta .star {vertical-align:-2px;}
.comment-bd {line-height:22px; max-height:66px; overflow:hidden;}
.comment-full {line-height:22px; padding:10px 0 20px; color:#666;}
.comment-v {word-break:break-all; word-wrap:break-word;}
.comment-full-list li {overflow:hidden; padding:10px 0!important; border:none!important; line-height:24px;}
.comment-full-list-k {width:50px;}
.comment-full-list-v {margin-left:50px;}
.comment-pics {margin-top:20px; height:80px; overflow:hidden;}
.comment-pics ul {width:665px;}
.comment-pics li {width:80px; height:80px; margin:0 15px 15px 0; overflow:hidden; float:left; padding:0!important;}
.comment-pics li a {display:block; width:100%; height:100%;}
.comment-pics li img {height:100%; margin:auto; display:block;}
.comment-pics-more {display:block; line-height:80px; width:80px; text-align:center; background:#F9F9F9;}
.comment-pics-more:hover {background:#EEE;}
.comment-reply {background:#F9F9F9; padding:15px; margin-top:20px;}
.comment-reply-form {height:52px;}
.comment-reply-uavatar {width:30px; height:30px;}
.comment-reply-uavatar img {width:100%;}
.comment-reply-submit {width:80px; height:52px;}
.comment-reply-submit .btn {width:100%; height:100%; line-height:100%; border:none; padding:0;}
.comment-reply-input {margin:0 80px 0 50px;}
.comment-quick {border:1px solid #EEE; border-right:none; width:100%; line-height:20px; padding:5px; resize:none; outline:none;}
.comment-reply-list {margin-top:20px;}
.comment-reply-list li {overflow:hidden; padding:15px 0!important; border-top:1px solid #EEE!important; border-bottom:none;}
.comment-reply-list li:last-child {padding:15px 0 0!important;}
.comment-reply-list-avatar {width:30px; height:30px; overflow:hidden;}
.comment-reply-list-avatar img {width:100%;}
.comment-reply-list-body {margin-left:50px;}
.comment-reply-list-meta {margin-bottom:5px;}
.comment-reply-list-bd {line-height:20px; margin-bottom:5px;}
.default-avatar {display:inline-block; width:60px; height:60px; line-height:60px; text-align:center; background:#EEE; font-size:40px; color:#FFF;}
.rating {margin-top:5px; z-index:0!important;}
.rating-val {width:50px; font-size:16px; height:20px; line-height:20px; text-align:center; color:#009edc; border:none; margin-top:6px;}
.p-c {}
.p-c-name {font-size:22px; margin-bottom:20px;}
.p-c-pic {width:100%; border:1px solid #EEE; margin-bottom:20px;}
.p-c-pic img {width:100%; display:block;}
.comment-upload {padding:0;}
#file_upload_queue .uploadify-queue-item {width:360px; padding:8px 0; font-size:12px;}
.uploadify-queue-item .cancel {float:right;}
.uploadify-progress {width:100%; height:5px; background:#F9F9F9; overflow:hidden; margin-top:3px;}
.uploadify-progress-bar {height:5px; overflow:hidden; background:#DDD;}
#file_upload_list {overflow:hidden; padding-top:10px;}
#file_upload_list li {width:80px; height:80px; float:left; margin:10px 10px 0 0; background:#EEE; position:relative;}
#file_upload_list li img {display:block; height:100%; margin:auto;}
#file_upload_list li .del-upload {width:80px; height:80px; line-height:80px; text-align:center; display:block; background:rgba(0,0,0,.7); color:#FFF; position:absolute; top:0; left:0; font-size:12px; display:none;}
#file_upload_list li:hover .del-upload {display:block;}

.discus-model li {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom:1px solid #F2F2F2; padding-right:50px; color:#999; padding:10px 0; font-size:16px; line-height:20px;}
.discus-model li:first-child {padding:0 0 10px;}
.discus-model li span {font-size:12px;}
.discus-model li:last-child, .comment-model li:last-child {border:none;}

/* 文章模块 */
.article-model li {overflow:hidden; background:#F9F9F9; margin-bottom:20px;}
.article-pic {width:150px; height:100px; overflow:hidden;}
.article-pic img {width:100%;}
.article-wp {margin-left:150px; padding:12px 15px;}
.article-title {line-height:20px; font-size:16px;}
.article-title a {color:#3ab1f5;}
.article-title a:hover {color:#009edc;}
.article-title span {font-size:12px;}
.article-bd {padding-top:10px; line-height:22px;}

/* 购物指南 */
.article-single {}
.article-single-title {font-size:24px; line-height:30px; margin-bottom:30px;}
.article-single-content {}
.article-md {padding:15px 20px; background:#F9F9F9; margin-bottom:20px;}
.article-md-title {font-size:20px; padding-bottom:10px; line-height:24px;}
.article-md-content {line-height:24px;}
.article-md-content h4 {font-size:16px; text-indent:2em; padding:10px 0 0;}
.article-md-content h5 {font-size:14px; text-indent:2em; padding:10px 0 0;}
.article-md-content p {text-indent:2em; padding:10px 0; color:#666;}
.article-md-content ol {margin-left:48px; list-style:decimal; color:#666; padding:10px 0;}
.article-md-content ul {margin-left:48px; list-style:disc; color:#666; padding:10px 0;}
.article-md-content ul ul {list-style:circle;}

/* 单篇文章 */
.article-bd-hd {padding:0 40px 30px; border-bottom:1px solid #EEE;}
.article-bd-hd h1 {font-size:24px; line-height:30px; margin-bottom:10px;}
.article-bd-hd span {margin-right:20px; display:inline-block; line-height:30px;}
.article-bd-wp {padding-top:30px;}
.article-bd-bd, .article-content {color:#666;padding: 0 30px;}
.article-bd-bd p, .article-content p {line-height:24px; padding:10px 0; text-indent:2em;}
.article-bd-bd a, .article-content a {color:#3ab1f5;}
.article-bd-bd a:hover, .article-content a:hover {color:#009edc;}
.article-content ol {margin-left:50px; list-style:decimal;}
.article-content ol li {padding:5px 0; line-height:24px;}
.article-copyright {background:#F9F9F9; padding:15px; line-height:24px; margin:0 0 40px;}
.related-articles .half {width:48%;}
.related-article-list li {padding:8px 10px; border-bottom:1px solid #EEE; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.guide-bar {border:none; width:270px; background:#F9F9F9;}
.guide-bar i {font-size:12px; margin-right:10px;}
.guide-bar .nav li.active>a, .guide-bar .nav li.active>a:hover {background:#3ab1f5; color:white;}
.guide-bar .nav ul li a {padding:10px 10px 10px 50px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.guide-bar .nav ul li a:hover {background:#EEE;}
.affix {top:20px;}

.tab {border-bottom:1px solid #EEE; height:49px; margin-bottom:50px;}
.tab ul {margin-top:-1px; height:50px;}
.tab li {font-size:18px; line-height:50px; float:left; margin-right:10px;}
.tab li a {display:block; padding:0 40px;}
.tab li.cur {background:#3ab1f5; color:#FFF; position:relative; box-shadow:3px 3px 4px rgba(0,0,0,.1) inset;}
.tab li.cur a {color:#FFF;}
.tab li.cur:before {position:absolute; top:50px; left:50%; margin-left:-10px; display:inline-block; border-right:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid transparent; border-top:10px solid #3ab1f5; content:'';}

.star {background-image:url(../images/star.png); background-repeat:no-repeat; width:70px; height:14px; display:inline-block; vertical-align:middle;}
.star50 {background-position:0 0;}
.star45 {background-position:0 -14px;}
.star40 {background-position:0 -28px;}
.star35 {background-position:0 -42px;}
.star30 {background-position:0 -56px;}
.star25 {background-position:0 -70px;}
.star20 {background-position:0 -84px;}
.star15 {background-position:0 -98px;}
.star10 {background-position:0 -112px;}
.star05 {background-position:0 -126px;}
.star00 {background-position:0 -140px;}
.score {font-size:18px; display:inline-block; vertical-align:middle;}

.color-selector {display:inline-block;}
.color-selector span {width:18px; height:18px; line-height:18px; text-align:center; display:inline-block; margin-right:5px; vertical-align:middle; cursor:pointer; opacity:0.3; font-size:9px;}
.color-selector span:hover {opacity:1;}
.color-all {padding:0 5px; width:auto!important; background:#666; color:#FFF;}
.color-black {background:black; color:black;}
.color-red {background:red; color:red;}
.color-blue {background:blue; color:blue;}
.color-green {background:green; color:green;}
.color-selector .selected {opacity:1; background:#FFF; border-style:solid; border-width:2px; line-height:14px;}
.color-all.selected {border-color:#666; color:#666;}
.color-black.selected {border-color:black;}
.color-red.selected {border-color:red;}
.color-blue.selected {border-color:blue;}
.color-green.selected {border-color:green;}

.rank {width:30px; height:30px; line-height:30px; display:inline-block; color:#FFF; background:#ff4b7a; text-align:center; font-size:20px; border-radius:50%;}
.rank-10 {font-size:16px;}
.rank-00 {background:#999;}
.rank-100 {font-size:12px;}
.rank-none {background:#EEE; font-size:16px;}

.waprogress {width:120px; height:6px; background:#EEE;}
.waprogress span {display:block; height:6px; background:#3ab1f5;}

.pager {padding:20px 0; margin:0;}
.pg-line {border-top:1px solid #DDD;}
.pager a, .pager span {display:inline-block; padding:9px 15px;}
.pager a:hover {background:#F9F9F9;}
.pager .cur {background:#3ab1f5; color:#FFF;}

.top_loading {background:rgba(58,177,245,.6); width:120px; line-height:32px; color:#FFF; text-align:center; left:50%; margin-left:-60px;}

.pin-box {position:relative;}
.pin-bd {margin-top:-1px;}
.pin-hide {display:none;}

.shop-share {padding:20px 0 0 24px;}
.mall-share .share-list {right:0!important; left:auto!important;}
.article-share {display:inline-block;}
.share-btn {color:#3ab1f5; background:transparent;}
.share-btn:hover, .share-btn:focus {background:#EEE; color:#000;}
.share-list {margin:0; box-shadow:none; background:#EEE; padding:0; border:none; border-radius:0; left:0; right:auto;}
.share-list li a {padding:8px 20px; line-height:30px;}
.share-list i {font-size:30px; vertical-align:-4px;}
.share-list .fa-weibo {color:#ff605d; vertical-align:-5px;}
.share-list .fa-qq {color:#fac000; font-size:26px;}
.share-list .fa-wechat {color:#3d8300; font-size:26px;}
.share-list .wdxicon-taobao {color:#F40;}
.share-list .wdxicon-douban {color:#2ea03d;}

.de-share {position:absolute; bottom:10px; right:0; line-height:30px; color:#999; font-size:12px;}
.de-share .share-list {margin:0; box-shadow:none; padding:0; border:none; border-radius:0; left:0; right:auto; display:inline-block; background:#FFF;}
.de-share .share-list a {padding-right:10px; line-height:30px;}
.de-share .share-list i {font-size:18px;}
.de-share .share-list .fa-weibo {color:#d5162d; vertical-align:-2px;}
.de-share .share-list .fa-qq {color:#fac000; font-size:16px; vertical-align:-1px;}
.de-share .share-list .fa-wechat {color:#3d8300; font-size:16px; vertical-align:-2px;}
.de-share .share-list .wdxicon-taobao {color:#F40; vertical-align:-1px;}
.de-share .share-list .wdxicon-douban {color:#2ea03d; vertical-align:-1px;}

.cc {overflow:hidden;}
.test {position:fixed; top:20px; right:-60px; width:200px; line-height:36px; z-index:9999; background:red; color:#FFF; font-size:16px; text-align:center; transform:rotate(45deg); font-weight:bold;}
.pop_report{width:448px;}
#J_report_pop {width:450px!important;}
/*
===================
非操作型提示
>>  作用为操作成功等，自动关闭效果的弹窗
===================
*/
.pop_showmsg_wrap{
    position:fixed;
    _position:absolute;
    z-index:999;
}
.pop_showmsg_wrap:focus{
    outline:0 none;
}
.pop_showmsg{
    display:inline-block;
    height:55px;
    box-shadow:0 1px 6px rgba(0,0,0,0.3);
    border:1px solid #d6d6d6;
    border-radius:3px;
    background-color:#fff;
    background-position:0 -900px;
}
.pop_showmsg span{
    font-size:12px;
    padding:10px 10px 10px 50px;
    display:inline-block;
    line-height:36px;
    color:#666;
    background:url(../images/tips/middle.png) -85px -39px no-repeat;
}
.pop_showmsg span.warning{
    background-position:15px -139px;
}
/* 全局弹窗 */
.core_pop_wrap{
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow:0 0 5px rgba(0,0,0,0.2);
    border-radius: 3px;
    position:absolute;
    z-index:10;
    color:#333;
    outline:none;
}
.core_pop{
}
.pop_top{
    line-height:18px;
    padding:9px 15px 8px;
    border-top:1px solid #fff;
    border-bottom:1px solid #e7e7e7;
    background:#f6f6f6;
    _width:100%;
    zoom:1;
}
.pop_top:after{
    content:'\20';
    display:block;
    height:0;
    clear:both;
    visibility: hidden;
    width:1px;
}
.pop_top strong{
    font-size:14px;
    color:#333;
    font-weight:700;
    white-space:nowrap;
    margin-right:10px;
    float:left;
}
.pop_top select{
    float:left;
    padding:1px;
    line-height:22px;
    height:22px;
}
.pop_cont{
    background:#fff;
    color:#333;
    padding:15px;
}
.pop_cont dl{
    padding:10px 0;
}
.pop_cont dt{
    float:left;
    width:85px;
    line-height:26px;
    margin-right:10px;
}
.pop_cont dd{
    overflow:hidden;
    padding:1px 0;
    _float:left;
}
.pop_cont .dl_cd img{
    display:block;
    vertical-align:top;
}
/*表格*/
.pop_design_tablelist{
    width:100%;
    border-top:1px solid #e4e4e4;
    table-layout:fixed;
}
.pop_design_tablelist thead td,
.pop_design_tablelist thead th{
    background:#f7f7f7;
}
.pop_design_tablelist td,
.pop_design_tablelist th{
    padding:5px;
    border-bottom:1px solid #e4e4e4;
}
/*底部*/
.pop_bottom{
    padding:10px 15px;
    text-align:center;
    border-top:1px solid #e9e9e9;
}
.pop_bottom label{
    display:inline-block;
    padding-top:3px;
}
.pop_bottom .btn{
    padding-left:20px;
    padding-right:20px;
    margin:0 5px;
}
/*提示*/
.pop_tips{
    background:#f7f7f7;
    line-height:24px;
    padding:0 10px;
    margin:0 10px 0;
    color:#666;
}
/*关闭*/
.pop_close{
    float:right;
    width:16px;
    height:16px;
    overflow:hidden;
    background-position:5px -35px;
    -webkit-transition: all 0.2s ease-out;
    line-height:12px;
    font-size:22px;
}
.pop_close:hover{
    background-position:5px -55px;
}
/*读取中*/
.pop_loading{
    background-position:center center;
    height:80px;
    width:80px;
    margin:auto;
}
/*
===================
地区学校资料库
===================
*/
.pop_region_list{
    padding-bottom:10px;
}
.pop_region_list ul{
    padding-left:2px;
}
.pop_region_list ul li{
    float:left;
    line-height:20px;
    margin:0 3px;
}
.pop_region_list ul li a,
.pop_region_list ul li span{
    display:block;
    padding:0 5px;
    color:#333;
    white-space:nowrap;
    border-radius:2px;
}
.pop_region_list ul li a:hover{
    background:#e0e0e0;
    text-decoration:none;
}
.pop_region_list ul li.current a,
.pop_region_list ul li.current span{
    background:#266aae;
    color:#ffffff;
}
.pop_region_list .hr{
    background:#e4e4e4;
    height:1px;
    overflow:hidden;
    font:0/0 Arial;
    clear:both;
    margin:10px 0;
}
.pop_region_list .filter{
    padding:10px 0;
}
.pop_region_list .filter a{
    margin-right:12px;
}
.pop_region_list .filter a.current{
    color:#333;
    font-weight:700;
}
.pop_region_list .list{
    border:1px solid #ccc;
    height:108px;
    overflow-x:hidden;
    overflow-y:auto;
}
.pop_region_list .list ul{
    padding:5px;
}
.pop_region_list .list li{
    float:left;
    width:33%;
    cursor:pointer;
    text-indent:5px;
}
.pop_region_list .list li:hover{
    background:#f7f7f7;
}
/*
===================
发消息弹窗宽度
>>依赖全局弹窗
===================
*/
.pop_message_add{
    width:490px;
}
.pop_message_add dt{
    width:48px;
    font-size:12px;
    font-weight:normal;
}
.pop_message_add dl{
    padding:5px 0;
    margin:0;
}
/*
===================
用户输入框型选择
>>发消息选择好友
===================
*/
.user_select_input{
    padding:2px 2px 0;
    _padding:2px;
    font-size: 100%;
    border:1px solid #ccc;
    background-color:#fff;
    box-shadow:2px 2px 2px #f0f0f0 inset;
    vertical-align: middle;
    margin: 0;
    font-family: inherit;
    color:#333;
    min-height:25px;
    width:390px;
    padding-right:20px;
}
.user_select_input input{
    float:left;
    width:90px;
    padding:1px 0;
    border:0 none;
    outline:0 none;
    margin:2px 0 0;
}
.user_select_input .input_down{
    float:right;
    width:16px;
    height:16px;
    margin:5px -17px 0 0;
    overflow:hidden;
    text-indent:-2000em;
    background-position:2px -347px;
    background:url(../images/common/core_icon.png) no-repeat;
}
#J_msg_pop_textarea {
    padding:4px 4px;
    font-size: 100%;
    line-height:18px;
    border:1px solid #ccc;
    background-color:#fff;
    box-shadow:2px 2px 2px #f0f0f0 inset;
    vertical-align: middle;
  margin: 0;
    font-family: inherit;
    color:#333;
}
#J_msg_pop_textarea:focus{
    outline:2px solid #99d8f5;
    border-color:#7bbff2;
}
.user_select_input ul{
}
.user_select_input li{
    float:left;
    margin:0 3px 3px 0;
    padding:0;
    height:22px;
    line-height:20px;
}
.user_select_input li a{
    border:1px solid #c5dbeb;
    float:left;
    white-space:nowrap;
    background:#d9eaf5;
    word-break:break-all;
}
.user_select_input li a:hover{
    text-decoration:none;
    background:#edfcff;
}
.user_select_input li a span{
    display:inline-block;
    padding:0 6px;
    cursor:pointer;
    color:#1c72af;
    vertical-align:top;
}
.user_select_input li a del{
    display:inline-block;
    padding:0 4px 0 0;
    cursor:pointer;
    color:#3d6f93;
    text-decoration:none;
    position:relative;
    margin-left:-3px;
}
.user_select_input li a:hover del{
    color:#3d6f93;
}
.user_select_input li.disabled a{
    color:#999999;
    background-color:#e9eaea;
    border-color:#e9eaea;
}
.user_select_input li.disabled a span{
    cursor:default;
}
.icon_face{
    float:left;
    display:block;
    margin:8px 5px 0 0;
    width:22px;
    height:22px;
    overflow:hidden;
    text-indent:-2000em;
    color:#999;
    background:url(../images/common/style_icon.png) no-repeat;
    background-position:0 -429px;
    position:relative;
    z-index:1;
}
.icon_face:hover{
    background-position:0 -489px;
}
/*
===================
弹窗选择好友
>>外框以来全局弹窗
===================
*/
.user_select_pop{
    width:398px;
}
.user_select_pop .follow_list{
}
.user_select_pop .follow_list ul{
    height:125px;
    overflow-y:auto;
}
.user_select_pop .follow_list li{
    float:left;
    width:122px;
    line-height:25px;
    height:25px;
    overflow:hidden;
}
/*
===================
全局无内容界面提示
===================
*/
/*独立页面提示*/
.not_content{
    padding:150px 0 30px;
    text-align:center;
    background:url(../images/tips/gray_big.png) center 50px no-repeat;
    font-size:20px;
    color:#999;
}
/*弹窗提示*/
.not_content_mini{
    padding:15px 20px;
    text-align:center;
    color:#666;
    font-size:14px;
    line-height:32px;
    margin-bottom:10px;
}
.not_content_mini i{
    display:inline-block;
    width:32px;
    height:32px;
    background:url(../images/tips/gray_middle.png) no-repeat;
    vertical-align:middle;
    margin-right:10px;
}
/*
===================
全局迷你表情
===================
*/
div.pop_show_mini{
    width:297px;
    padding:15px;
}
.pop_show_mini .pop_close{
    right:13px;
    position:absolute;
    top:13px;
}
.pop_show_mini .hd{
    height:22px;
    line-height:22px;
    border-bottom:1px solid #e4e4e4;
    margin-bottom:10px;
    padding:0!important;
    font-size:12px;
}
.pop_show_mini .hd li{
    float:left;
}
.pop_show_mini .hd li a{
    display:block;
    float:left;
    padding:0 10px;
}
.pop_show_mini .hd li.current a{
    border:1px solid #e4e4e4;
    border-bottom:0 none;
    background:#fff;
    position:relative;
    margin-bottom:-1px;
    color:#333;
}
.pop_show_mini .ct{
    overflow:hidden;
    min-height:50px;
}
.pop_show_mini .ct ul{
    overflow:hidden;
    padding:1px 0 0 1px;
}
.pop_show_mini .ct li{
    float:left;
    border:1px solid #e4e4e4;
    margin-left:-1px;
    margin-top:-1px;
    position:relative;
}
.pop_show_mini .ct li a{
    display:block;
    width:36px;
    height:36px;
    padding:3px;
    text-align:center;
    line-height:36px;
}
.pop_show_mini .ct li a:hover{
    padding:0;
    border:3px solid #e4e4e4;
}
.pop_show_mini .ct li img{
    max-width:30px;
    max-height:30px;
    _height:30px;
    _width:30px;
    vertical-align:middle;
}
/*表情分页*/
.pop_show_mini .show_page{
    padding:10px 0 0;
}
.pop_show_mini .show_page a{
    line-height:16px;
    padding:0 5px;
    float:left;
    display:block;
    height:16px;
    overflow:hidden;
    margin-right:5px;
}
.pop_show_mini .show_page a{
    color:#555;
    border: 1px solid #e4e4e4;
    text-decoration:none;
}
.pop_show_mini .show_page a:hover,
.pop_show_mini .show_page a.current{
    background:#409fdf;
    color:#fff;
    border: 1px solid #006699;
    text-decoration:none;
}
/*
===================
全局下拉菜单
===================
*/
.core_menu{
    position:absolute;
    border:1px solid #c1c1c1;
    background:#fff;
    width:98px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.3);
    outline:none;
}
/*上箭头*/
.core_arrow_top{
    position:absolute;
    top:-24px;
    left:10px;
    width:40px;
    height:15px;
    margin-top:10px;
    padding:0 25px;
}
.core_arrow_top span,
.core_arrow_top em{
    position:absolute;
    width:0;
    height:0;
    padding:0;
    margin:-1px 0 0 2px;
    border-top:8px transparent dashed;
    border-right:8px transparent dashed;
    border-left:8px transparent dashed;
    overflow:hidden;
}
.core_arrow_top span{
    border-bottom:8px #ffffff solid;
}
.core_arrow_top em{
    border-bottom:8px #c1c1c1 solid;
    margin-top:-2px;
}
/*下箭头*/
.core_arrow_bottom{
    position:absolute;
    bottom:9px;
    left:10px;
    padding:0 25px;
}
.core_arrow_bottom span,
.core_arrow_bottom em{
    position:absolute;
    width:0;
    height:0;
    padding:0;
    margin:9px 0 0 2px;
    border-bottom:8px transparent dashed;
    border-right:8px transparent dashed;
    border-left:8px transparent dashed;
    overflow:hidden;
}
.core_arrow_bottom span{
    border-top:8px #ffffff solid;
}
.core_arrow_bottom em{
    border-top:8px #c1c1c1 solid;
    margin-top:10px;
}
/*下拉列表*/
.core_menu_list{
    padding:5px 0 !important;
    height:auto !important;
    float:none !important;
}
.core_menu_list li{
    float:none !important;
    margin:0;
    width:100% !important;
    padding:0 !important;
}
.core_menu_list li a{
    display:block;
    line-height:23px;
    height:23px;
    overflow:hidden;
    padding:0 2px 0 8px !important;
    color:#333 !important;
    border:0 none;
    margin:0 !important;
    float:none !important;
    border-radius: 0;
    font-size:12px !important;
    font-weight:100 !important;
    white-space:nowrap;
    text-overflow:ellipsis;
    -ms-text-overflow:ellipsis;
}
.core_menu_list li a:hover{
    border:0 none;
    background-color:#f5f5f5;
    text-decoration:none;
    color:#333;
}
.core_menu_list .data{
    font-style:normal;
    background:#f6f6f6;
    float:right;
    width:23px;
    text-align:center;
    padding:0;
    border-radius:2px;
    line-height:16px;
    height:16px;
    text-indent:0;
    margin:3px 5px 0 0;
}
.core_menu_list li a:hover .data{
    background:#fff;
}
.core_menu_list .hr{
    height:0;
    border-bottom:1px solid #e8e8e8;
    margin:3px auto;
    overflow:hidden;
    font:0/0 Arial;
}
/* 条款协议 */
.agreements { margin-top:10px; }
.agreements pre {height:150px; overflow-x:hidden; overflow-y:scroll; border:1px solid #e4e4e4; margin-top:10px;}
/* 广告 */
.ad_250 {width: 250px;height: 250px;position: relative;}

/* 全局loading样式 */
#wdx-loading {position:fixed; top:50%; left:50%; z-index: 10001; background:rgba(0,0,0,1); width:60px; height:60px; box-shadow:0 0 10px rgba(0,0,0,.2); margin:-30px 0 0 -30px; border-radius:5px;}
#wdx-loading-box {width:60px; height:60px; background:url('../images/common/blackloading.gif') center center no-repeat; background-size:50%;}
.wdx-loading {display:inline-block;height:16px;width:16px;background:url("../images/common/ajax-loader.gif") no-repeat;}
#wdx-loading-mini-box {width: 16px;height: 16px;margin:0 auto;background-image: url('../images/common/loading-mini.png');}
/* bs弹窗 */
.modal-content {background-color: #fafafa;border-color:#999;box-shadow: 0 20px 20px rgba(0, 0, 0, 0.3);}
.alert-box .modal-header .close {margin:0;color: #9e9e9e;}
.alert-box .modal-footer {padding-top:0;line-height: 34px;border-top: none;}
.alert-box .modal-footer button {margin:0 0 0 20px;}
.modal-dialog textarea, .modal-dialog input {margin-bottom: 10px;overflow: hidden;}
.wdx-imageVideo-box .modal-dialog, .wdx-share-box .modal-dialog, .wdx-question-redirect-box .modal-dialog, .wdx-inbox .modal-dialog, .wdx-topic-edit-note-box .modal-dialog, .wdx-favorite-box .modal-dialog {width: 470px;}
.wdx-imageVideo-box .modal-dialog p {width:95%;margin:0 auto;color: #999;}
.wdx-publish-box .modal-dialog {width: 540px;}
.wdx-publish-box .wdx-publish-title {margin-bottom: 10px;}
.wdx-recommend-box .modal-dialog {width: 524px;}
.wdx-recommend-box ul li {position: relative;float: left;width: 47%;height: 40px;margin: 0 10px 10px 0;background: #f0f0f0;border-radius: 4px;}
.wdx-recommend-box ul li:hover {background-color: #e6e6e6;}
.wdx-recommend-box h4 {color: #999;font-size: 14px;}
.wdx-recommend-box ul {width: 505px;}
.wdx-recommend-box ul li img {position: absolute; width: 32px;height: 32px;left: 4px;top: 4px;}
.wdx-recommend-box ul li a {display:block;padding-left: 46px;cursor: pointer; line-height: 40px;font-size: 12px; color: #333;}
.wdx-recommend-box ul li i {display: none;position: absolute;right: 0;top: 7px;width: 24px;height: 24px;color: #499ef3;;text-align: center;line-height: 24px;border-radius: 12px;font-size: 20px;}
.wdx-recommend-box ul li.active i {display: block;}
/* 警告提示box */
.wdx-tips-box .modal-dialog, .wdx-confirm-box .modal-dialog {width: 370px;}
.wdx-tips-box .modal-body {background: url(../images/common/warmming.png) no-repeat right 5px;}
.wdx-tips-box .modal-body p {margin: 10px 0;}
/* 附件上传 */
#upload-form{position: relative;width: 0;height: 0;opacity: 0;filter:alpha(opacity=0);}
#upload-form .file-input{position:absolute;top:-7px;left:-12px;width: 80px;height: 34px;filter:alpha(opacity=0);cursor: pointer;}
.wdx-upload-box #upload-form .file-input{position:absolute;top:-7px;left:-12px;width: 80px;height: 34px;filter:alpha(opacity=0);}
.wdx-upload-box .upload-list{width:694px;height: auto;overflow: hidden;}
.wdx-upload-box .upload-list li{position:relative;float: left;width: 216px;height: 115px;padding:15px 15px 15px 110px;margin:15px 15px 0 0;background: #f5faff;border:1px solid #dcedfa;border-radius: 5px;}
.wdx-upload-box .upload-list li .img{position:absolute;left:10px;top:10px;width: 90px;height: 90px;background: url('../images/common/ajax-loader.gif') center center no-repeat;text-align: center;line-height: 90px;border-radius: 5px;}
.wdx-upload-box .upload-list li .img.error, .wdx-upload-box .upload-list li .img.file{background: none;}
.wdx-upload-box .upload-list li .img .icon-file{font-size: 48px;vertical-align: middle;color: #aac6e1;}
.wdx-upload-box .upload-list li .img .icon-delete{font-size: 24px;color: #ff6464;vertical-align: middle;}
.wdx-upload-box .upload-list li .content p{margin:0;line-height: 16px;}
.wdx-upload-box .upload-list li .title{height: 34px;overflow:hidden;word-wrap:break-word;font-size:12px;color: #666;}
.wdx-upload-box .upload-list li .size{margin-bottom:10px !important;font-size: 12px;color: #999;}
.wdx-upload-box .upload-list li .meta a{margin-right:5px;font-size: 13px;}
.wdx-upload-box .upload-list li.error{border-color: #ff6464;}
.wdx-upload-box .upload-list li.error .size{color: #ff6464;}
/* 安全中心 */
.security-bd .row {margin-bottom:20px;}