虫虫wap建站源码软文营销的本质
注：此项目根据美多改编，qq第三方需要备案gitee不用
一、获取appid和appsecret
点击右侧账号设置
左侧菜单栏数据管理里有第三方应用
点击创建应用，根据你的具体情况设置
二、以下是事例代码，根据需要修改即可
setting.py
#QQ登录参数
GITEE_CLIENT_ID='这里填你的appid'
GITEE_CLIENT_SECRET='这里填你的appsecret'
GITEE_REDIRECT_URI='你的回调地址'utils.py
from urllib.parse import urlencode, parse_qs
import json
import requestsclass OAuthGITEE(object):"""认证辅助工具类"""def __init__(self, client_id=None, client_secret=None, redirect_uri=None, state=None):self.client_id = client_idself.client_secret = client_secretself.redirect_uri = redirect_uriself.state = state # 用于保存登录成功后的跳转页面路径def get_gitee_url(self):# 登录url参数组建data_dict = {'response_type': 'code','client_id': self.client_id,'redirect_uri': self.redirect_uri,'state': self.state}# 构建urlgitee_url = 'https://gitee.com/oauth/authorize?' + urlencode(data_dict)return gitee_url# 获取access_token值def get_access_token(self, code):# 构建参数数据data_dict = {'grant_type': 'authorization_code','client_id': self.client_id,'client_secret': self.client_secret,'redirect_uri': self.redirect_uri,'code': code}# 构建urlaccess_url = 'https://gitee.com/oauth/token?' + urlencode(data_dict)# 发送请求try:response = requests.post(access_url)# 提取数据# access_token=FE04************************CCE2&expires_in=7776000&refresh_token=88E4************************BE14data = response.textexcept:raise Exception('请求失败')# 提取access_token db88data=json.loads(data)access_token = data.get('access_token', None)if not access_token:raise Exception('access_token获取失败')return access_token# 获取open_id值def get_open_id(self, access_token):# 构建请求url#https://gitee.com/api/v5/user?access_token='46ea64dd3bfe20a52e6753669f58289f'url = 'https://gitee.com/api/v5/user?access_token=' +access_token
#'ddeb0c2623c27e4d99281880f004f0a9'# 发送请求try:response = requests.get(url)# 提取数据data = response.textexcept:raise Exception('请求失败')# 转化为字典try:data_dict = json.loads(data)# 获取openidopenid = data_dict.get('id')#unresolved attribute reference get for strexcept:raise Exception('openid获取失败')return openid
urls.py
from apps.oauth.views import *
from django.urls import path
urlpatterns = [path('gitee/authorization/',GITEELoginURLView.as_view()),path('oauth_callback/',OauthGITEEView.as_view())
]view.py
import http
from django.http import JsonResponse
from django_redis.serializers import json
from utils.util import makeToken,checkToken
from apps.users.models import User
from django.contrib.auth import login
from apps.oauth.models import OAuthGITEEUser
from django.views import View
import json
from meiduo_mall import settings
from apps.oauth.utils import OAuthGITEEclass GITEELoginURLView(View):def get(self, request):gitee=OAuthGITEE(client_id=settings.GITEE_CLIENT_ID,client_secret=settings.GITEE_CLIENT_SECRET,redirect_uri=settings.GITEE_REDIRECT_URI,state=None)#https://gitee.com/oauth/authorize?client_id=b567b3ee312c21b489c265407cd918b742a301dd87040849296b73c38cb74647&redirect_uri=http%3A%2F%2F192.168.55.82%3A8080%2Flogin.html&response_type=codegitee_login_url = gitee.get_gitee_url()return JsonResponse({'code':0,'errmsg':'ok','login_url':gitee_login_url})class OauthGITEEView(View):def get(self, request):# 1. 获取code 378acode = request.GET.get('code')if code is None:return JsonResponse({'code': 400, 'errmsg': '参数不全'})# 2. 通过code换取tokengitee = OAuthGITEE(client_id=settings.GITEE_CLIENT_ID,client_secret=settings.GITEE_CLIENT_SECRET,redirect_uri=settings.GITEE_REDIRECT_URI,state='xxxxx')token = gitee.get_access_token(code)# 3. 再通过token换取openidopenid = gitee.get_open_id(token)return
models.py
from django.db import models# Create your models here.
from django.db import models
from utils.models import BaseModelclass OAuthGITEEUser(BaseModel):"""登录用户数据"""user = models.ForeignKey('users.User', on_delete=models.CASCADE, verbose_name='用户')openid = models.CharField(max_length=64, verbose_name='openid', db_index=True)class Meta:db_table = 'tb_oauth_gitee'verbose_name = '登录用户数据'verbose_name_plural = verbose_namelogin.html
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title>美多商城-登录</title><link rel="stylesheet" type="text/css" href="css/reset.css"><link rel="stylesheet" type="text/css" href="css/main.css"><script type="text/javascript" src="js/host.js"></script><script type="text/javascript" src="js/vue-2.5.16.js"></script><script type="text/javascript" src="js/axios-0.18.0.min.js"></script>
</head>
<body><div class="login_top clearfix"><a href="index.html" class="login_logo"><img src="images/logo02.png"></a></div><div class="login_form_bg" id='app'><div class="login_form_wrap clearfix"><div class="login_banner fl"></div><div class="slogan fl">商品美 · 种类多 · 欢迎光临</div><div class="login_form fr"><div class="login_title clearfix"><a href="javascript:;" class="cur">账户登录</a></div><div class="form_con"><div class="form_input cur"><form id="login-form" @submit.prevent="on_submit"><input type="text" v-model="username" @blur="check_username" name="" class="name_input" placeholder="请输入用户名或手机号"><div v-show="error_username" class="user_error" v-cloak>请填写用户名或手机号</div><input type="password" v-model="password" @blur="check_pwd" name="pwd" class="pass_input" placeholder="请输入密码"><div v-show="error_pwd" class="pwd_error" v-cloak>{{ error_pwd_message }}</div><div class="more_input clearfix"><input type="checkbox" v-model="remember"><label>记住登录</label><a href="/find_password.html">忘记密码</a></div><input type="submit" name="" value="登 录" class="input_submit"></form></div></div><div class="third_party"><a @click="gitee_login" class="gitee_login">gitee</a><a href="/register.html" class="register_btn">立即注册</a></div></div></div></div><div class="footer no-mp"><div class="foot_link"><a href="#">关于我们</a><span>|</span><a href="#">联系我们</a><span>|</span><a href="#">招聘人才</a><span>|</span><a href="#">友情链接</a></div><p>CopyRight © 2016 北京美多商业股份有限公司 All Rights Reserved</p><p>电话：010-****888 京ICP备*******8号</p></div><script type="text/javascript" src="js/login.js"></script>
</body>
</html>login.js
var vm = new Vue({el: '#app',data: {host: host,error_username: false,error_pwd: false,error_pwd_message: '请填写密码',username: '',password: '',remember: false},methods: {// 获取url路径参数get_query_string: function (name) {var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');var r = window.location.search.substr(1).match(reg);if (r != null) {return decodeURI(r[2]);}return null;},// 检查数据check_username: function () {if (!this.username) {this.error_username = true;} else {this.error_username = false;}},check_pwd: function () {if (!this.password) {this.error_pwd_message = '请填写密码';this.error_pwd = true;} else {this.error_pwd = false;}},test: function () {console.log(123)},// 表单提交on_submit: function () {this.check_username();this.check_pwd();if (this.error_username == false && this.error_pwd == false) {axios.post(this.host + '/login/', {username: this.username,password: this.password,remembered:this.remember,}, {responseType: 'json',// 发送请求的时候, 携带上cookiewithCredentials: true,// crossDomain: true}).then(response => {if (response.data.code == 0) {// 跳转页面var return_url = this.get_query_string('next');if (!return_url) {return_url = '/index.html';}location.href = return_url;} else if (response.data.code == 400) {this.error_pwd_message = '用户名或密码错误';this.error_pwd = true;}}).catch(error => {if (error.response.status == 400) {this.error_pwd_message = '用户名或密码错误';} else {this.error_pwd_message = '服务器错误';}this.error_pwd = true;})}},// 用户点击 QQ第三方登录按钮之后, 触发该方法:gitee_login: function () {// 获取参数var next = this.get_query_string('next') || '/';// 拼接请求:axios.get(this.host + '/gitee/authorization/?next=' + next, {responseType: 'json',withCredentials:true,})// 成功的回调:.then(response => {if (response.data.code == 0) {// 成功则跳转location.href = response.data.login_url;};})// 失败的回调:.catch(error => {// 打印处理console.log(error);})}}
});main.css
body{font-family:'Microsoft Yahei';font-size:12px;color:#666;}
html,body{height:100%}
/* 顶部样式 */
.header_con{background-color:#f7f7f7;height:29px;border-bottom:1px solid #dddddd
}.header{width:1200px;height:29px;margin:0 auto;
}.welcome,.login_info,.login_btn,.user_link{line-height:29px;
}.login_info{display:none;
}.login_info em{color:#ff8800}.login_info .quit{color:#666;padding-left:10px;
}.login_info .quit:hover{color:#ff8800;
}.login_btn a,.user_link a{color:#666;
}.login_btn a:hover,.user_link a:hover{color:#ff8800;
}.login_btn span,.user_link span{color:#cecece;margin:0 10px;
}/* logo、搜索框、购物车样式 */.search_bar{width:1200px;height:115px;margin:0 auto;}
.logo{width:150px;height:59px;margin:29px 0 0 17px;}.search_wrap{width:618px;height:60px;margin:34px 0 0 124px;}.search_con{width:616px;height:32px;border:1px solid #fe0000;background:url(../images/icons.png) 10px -340px no-repeat;}.search_con .input_text{width:470px;height:28px;border:0px;margin:2px 0 0 36px;outline:none;font-size:12px;color:#737272;font-family:'Microsoft Yahei'}.search_con .input_btn{width:100px;height:32px;background-color:#fe0000;border:0px;font-size:14px;color:#fff;font-family:'Microsoft Yahei';outline:none;cursor:pointer;
}.search_suggest{width:618px;height:26px;
}.search_suggest li{float:left;
}.search_suggest li a{color:#999;line-height:24px;margin-right:15px;
}.search_suggest li a:hover{color:#f80;
}.mt40{margin-top:40px}.guest_cart{width:200px;height:32px;position:absolute;top:62px;left:50%;margin-left:400px;z-index:9997;
}.guest_cart .cart_name{width:158px;height:32px;line-height:32px;border:1px solid #dddddd;display:block;background:url(../images/icons.png) 13px -302px no-repeat #fff;font-size:14px;color:#fe0000;text-indent:56px;position:relative;z-index:9998;
}.guest_cart .goods_count{width:40px;height:34px;text-align:center;line-height:34px;font-size:18px;font-weight:bold;color:#fff;background-color:#fe0000;position:relative;z-index:9998;
}
/*.guest_cart:hover .cart_name{*//*position:relative;*//*z-index:9999;*//*border-bottom:1px solid #fff;*/
/*}*/
.guest_cart:hover .cart_goods_show{display:block;
}
.cart_goods_show{position:absolute;/*width:320px;*//*padding:10px;*/background:#fff;border:1px solid #ddd;right:0px;top:33px;z-index:9997;display:none;
}
.cart_goods_show li{border-bottom:1px dotted #ddd;overflow:hidden;padding:0px 10px;width:320px;
}
.cart_goods_show li img{margin-top:10px;float:left;width:50px;height:50px;
}
.cart_goods_show li h4{float:left;line-height:70px;font-size:12px;margin-left:20px;width:220px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.cart_goods_show li div{float:right;line-height:70px;font-size:13px;margin-right:20px;
}
/* 菜单、幻灯片样式 */.navbar_con{height:30px;border-bottom:1px solid #ddd;background:#f9f9f9}
.navbar{width:1200px;margin:0 auto;}
.navbar h1{width:200px;line-height:30px;text-align: center;font-size:14px;color:#666;background-color:#f1f1f1;font-weight:bold;}.navbar .subnav_con{width:200px;height:40px;background-color:#39a93e;position:relative;cursor:pointer;}.navbar .subnav_con h1{position:absolute;left:0;top:0;text-align:left;text-indent:40px}
.navbar .subnav_con span{display:block;width:16px;height:9px;background:url(../images/down.png) no-repeat;position:absolute;right:27px;top:16px;transition:all 300ms ease-in;
}.navbar .subnav_con:hover span{transform:rotateZ(180deg)}.navbar .subnav_con .subnav{position:absolute;left:0;top:40px;display:none;border-top:2px solid #39a93e;}
.navbar .subnav_con:hover .subnav{display:block;}.navlist{margin-left:34px;}
.navlist li{float:left;line-height:30px;}
.navlist li a{color:#666;font-size:14px}
.navlist li a:hover{color:#ff8800}
.navlist .interval{margin:0 15px;}.pos_center_con{width:100%;height:350px;margin:0 auto;position:relative;}
.center_con{width:1200px;height:270px;margin:0 auto;}
.subnav{width:200px;height:270px; background:#707070}
.subnav li{height:44px;border-bottom:1px solid #eee;background:url(../images/icons.png) 178px -257px no-repeat #fff;}.subnav li a{display:block;height:44px;line-height:44px;text-indent:71px;font-size:14px;color:#333}
.subnav li a:hover{color:#ff8800}.subnav li .fruit{background:url(../images/icons.png) 28px 0px no-repeat;}
.subnav li .seafood{background:url(../images/icons.png) 28px -43px no-repeat;}
.subnav li .meet{background:url(../images/icons.png) 28px -86px no-repeat;}
.subnav li .egg{background:url(../images/icons.png) 28px -132px no-repeat;}
.subnav li .vegetables{background:url(../images/icons.png) 28px -174px no-repeat;}
.subnav li .ice{background:url(../images/icons.png) 28px -220px no-repeat;}.points{width:100%;height:10px;position:absolute;left:0;bottom:20px;text-align:center;}
.points li{display:inline-block;width:10px;height:10px;margin:0 5px;background-color:#9f9f9f;border-radius:5px;cursor:pointer;transition:all 800ms ease;}
.points li.active{background-color:#cecece;width:26px}.adv{width:240px;height:270px; overflow:hidden; background-color:gold;}
.adv a{display:block;float:left;}.slide{width:100%;height:350px;position:relative;}
.slide li{width:100%;height:350px;position:absolute;left:0px;top:0px;overflow:hidden;}
.slide li a{display:block;width:100%;height:350px;}
.slide li a img{position:absolute;left:50%;top:0px;margin-left:-800px;
}.prev,.next{width:17px;height:23px;background:url(../images/icons.png) 5px -383px no-repeat #000;position:absolute;left:50%;top:163px;cursor:pointer;margin-left:-380px;opacity:0.4;padding:5px;border-radius:4px}
.next{background-position:5px -423px;left:50%;margin-left:353px}.sub_menu_con{width:200px;height:30px;position:relative;}.sub_menu_con .sub_menu{left:0px;top:30px;margin-left:0px;background:rgba(0,0,0,0.6);z-index:1000;display:none;
}
.sub_menu_con:hover .sub_menu{display:block;
}.sub_menu{width:170px;height:330px;background:rgba(0,0,0,0.4);position:absolute;left:50%;top:0px;margin-left:-600px;padding:10px 15px}.sub_menu li{height:30px;
}.sub_menu li:hover{background:#fbf1f5;margin:0px -15px;padding:0 15px;cursor: pointer;
}
.sub_menu li:hover .level1 a{color:#333;
}
.sub_menu .level1 a{line-height:30px;color:#fff;font-size:14px;margin-right:10px;
}
.sub_menu li:hover .level1 a:hover{color:#f00;
}
.sub_menu li .level2{background:#fbf1f5;width:770px;height:320px;padding:15px;position:absolute;left:200px;top:0px;display:none;
}
.sub_menu li:hover .level2{display:block;
}
.list_group{overflow:hidden;
}
.group_name{width:80px;text-align:right;font-size:14px;line-height:24px;font-weight:bold;padding-right:20px;
}
.group_detail{width:630px;padding-bottom:5px;border-bottom:1px dotted #999;margin-bottom:8px;
}
.group_detail a{font-size:14px;color:#666;line-height:24px;margin-right:15px;
}
.group_detail a:hover{color:#f00;
}.news{width:200px;height:350px;background:rgba(251,241,245,0.9);position:absolute;left:50%;margin-left:400px;top:0px;
}.news_title{margin-top:10px;height:26px;overflow: hidden;
}.news_title h3{float: left;line-height:26px;text-indent:10px;font-size:14px;font-weight:bold;color:#333;
}.news_title a{float:right;line-height:26px;margin-right:10px;
}
.news_title a:hover{color:#f00
}
.news_list{margin:10px;
}
.news_list li a{line-height:24px;color:#666;display:block;width:180px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.news_list li a:hover{color:#f00
}/* 商品列表样式 */.list_model{width:1200px;height:491px;margin:15px auto 0;}
.list_title{height:40px;border-bottom:1px solid #719ef7}
.model02 .list_title{border-bottom:1px solid #61c1e6}
.model03 .list_title{border-bottom:1px solid #c584ec}.list_title h3{height:40px;line-height:40px;font-size:20px;color:#333;font-weight:normal;}
.list_title .subtitle{height:30px;line-height:30px;margin-top:10px}
.list_title .subtitle a{color:#666;float:left;font-size:14px;line-height:30px;padding:0px 15px;}.list_title .subtitle .active{background:#719ef7;color:#fff;}
.model02 .list_title .subtitle .active{background:#61c1e6}
.model03 .list_title .subtitle .active{background:#c584ec}.goods_more{height:20px;margin-top:15px;color:#666}.goods_con{height:450px;}
.goods_banner{width:210px;height:450px;}
.goods_banner img{width:210px;height:315px;}.goods_list_con{width:990px;height:450px;float:left;}
/*.goods_list{width:990px;height:450px;display:none;}*/
.goods_list{width:990px;height:450px;} /*vue改写后*/
.goods_list_show{display:block;}/*.goods_list{width:990px;height:450px;}*/
.goods_list li{height:224px;width:197px;border-right:1px solid #ededed;border-bottom:1px solid #ededed;float:left}
.goods_list .goods_pic{width:130px;height:130px;display:block;margin:20px auto 0;}.goods_list li h4{width:200px;margin:15px auto 0;text-align:center;}
.goods_list li h4 a{font-size:12px;color:#666;font-weight:normal;line-height:24px;width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;margin:0 auto;}
.goods_list li h4 a:hover{color:#ff8800}.goods_list li img{width:130px;height:130px;}
.goods_list li .price{text-align:center;font-size:16px;color:#ff0027;margin-top:5px;}
.channel{height:32px;text-align:center;background:#6294f6
}.model02 .channel{background:#3eb8e9
}
.model03 .channel{background:#bf70ef
}.channel a{color:#fff;font-size:14px;padding:0px 5px;line-height:32px;
}.key_words{background:#719ef7;width:190px;height:83px;padding:10px;
}.model02 .key_words{background:#61c1e6;
}.model03 .key_words{background:#c584ec;
}.key_words a{display:inline-block;width:50px;color:#fff;font-size:12px;line-height:28px;margin:0px 5px;
}
.key_words a:hover{text-decoration:underline;
}/* 页面底部样式 */
.footer{border-top:1px solid #fe0000;margin:30px 0;
}.foot_link{text-align:center;margin-top:30px;}
.foot_link a,.foot_link span{color:#4e4e4e;}
.foot_link a:hover{color:#ff8800}
.foot_link span{padding:0 10px}
.footer p{text-align:center; margin-top:10px;}/* 二级页面面包屑导航 */
.breadcrumb{width:1200px;height:40px;margin:0 auto;
}
.breadcrumb a{line-height:40px;color:#fe0000}
.breadcrumb a:hover{color:#ff8800}
.breadcrumb span{line-height:40px;color:#fe0000;padding:0 5px;}.main_wrap{width:1200px;margin:0 auto;}
.l_wrap{width:200px;}
.r_wrap{width:980px;}/* 新品推荐样式 */.new_goods{border:1px solid #ededed;border-top:2px solid #f80000;padding-bottom:10px;
}.new_goods h3{height:33px;line-height:33px;background-color:#fcfcfc;border-bottom:1px solid #ededed;font-size:14px;font-weight:normal;text-indent:10px;
}.new_goods ul{width:160px;margin:0 auto;overflow:hidden;}
.new_goods li{border-bottom:1px solid #ededed;margin-bottom:-1px;}
.new_goods li img{display:block;width:150px;height:150px;margin:10px auto;}
.new_goods li h4{width:160px;margin:0 auto;}
.new_goods li h4 a{font-weight:normal;color:#666;display:block;width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.new_goods li .price{font-size:14px;color:#da260e;margin:10px auto;}.center_con2{width:1200px;overflow:hidden;margin:15px auto 0}.time_buy{width:948px;height:248px;border:1px solid #ededed;border-top:1px solid #e83632;overflow: hidden;
}
.time_buy_title{height:39px;border-bottom:1px solid #ededed;
}
.time_buy_title h3{line-height:39px;font-size:18px;color:#e83632;text-indent:40px;background:url(../images/clock.jpg) left center no-repeat;
}
.time_count{height:39px;margin-right:15px;
}
.time_count span{float: left;line-height:39px;color:#e83632;margin-right:10px;
}
.time_count b{float:left;width:28px;height:28px;background:#e83632;font-size:18px;text-align:center;line-height:28px;font-weight:normal;font-family: Arial;color:#fff;border-radius:4px;margin-top:5px;
}.time_count i{float:left;line-height:39px;font-size:18px;font-style:normal;color:#e83632;margin:0px 5px;
}.time_goods_list_con{width:952px;height:208px;
}.time_goods_list{float: left;width:237px;height:208px;border-right:1px solid #ededed;
}.time_goods_list p{text-align:center;font-size:20px;color:#ff0027;margin-top:10px;
}.time_goods_list .pic_link{display:block;width:120px;height:120px;margin:20px auto 0;
}.time_goods_list .pic_link img{width: 120px;height: 120px;
}.time_goods_list .prize{display:block;width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:5px auto;color:#666;
}/* 商品列表样式 */.sort_bar{height:30px;background-color:#fbf3f3}
.sort_bar a{display:block;height:30px;line-height:30px;padding:0 20px;float:left;color:#000}
.sort_bar .active{background-color:#f80000;color:#fff;}.goods_type_list{margin:10px auto 0;
}.goods_type_list li{width:196px;float:left;margin-bottom:10px
}.goods_type_list li img{width:160px;height:160px;display:block;margin:10px auto;}
.goods_type_list li h4{width:160px;margin:0 auto;}
.goods_type_list li h4 a{font-weight:normal;color:#666;display:block;width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.operate{width:160px;margin:10px auto;position:relative;}
.goods_type_list .operate .price{color:#da260e; font-size:14px;}
.goods_type_list .operate .unit{color:#999;padding-left:5px;}
.goods_type_list .operate .add_goods{display:inline-block;width:15px;height:15px;background:url(../images/shop_cart.png);position:absolute;right:0;top:3px;}/* 分页样式 */.pagenation{height:32px;text-align:center;font-size:0;margin:30px auto;}
.pagenation a{display:inline-block;border:1px solid #d2d2d2;background-color:#f8f6f7;font-size:12px;padding:5px 10px;color:#666;margin:5px}.pagenation .active{background-color:#fff;color:#43a200}/* 商品详情样式 */
.goods_detail_con{width:1198px;border:1px solid #ededed;margin:0 auto 20px;
}.goods_detail_pic{width:350px;height:350px;margin:24px 0 0 24px;border:1px solid #ededed}
.goods_detail_pic img{width:350px;height:350px;}
.goods_detail_list{width:730px;margin:24px 24px 0 0;
}
.goods_detail_list h3{font-size:24px;line-height:24px;color:#666;font-weight:normal;}
.goods_detail_list p{color:#666;line-height:40px;}
.price_bar{height:72px;background-color:#fff5f5;line-height:72px;}
.price_bar .show_pirce{font-size:20px;color:#ff3e3e;padding-left:20px}
.price_bar .show_pirce em{font-style:normal;font-size:36px;padding-left:10px}
.price_bar .show_unit{padding-left:150px}
.price_bar .goods_judge{float:right;border-left:1px solid #999;height:20px;line-height:20px;margin-right:20px;padding-left:20px;margin-top:40px;}
.price_bar .goods_judge:hover{text-decoration:underline}
.goods_num{height:52px;margin-top:19px;}
.goods_num .num_name{width:70px;height:52px;line-height:52px;}
.goods_num .num_add{width:75px;height:50px;border:1px solid #dddddd}
.goods_num .num_add input{width:49px;height:50px;text-align:center;line-height:50px;border:0px;outline:none;font-size:14px;color:#666}
.goods_num .num_add .add,.goods_num .num_add .minus{width:25px;line-height:25px;text-align:center;border-left:1px solid #ddd;border-bottom:1px solid #ddd;color:#666;font-size:14px}
.goods_num .num_add .minus{border-bottom:0px}.total{height:35px;line-height:35px;margin-top:25px;}
.total em{font-style:normal;color:#ff3e3e;font-size:18px}.operate_btn{height:40px;margin-top:25px;margin-bottom:20px;font-size:0;position:relative;}
.operate_btn .buy_btn,.operate_btn .add_cart{display:inline-block;width:178px;height:38px;border:1px solid #c40000;font-size:14px;color:#c40000;line-height:38px;text-align:center;background-color:#ffeded;}
.operate_btn .add_cart{background-color:#c40000;color:#fff;margin-left:10px;position:relative;z-index:10;}.type_select{overflow:hidden;margin-top:10px;}
.type_select label{float:left;width:70px;line-height:42px;}
.type_select a{float:left;line-height:40px;border:1px solid #ccc;padding:0px 10px;color:#5e5e5e;margin-right:10px;}
.type_select a:hover{border:1px solid #e3101e;color:#e3101e}
.type_select .select{border:1px solid #e3101e;background:url(../images/selected.png) right bottom no-repeat;}.add_jump{width:20px;height:20px;background-color:#c40000;position:absolute;left:268px;top:10px;border-radius:50%;z-index:9;display:none;}.detail_tab{height:35px;border-bottom:1px solid #e3101e;
}.detail_tab li{height:34px;line-height:34px;padding:0 30px;font-size:14px;color:#333333;float:left;border:1px solid #e8e8e8;border-bottom:0px;cursor:pointer;background-color:#faf8f8}
.detail_tab li.active{border-top:2px solid #e3101e;position:relative;background-color:#fff;border-left:1px solid #e3101e;border-right:1px solid #e3101e;top:-1px;height:35px;}.tab_content{display:none;}
.current{display:block;}
.tab_content dt{margin-top:10px;font-size:16px;color:#c40000}
.tab_content dd{line-height:24px;margin-top:5px;}/* 登录页 */
.login_top{width:960px;height:130px;margin:0 auto;}
.login_logo{display:block;width:193px;height:76px;margin-top:30px;}
.login_form_bg{height:480px;background-color:#810101}
.no-mp{margin-top:0px;}
.login_form_wrap{width:1000px;height:480px;margin:0 auto;}
.login_banner{width:500px;height:386px;background:url(../images/login_banner.png) no-repeat;margin-top:40px;}
.slogan{width:30px;height:300px;font-size:24px;color:#f9dddd;text-align:center;line-height:30px;margin:65px 0 0 30px}
.login_form{width:368px;height:378px;border:1px solid #c6c6c5;background-color:#fff; margin-top:50px;}.login_title{height:60px;width:308px;margin:10px auto;border-bottom:1px solid #e0e0e0;}/*.login_title a{width:153px;line-height:20px;font-size:18px;color:#5e5e5e;text-align:center;float:left;margin-top:20px;}*/
.login_title a{width:308px;line-height:20px;font-size:18px;color:#5e5e5e;text-align:center;float:left;margin-top:20px;}/*.login_title a:first-child{border-right:1px solid #e0e0e0}*/
/*.login_title a.cur{color:#e3101e}*/
.form_input{width:308px;height:210px;margin:20px auto;position:relative;display:none;}
.form_con .cur{display:block;}
.bar_code_con{width:167px;height:172px;margin:0px auto;}
.bar_code_tip{text-align:center;margin-top:10px;font-size:12px;}
.third_party{border-top:1px solid #e0e0e0;margin-top:30px}
.gitee_login, .register_btn {float: left;line-height: 30px;margin-left: 15px;margin-top: 7px;color: #666;font-size: 18px;text-indent: 22px;background: url(../images/gitee.jpg) left 7px no-repeat;
}
.gitee_login:hover, .register_btn:hover {color: #e3101e;text-decoration: underline;
}.register_btn{background:url(../images/icons02.png) left 9px no-repeat;float:right;margin-right:15px}.name_input,.pass_input{width:306px;height:36px;border:1px solid #e0e0e0;background:url(../images/icons02.png) 280px -41px no-repeat #f8f8f8;outline:none;font-size:14px;text-indent:10px;position: absolute;left:0;top:0}
.pass_input{top:65px;background-position:280px -95px;}.user_error,.pwd_error{color:#f00;position:absolute;left:0;top:43px;}.pwd_error{top:110px;}.more_input{position:absolute;left:0;top:130px;width:100%}.more_input input{float:left;margin-top:2px;}
.more_input label{float:left;margin-left:10px;}
.more_input a{float:right;color:#666}
.more_input a:hover{color:#ff8800}.input_submit{width:100%;height:40px;position:absolute;left:0;top:180px;background-color:#ff5757;color:#fff;font-size:22px;border:0px;font-family:'Microsoft Yahei';cursor:pointer;}/* 注册页面 */
.register_con{width:720px;overflow: hidden;margin:50px auto 0;background:url(../images/interval_line.png) 300px center no-repeat;
}.l_con{width:300px;}
.reg_logo{width:200px;height:76px;float:right;margin-right:30px;}
.reg_slogan{width:300px;height:30px;float:right;text-align:right;font-size:22px;color:#fe0000;margin:20px 30px 0 0;}
.reg_banner{width:251px;height:329px;background:url(../images/register_banner.png) no-repeat;float:right; margin:20px 10px 0 0;opacity:0.5}.r_con{width:420px;overflow:hidden;}
.reg_title{width:380px;height:50px;float:left;margin-left:30px;border-bottom:1px solid #e0e0e0}
.reg_title h1{height:50px;line-height:50px;float:left;font-size:24px;color:#a8a8a8;font-weight:bold;}
.reg_title a{float:right;height:20px;line-height:20px;font-size:16px;color:#c40000;padding-right:20px;background:url(../images/icons02.png) 35px 3px no-repeat;margin-top:15px}.reg_form{width:380px;margin:30px 0 0 30px;float:left;position:relative;}
.reg_form li{height:70px;}
.reg_form li label{width:75px;height:40px;line-height:40px;float:left;font-size:14px;color:#a8a8a8;text-align:right;padding-right:10px;}
.reg_form li input{width:288px;height:38px;border:1px solid #e0e0e0;float:left;outline:none;text-indent:10px;background-color:#f8f8f8}
.reg_form li .msg_input,.reg_form li .msg_input{width:170px;
}
.reg_form .get_msg_code{float: left;width:108px;height:38px;text-align:center;line-height:38px;border:1px solid #e0e0e0;margin-left:10px;color:#333;
}
.reg_form .get_msg_code:hover{color:#f80000;
}
.reg_form .pic_code{float: left;width:110px;height:40px;margin-left:10px;
}.reg_form li.agreement input{width:15px;height:15px;float:left;margin-top:13px;margin-left:87px;}
.reg_form li.agreement label{width:250px;float:left;margin-left:10px;text-align:left;}
.reg_form li.reg_sub input{width:380px;height:40px;background-color:#ff5757;font-size:18px;color:#fff;font-family:'Microsoft Yahei';cursor:pointer;}
.reg_form li .error_tip{float:left;height:30px;line-height:30px;margin-left:87px;color:#e62e2e;}
.reg_form li .error_tip2{float:left;height:20px;line-height:20px;margin-left:87px;color:#e62e2e;}.sub_page_name{font-size:20px;color:#666;margin:60px 0 0 43px}.total_count{width:1200px;margin:0 auto;height:40px;line-height:40px;font-size:14px;
}
.total_count em{font-size:16px;color:#ff4200;margin:0 5px;
}.cart_list_th{width:1198px;border:1px solid #ddd;background-color:#f7f7f7;margin:0 auto;}
.cart_list_th li{height:40px;line-height:40px;float:left;text-align:center;}
.cart_list_th .col01{width:36%;}
.cart_list_th .col02{width:6%;}
.cart_list_th .col03{width:13%;}
.cart_list_th .col04{width:12%;}
.cart_list_th .col05{width:15%;}
.cart_list_th .col06{width:18%;}.cart_list_td{width:1198px;border:1px solid #ddd;background-color:#fff9f9;margin:0 auto;margin-top:-1px;}
.cart_list_td li{height:120px;line-height:120px;float:left;text-align:center;}.cart_list_td .col01{width:4%;}
.cart_list_td .col02{width:12%;}
.cart_list_td .col03{width:20%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.cart_list_td .col04{width:6%;}
.cart_list_td .col05{width:13%;}
.cart_list_td .col06{width:12%;}
.cart_list_td .col07{width:15%;}
.cart_list_td .col08{width:18%;}.cart_list_td .col02 img{width:100px;height:100px;border:1px solid #ddd;display:block;margin:10px auto 0;}
.cart_list_td .col03{height:48px;text-align:left;line-height:24px;margin-top:38px;}
.cart_list_td .col03 em{color:#999}
.cart_list_td .col08 a{color:#666}.cart_list_td .col06 .num_add{width:98px;height:28px;border:1px solid #ddd;margin:40px auto 0;}
.cart_list_td .col06 .num_add a{width:29px;height:28px;line-height:28px;background-color:#f3f3f3;font-size:14px;color:#666}
.cart_list_td .col06 .num_add input{width:38px;height:28px;text-align:center;line-height:30px;border:0px;display:block;float:left;outline:none;border-left:1px solid #ddd;border-right:1px solid #ddd;}.settlements{width:1198px;height:78px;border:1px solid #ddd;background-color:#fff4e8;margin:-1px auto 0;}
.settlements li{line-height:78px;float:left;}
.settlements .col01{width:4%;text-align:center}
.settlements .col02{width:12%;}
.settlements .col03{width:69%; height:48px; line-height:28px;text-align:right;margin-top:10px;}
.settlements .col03 span{color:#ff0000;padding-right:5px}
.settlements .col03 em{color:#ff3d3d;font-size:22px;font-weight:bold;}
.settlements .col03 span{color:#ff0000;}
.settlements .col03 b{color:#ff0000;font-size:14px;padding:0 5px;}.settlements .col04{width:14%;text-align:center;float:right;}
.settlements .col04 a{display:block;height:78px;background-color:#ff3d3d;text-align:center;line-height:78px;color:#fff;font-size:24px}.common_title{width:1200px;margin:20px auto 0;font-size:14px;}.common_list_con{width:1200px;border:1px solid #dddddd;border-top:2px solid #e3101e;margin:10px auto 0;background-color:#f7f7f7;position:relative;}.common_list_con dl{margin:20px;}
.common_list_con dt{font-size:14px;font-weight:bold;margin-bottom:10px}
.common_list_con dd{margin-bottom:10px;}
.common_list_con dd.current{font-size:14px;font-weight:bold;}
.common_list_con dd input{vertical-align:bottom;margin-right:10px}.edit_site{position:absolute; right:20px;top:30px;width:100px;height:30px;background-color:#fe0000;text-align:center;line-height:30px;color:#fff}.pay_style_con{margin:20px;}
.pay_style_con input{float:left;margin:14px 7px 0 0;}
.pay_style_con label{float:left;border:1px solid #ccc;background-color:#fff;padding:10px 10px 10px 40px;margin-right:25px}.pay_style_con .cash{background:url(../images/pay_icons.png) 8px top no-repeat #fff;}
.pay_style_con .weixin{background:url(../images/pay_icons.png) 6px -36px no-repeat #fff;}.pay_style_con .zhifubao{background:url(../images/pay_icons.png) 12px -72px no-repeat #fff;width:50px;height:16px}.pay_style_con .bank{background:url(../images/pay_icons.png) 6px -108px no-repeat #fff;}.goods_list_th{height:40px;border-bottom:1px solid #ccc}
.goods_list_th li{float:left;line-height:40px;text-align:center;}
.goods_list_th .col01{width:35%}
.goods_list_th .col02{width:10%}
.goods_list_th .col03{width:25%}
.goods_list_th .col04{width:15%}
.goods_list_th .col05{width:15%}.goods_list_td{height:80px;border-bottom:1px solid #eeeded}
.goods_list_td li{float:left;line-height:80px;text-align:center;}
.goods_list_td .col01{width:4%}
.goods_list_td .col02{width:6%}
.goods_list_td .col03{width:25%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.goods_list_td .col04{width:10%}
.goods_list_td .col05{width:25%}
.goods_list_td .col06{width:15%}
.goods_list_td .col07{width:15%}.goods_list_td .col02{text-align:right}
.goods_list_td .col02 img{width:63px;height:63px;border:1px solid #ddd;display:block;margin:7px 0;float:right;}
.goods_list_td .col03{text-align:left;text-indent:20px}.settle_con{margin:10px}
.total_goods_count,.transit,.total_pay{line-height:24px;text-align:right}
.total_goods_count em,.total_goods_count b,.transit b,.total_pay b{font-size:14px;color:#ff4200;padding:0 5px;}.order_submit{width:1200px;margin:20px auto;}
.order_submit a{width:160px;height:40px;line-height:40px;text-align:center;background-color:#fe0000;color:#fff;font-size:16px;display:block;float:right}.order_list_th{width:1198px;border:1px solid #ddd;background-color:#f7f7f7;margin:20px auto 0;}
.order_list_th li{float:left;height:30px;line-height:30px}
.order_list_th .col01{width:20%;margin-left:20px}
.order_list_th .col02{width:28%}.order_list_table{width:1200px;border-collapse:collapse;border-spacing:0px;border:1px solid #ddd;margin:-1px auto 0;
}.order_list_table td{border:1px solid #ddd;text-align:center;
}.order_goods_list{border-bottom:1px solid #ddd;margin-bottom:-2px;}
.order_goods_list li{float:left; height:80px;line-height:80px;}
.order_goods_list .col01{width:20%}
.order_goods_list .col01 img{width:60px;height:60px;border:1px solid #ddd;margin:10px auto;}
.order_goods_list .col02{width:50%;text-align:left;}
.order_goods_list .col02 span{float: left;width: 197px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.order_goods_list .col02 em{color:#999;margin-left:10px;float: left;}
.order_goods_list .col03{width:10%}
.order_goods_list .col04{width:20%}.oper_btn{display:inline-block;border:1px solid #ddd;color:#666;padding:5px 10px}.popup_con{display:none;}
.popup{width:300px;height:150px;border:1px solid #dddddd;border-top:2px solid #00bc6f;background-color:#f7f7f7;position:fixed;left:50%;margin-left:-150px;top:50%;margin-top:-75px;z-index:1000;
}.popup p{height:150px;line-height:150px;text-align:center;font-size:18px;}.mask{width:100%;height:100%;position:fixed;left:0;top:0;background-color:#000;opacity:0.3;z-index:999;}.main_con{width:1200px;margin:0 auto;background:url(../images/left_bg.jpg) repeat-y;
}.left_menu_con{width:200px;float:left;
}.left_menu_con h3{font-size:16px;line-height:40px;border-bottom:1px solid #ddd;text-align:center;margin-bottom:10px;
}.left_menu_con ul li{line-height:40px;text-align:center;font-size:14px;
}.left_menu_con ul li a{color:#666;
}.left_menu_con ul li .active{color:#ff8800;font-weight:bold;
}.right_content{width:980px;float:right;min-height:500px;
}.w980{width:980px;
}.w978{width:978px;
}.common_title2{height:20px;line-height:20px;font-size:16px;margin:10px 0;}
.user_info_list{background-color:#f9f9f9;margin:10px 0 15px;padding:10px 0;height: 110px;
}.user_info_list li{line-height:30px;text-indent:30px;font-size:14px;
}.user_info_list li span{width:100px;float:left;text-align:right;
}.info_con{width:980px;
}.info_l{width:600px;float:left;
}.info_r{width:360px;float:right;
}.email{width: 200px;
}.error_email_tip{color: #da2828;text-indent: 130px;font-size: 12px;
}.site_top_con{overflow: hidden;margin-bottom:10px;
}.site_top_con a{float:left;width:100px;line-height:28px;border:1px solid #da2828;text-align:center;color:#c81919;font-weight:bold;background:#f7d5d5;
}
.site_top_con span{float: left;line-height:30px;margin-left:10px;
}
.site_top_con b{color:#f80;
}.site_con{border:1px solid #ddd;padding:15px;margin-bottom:20px;position:relative;
}.site_title{overflow: hidden;
}.site_title h3{float: left;font-size:16px;line-height:22px;
}.site_title em{float: left;font-size:12px;line-height:16px;color:#fff;background:#f80;padding:2px;margin-left:20px;
}
.site_title span{float:right;font-size:20px;line-height:22px;cursor:pointer;
}.site_title a{float: left;width:22px;height:22px;background:url(../images/edit.png) no-repeat;margin-left:10px;
}.site_list{margin-top:10px;
}
.site_list li{line-height:28px;overflow: hidden;
}
.site_list li span{float: left;width:100px;text-align:right;font-size:12px;color:#999;
}
.site_list li b{font-weight:normal;color:#333;font-size:12px;
}
.down_btn{position: absolute;bottom:15px;right:15px;font-size:0px;
}.down_btn a{color:#3eb8e9;font-size:12px;margin:0px 10px;
}/*.pop_con{*//*display:none;*/
/*}*/.site_pop{width:500px;height:310px;background:#fff;border:1px solid #dddddd;background-color:#f7f7f7;position:fixed;left:50%;margin-left:-251px;top:50%;margin-top:-156px;z-index:1000;
}.site_pop_title{background:#810101;margin-left:-14px;margin-right:-14px;margin-top:-14px;margin-bottom:10px;overflow:hidden;
}.site_pop_title h3{color:#fff;float: left;line-height:30px;text-indent:20px;font-size:16px;
}.site_pop_title a{color:#fff;float:right;font-size:26px;margin-right:10px;line-height:30px;
}.pass_change_con{background:#f9f9f9;
}.site_con dt{font-size:14px;line-height:30px;text-indent:30px;font-weight:bold;
}.site_con dd{font-size:14px;line-height:30px;text-indent:30px;
}.site_con .form_group{height:40px;line-height:40px;
}.site_con .form_group label{width:100px;float:left;text-align:right;font-size:14px;height:40px;line-height:40px;
}.site_con .form_group input{width:300px;height:25px;border:1px solid #ddd;float:left;outline:none;margin-top:7px;text-indent:10px;
}
.site_con .form_group2{height:90px;
}
.site_con .form_group select{width:120px;height:27px;border:1px solid #ddd;float:left;outline:none;margin-top:7px;margin-right:10px;
}.site_con .form_group .phone_code_input{width:200px;
}.site_con .form_group .phone_code{float:left;width:90px;line-height:25px;text-align:center;border:1px solid #ddd;margin-top:7px;margin-left:8px;background:#fff;color:#333;
}
.site_con .form_group .phone_code:hover{color:#f00;
}.site_area{width:280px;height:60px;border:1px solid #ddd;outline:none;padding:10px;
}
.info_submit{width:80px;height:30px;background-color:#fe0000;border:0px;color:#fff;margin:10px 0 10px 100px;cursor:pointer;font-family:'Microsoft Yahei'
}
.info_reset{margin:10px 0 10px 10px;background-color:#bd0c0c;
}
.stress{color:#ff8800;
}.judge_con{width:1200px;margin:0px auto;overflow:hidden;
}.judge_con .judge_goods{width:248px;height:300px;border:1px solid #ededed;background:#fff;
}.judge_goods ul{width:160px;margin:50px auto 0;overflow:hidden;}
.judge_goods li{overflow: hidden;margin-bottom:10px}
.judge_goods li img{display:block;width:130px;height:130px;margin:10px auto;}
.judge_goods li h4{width:160px;margin:0 auto;}
.judge_goods li h4 a{font-weight:normal;color:#666;display:block;width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.judge_goods li .price{font-size:14px;color:#da260e;text-align:center}
.judge_goods li input{display:block;margin:10px auto 0;}.judge_con .judge_goods_input{width:898px;padding:20px;height:260px;border:1px solid #ededed;background:#fff;
}.judge_tip{font-size:12px;color:#f80;margin-bottom:10px}
.judge_item{overflow:hidden;margin-bottom:10px}
.judge_item label{float:left;width:120px;line-height:42px;color:#999}
.stars{width:85px;height:16px;float:left;margin-top:11px}
.stars .star_off{float:left;width:17px;height:16px;background:url(../images/stars.png) no-repeat;}
.stars .light{background-position:left -16px;}.judge_item .score{float:left;line-height:42px;font-size:12px;margin-left:10px;color:#666;}.feelings a{float:left;line-height:40px;border:1px solid #ccc;padding:0px 10px;color:#5e5e5e;margin-right:10px;}
.feelings a:hover{border:1px solid #e3101e;color:#e3101e}
.feelings .select{border:1px solid #e3101e;background:url(../images/selected.png) right bottom no-repeat;}
.judge_area{float:left;width:735px;height:70px;margin-top:10px;border:1px solid #ccc;outline:none;padding:15px;
}
.judge_sub{width:100px;height:32px;background-color:#fe0000;border:0px;font-size:14px;color:#fff;font-family:'Microsoft Yahei';outline:none;cursor:pointer;text-align:center;margin-top:10px;margin-left:120px;
}
.no_name{margin-left:15px;}.judge_list_con{margin-top:10px;overflow: hidden;width:100%;
}.judge_list_con li{overflow:hidden;border-bottom:1px solid #ededed;padding:20px 0;
}.user_info{width:200px;
}.user_info img{width:40px;height:40px;border-radius:20px;float:left;
}
.user_info b{line-height:40px;float: left;font-weight:normal;margin-left:20px;font-size:12px;
}.judge_info{width:780px;
}.stars_1,.stars_2,.stars_3,.stars_4,.stars_5{width:85px;height:17px;background:url(../images/stars.png) left -80px no-repeat;margin-bottom:10px;
}.stars_1{background-position:left -16px;
}
.stars_2{background-position:left -32px;
}
.stars_3{background-position:left -48px;
}
.stars_4{background-position:left -64px;
}.judge_detail{font-size:12px;line-height:20px;
}.find_header{width: 990px;height: 120px;margin:0px auto;
}.find_header img{float:left;margin-top:30px;
}.find_form{width: 990px;height: 450px;border:1px solid #e6e6e6;margin:0px auto 30px;
}.step{width:988px;height:50px;margin:0px auto;background:url(../images/find-password.png) no-repeat;margin-top:75px;
}.step-1{background-position:0px -150px;
}.step-2{background-position:0px -100px;
}.step-3{background-position:0px -50px;
}.step-4{background-position:0px 0px;
}.form_step{width:430px;height:200px;margin:70px auto 0;
}.form_step .form_group{height:45px;margin-bottom:10px;position:relative;
}.form_step .form_group label{width:100px;float:left;text-align:right;font-size:14px;height:40px;line-height:40px;
}.form_step .form_group .input_txt{width:300px;height:25px;border:1px solid #ddd;float:left;outline:none;margin-top:7px;text-indent:10px;
}.form_step .form_group .input_txt2{width:180px;
}.form_step .form_group .pic_code{width:110px;height:27px;margin-left:10px;margin-top:7px;
}.form_step .form_group .input_sub{width:100px;height:26px;background:#c00;color:#fff;border:0px;margin:10px 0px 0px 100px;cursor:pointer;
}.form_step .form_group .error{position:absolute;left:100px;top:40px;color:red;font-size:12px;
}.form_step .form_group .phone_code{float:left;width:110px;line-height:25px;text-align:center;border:1px solid #ddd;margin-top:7px;margin-left:8px;background:#fff;color:#333;
}.pass_change_finish{text-align:center;margin-top:100px;color:red;font-size:20px;
}.order_success{margin:30px auto;background:url(../images/success.png) 50px center no-repeat;
}.order_success p{text-indent:140px;margin-bottom:10px;
}.order_success p em{font-size:20px;color:#fe0000;
}
.order_success p a{color:#f80;
}
.order_success p a:hover{text-decoration:underline;
}.time_count_bar{width:730px;height:39px;background:url(../images/time_count_bg.png);margin-bottom:10px;
}.count_icon{float:left;height:39px;background:url(../images/shine.png) 10px center no-repeat;line-height:39px;color:#fff;text-indent:30px;font-size:14px;
}.time_count_bar .time_count span{color:#fff;
}
.time_count_bar .time_count b{background:#333;
}
.time_count_bar .time_count i{color:#fff;
}/* 确认弹框 */
.pop_con2{display:none;
}.confirm_pop{width:350px;height:160px;background:#fff;border:1px solid #dddddd;background-color:#f7f7f7;position:fixed;left:50%;margin-left:-176px;top:50%;margin-top:-81px;z-index:1000;
}.confirm_pop p{margin:30px 0 0 40px;font-size:16px;font-family:'Microsoft Yahei'
}.confirm_pop_title{background:#810101;height:30px;
}.confirm_pop_title h3{color:#fff;float: left;line-height:30px;text-indent:20px;font-size:16px;
}.confirm_pop_title a{color:#fff;float:right;font-size:26px;margin-right:10px;line-height:30px;
}.confirm_submit{width:80px;height:30px;background-color:#fe0000;border:0px;color:#fff;margin:30px 0px 10px 80px;cursor:pointer;font-family:'Microsoft Yahei'
}.confirm_cancel {background-color:#bd0c0c;margin-left:30px;
}/*收货地址错误提示*/
.receiver_error,.mobile_error,.place_error,.tel_error,.email_error {color:#f00;margin-left:5px;
}/*修改密码错误提示*/
.old_pwd_error,.new_pwd_error,.new_cpwd_error {color:#f00;margin-left:5px;
}/*修改分页插件样式*/
.ui-pagination-container {line-height: 20px;
}.ui-pagination-container .ui-pagination-page-item.active {background: #f80000;border-color: #f80000;
}/*详情页添加数量提示样式*/
.overtip{width:92px;height:25px;border:1px solid #ddd;position:absolute;left:725px;top:396px;z-index:999;text-align:center;line-height:25px;font-size:12px;color:#666;background:#fff;border-left:1px solid #e62834;display:none;
}.overtip i{position:absolute;left:-5px;top:10px;width:5px;height:7px;background: url(../images/arrow.png);
}