﻿/*登录*/
.login_box{ clear:both; width:1200px; margin:0 auto 30px auto; overflow:hidden; background:#FFF; color:#555;}
.login_box .tit{ padding:30px 0; text-align:center; font-size:16px; border-bottom:1px solid #e0e0e0;}
.login_box .tit .cur{ color:#91192a;}
.login_box .tit i{ color:#ccc; font-style:normal; margin:0 15px;}
.login_box .cont{ width:400px; margin:20px auto 40px auto;}
.login_box .cont_wx{ text-align:center;}
.login_box .tips_box{ clear:both; height:40px;}
.login_box .tips{ display:none; width:353px; border:1px solid #ffe57d; color:#666; line-height:18px; font-size:12px; padding:10px 10px 10px 35px; background:#fff6d2 url(../images/index_45.png) 10px center no-repeat; margin-top:15px; }
.login_box .input_box { padding-top:20px;}
.login_box .input_box input{ width:348px; height:25px; line-height:25px; padding:7px 40px 7px 10px; border:1px solid #D4D4D4; border-radius:5px; color:#333; outline:none;}
.login_box .input_box input:focus{ border:1px solid #91192a;}
.login_box .input_box input.name{ background:url(../images/index_46.png) right 10px center no-repeat;}
.login_box .input_box input.pwd{ background:url(../images/index_47.png) right 10px center no-repeat;}
.login_box .input_box input.code{ width:100px;}
.login_box .input_box .getpwd{ float:right; font-size:12px; color:#91192a; line-height:41px;}
.login_box .btn_box{ padding-top:20px; line-height:40px; font-size:12px;}
.login_box .btn_box input{ display:block; width:400px; height:40px; text-align:center; background-color:#91192a; color:#FFF; border:0; border-radius:3px; cursor:pointer; font-size:16px; vertical-align:middle; outline:none;}
.login_box .oauth_box { padding-top:20px; line-height:30px;}
.login_box .oauth_box img{ display:inline-block; width:30px; vertical-align:middle; margin-right:10px; cursor:pointer;}
/*第三方登录 微信*/
.oauth_wx_bkg{ position:fixed; left:0; top:0; background:rgba(0,0,0,0.3); width:100%; height:100%; z-index:1000; display:none;}
.oauth_wx_box{ position:fixed; left:50%; top:50%; background:#FFF; transform:translate(-50%, -50%); padding:10px; z-index:1001; display:none;}
.oauth_wx_box #wx_ewm{ padding:0 30px;}
.oauth_wx_box .close{ float:right; cursor:pointer}
.oauth_wx_box .close i{ display:block; width:25px; height:25px; position:relative;}
.oauth_wx_box .close i:before,.oauth_wx_box .close i:after{ content:""; display:block; background:#A7A7A7; width:20px; height:2px; position:absolute; top:10px; left:4px;}
.oauth_wx_box .close i:before{ transform:rotate(45deg);}
.oauth_wx_box .close i:after{ transform:rotate(-45deg);}


/*注册*/
.reg_box{ padding:30px 50px;}
.reg_box dl{ clear:both; overflow:hidden; padding:10px 0; color:#666;}
.reg_box dl dt{ float:left; width:40%; padding-right:2%; text-align:right; line-height:40px;}
.reg_box dl dd{ float:left; width:58%; color:#999;}
.reg_box dl dd span{ margin-left:10px; font-size:12px; line-height:17px;}
.reg_box .text{ width:40%; height:20px; line-height:20px; padding:10px 10px; border:1px solid #D4D4D4; border-radius:2px; color:#333; outline:none;}
.reg_box .text:focus{ border:1px solid #91192a;}
.reg_box input.error{ background-color:#FEFBD3;}
.reg_box .code{ width:100px;}
.reg_box .btn{ display:block; padding:10px 46px; background-color:#91192a; color:#FFF; border:0; border-radius:3px; cursor:pointer; font-size:16px; vertical-align:middle; outline:none;}
.reg_box .xieyi_bkg{ position:fixed; left:0; top:0; background:rgba(0,0,0,0.3); width:100%; height:100%; z-index:1000; display:none;}
.reg_box .xieyi{ position:fixed; left:50%; top:50%; width:540px; background:#FFF; transform:translate(-50%, -50%); border-radius:5px; z-index:1001; display:none;}
.reg_box .xieyi .xy_tit{ padding:15px 20px; font-weight:bold; border-bottom:1px solid #E5E5E5; position:relative;}
.reg_box .xieyi .xy_tit i{ position:absolute; right:20px; top:20px; display:block; width:18px; height:18px; cursor:pointer;}
.reg_box .xieyi .xy_tit i:before{ content:""; display:block; position:absolute; left:0; top:8px; width:18px; height:2px; background-color:#999; transform:rotate(45deg);}
.reg_box .xieyi .xy_tit i:after{ content:""; display:block; position:absolute; left:0; top:8px; width:18px; height:2px; background-color:#999; transform:rotate(-45deg);}
.reg_box .xieyi .xy_info{ padding:15px;}
.reg_box .xieyi .xy_btn{ display:inline-block; padding:6px 12px; background-color:#91192a; color:#FFF; border:0; border-radius:3px; cursor:pointer; float:right; outline:none; margin:0 20px 15px 0;}

/*用户中心首页*/
.user_box{ clear:both; width:1200px; margin:0 auto 30px auto; overflow:hidden;}
.user_box .lt{ float:left; width:260px; background-color:#FFF;}
.user_box .lt .avatar-box{ padding:10px 15px; border-bottom:1px solid #e0e0e0; height:60px;}
.user_box .lt .avatar-box img{ width:55px; height:55px; vertical-align:middle; margin-right:15px;}
.user_box .lt .cont{ padding:15px 20px;}
.user_box .lt .cont .tit{ line-height:20px;}
.user_box .lt .cont .tit i{ display:block; float:left; width:13px; height:13px; background:url(../images/index_49.jpg) left top no-repeat; margin:4px 5px 0 0; vertical-align:middle;}
.user_box .lt .cont .list{ clear:both; font-size:12px; padding:0 0 15px 25px;}
.user_box .lt .cont .list li{ margin-top:5px;}
.user_box .lt .cont .list li a{ display:block; color:#757575; position:relative;}
.user_box .lt .cont .list li a:hover{ color:#91192a;}
.user_box .lt .cont .list li a i{ position:absolute; right:0; top:9px; display:block; width:10px; height:1px; background-color:#aaa; transform:rotate(45deg);}
.user_box .lt .cont .list li a i:after{ content:""; display:block; position:absolute; left:4px; top:4px; width:10px; height:1px; background-color:#aaa; transform:rotate(-90deg);}
.user_box .lt .cont .list li a:hover i{ background-color:#91192a;}
.user_box .lt .cont .list li a:hover i:after{ background-color:#91192a;}
.user_box .rt{ float:right; width:820px; padding:0 50px 30px 50px; background-color:#FFF;}
.user_box .rt .tit{ margin-top:35px; height:45px; border-bottom:1px solid #e0e0e0;}
.user_box .rt .tit b{ display:inline-block; border-bottom:2px solid #91192a; color:#91192a; font-size:16px; padding:0 15px; height:43px; line-height:43px; margin-top:2px;}
.user_box .rt .cont{ clear:both; background-color:#fafafa; padding:15px; margin:15px 0; overflow:hidden;}
.user_box .rt .cont .imgbox{ float:left; width:120px; height:120px; overflow:hidden;}
.user_box .rt .cont .imgbox img{ width:120px; height:120px;}
.user_box .rt .cont .info{ float:left; padding-left:15px;}
.user_box .rt .cont .info .name{ font-size:16px; line-height:42px;}
.user_box .rt .cont .info .name span{ color:#91192a;}
.user_box .rt .cont .info .pwd{ color:#F00;}
.user_box .rt .cont .info .pwd a{ text-decoration:underline; color:#91192a;}
.user_box .rt .half li{ float:left; width:50%; color:#999; line-height:30px;}
.user_box .rt .nav_tit{ clear:both; padding:10px 15px; background-color:#fafafa; overflow:hidden;}
.user_box .rt .nav_tit span{ float:left;}
.user_box .rt .nav_tit span i{ display:block; float:left; width:13px; height:13px; background:url(../images/index_49.jpg) left top no-repeat; margin:7px 5px 0 0; vertical-align:middle;}
.user_box .rt .nav_tit a{ float:right; font-size:12px;}
.user_box #wx_ewm{ text-align:center;}
.user_box .qq_bind{ padding:30px 0 0 0; text-align:center; min-height:150px;}
.user_box .qq_bind .btn{ display:inline-block; padding:6px 25px; background-color:#91192a; color:#FFF; border:0; border-radius:3px; cursor:pointer; outline:none; margin:20px auto;}


/**/
.us_order_list{ margin:15px 0 0 0; border-left:1px solid #f0f0f0; border-top:1px solid #f0f0f0;}
.us_order_list th{ border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8; background-color:#fbfbfb; height:42px; line-height:42px; padding-left:5px;}
.us_order_list td{ border-bottom:1px solid #F3F3F3; border-right:1px solid #F3F3F3; font-size:12px; line-height:20px; padding:5px 0 5px 5px;}
.us_order_list td img{ border:1px solid #e8e8e8;}

/*用户中心 修改密码*/
.pwd_box{ padding:25px 0;}
.pwd_box dl{ clear:both; overflow:hidden; padding:10px 0; color:#666;}
.pwd_box dl dt{ float:left; width:15%; padding-right:2%; text-align:right; line-height:40px; min-width:120px;}
.pwd_box dl dd{ float:left; width:83%; color:#999;}
.pwd_box dl dd b{ line-height:40px; color:#333;}
.pwd_box dl dd label{ line-height:40px;}
.pwd_box dl dd select{ height:40px; line-height:20px;}
.pwd_box dl dd span{ margin-left:10px; font-size:12px; line-height:17px;}
.pwd_box .text{ width:40%; height:20px; line-height:20px; padding:10px 10px; border:1px solid #D4D4D4; border-radius:2px; color:#333; outline:none;}
.pwd_box .text:focus{ border:1px solid #91192a;}
.pwd_box input.error{ background-color:#FEFBD3;}
.pwd_box .code{ width:100px;}
.pwd_box .btn{ display:block; padding:10px 46px; background-color:#91192a; color:#FFF; border:0; border-radius:3px; cursor:pointer; font-size:16px; vertical-align:middle; outline:none;}


/*头像上传*/
.cropper-wrap{ margin-top:20px; }
	.cropper-wrap .cropper-box{ position:relative; float:left; margin-right:20px; padding:1px; width:350px; height:350px; text-align:center; border:1px solid #f0f0f0; border-radius:2px; background:#f4f4f4; text-align:center; vertical-align:middle; }
	.cropper-wrap .cropper-box div{ margin:auto; vertical-align:middle; }	
	.cropper-wrap .cropper-view{ float:left; width:184px; }
	.cropper-wrap .cropper-view .img-box{ padding:1px; width:180px; height:180px; border:1px solid #f0f0f0; border-radius:2px; background:#fff; overflow:hidden; }
	.cropper-wrap .cropper-view .img-box img{ display:block; width:180px; height:180px; }
	.cropper-wrap .cropper-view .btn-box p{ margin:8px 0; text-align:center; color:#333; font-size:13px; line-height:24px; }
	.cropper-wrap .cropper-view .btn-box p.tip{ text-align:left; color:#999; font-size:13px; line-height:22px; }
	.cropper-wrap .cropper-view .btn-box .btn{ width:100%; line-height:34px; height:36px; border:1px solid #d70029; background:#FF0023; cursor:pointer; color:#fff; }
/*以下部分是WebUploader必须的*/
.webuploader-container{ position:relative; }
.webuploader-element-invisible{ position:absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px); }
.webuploader-pick{ position:relative; display:inline-block; padding:0 25px; line-height:32px; height:32px; border:1px solid #CA5F1B; border-radius:2px; cursor:pointer; background:#91192a; color:#fff; text-align:center; overflow:hidden; zoom:1; *display:inline; }
.webuploader-pick-hover{ opacity:0.9; }
.webuploader-pick-disable{ opacity:0.6; pointer-events:none; }
.upload-box{ display:block; height:32px; zoom:1; margin-top:30px;}
	.upload-box .upload-btn{ display:inline-block; height:32px; zoom:1; *display:inline; }
	.upload-box .upload-progress{ position:absolute; top:0; left:0; padding:2px 5px; width:115px; height:28px; border:1px solid #d7d7d7; background:#fff; overflow:hidden; }
	.upload-box .upload-progress .txt{ display:block; padding-right:10px; font-weight:normal; font-style:normal; font-size:11px; line-height:18px; height:18px; text-overflow:ellipsis; overflow:hidden; }
	.upload-box .upload-progress .bar{ position:relative; display:block; width:112px; height:4px; border:1px solid #1da76b; }
	.upload-box .upload-progress .bar b{ display:block; width:0%; height:4px; font-weight:normal; text-indent:-99em; background:#28B779; overflow:hidden; }
	.upload-box .upload-progress .close{ position:absolute; display:block; top:1px; right:1px; width:14px; height:14px; text-indent:-99em; background:url(../images/sprite.gif) 0 -240px no-repeat; cursor:pointer; overflow:hidden; }


/*用户中心 订单列表*/
.table-wrap{ clear:both;}
.ftable{ margin:15px 0; width:100%; border:1px solid #f0f0f0; background:#fff; }
.ftable th{ padding:0.8em; color:#6e717a; font-size:13px; font-weight:400; background:#fbfbfb; border-bottom:1px solid #e8e8e8; }
.ftable td{ padding:0.8em; color:#333; font-size:13px; border-bottom:1px solid #F3F3F3; }
.ftable td .img{ padding:1px; width:60px; height:60px; border:1px solid #e8e8e8; }
.ftable td s{ color:#999; text-decoration:line-through; }
.ftable .tr_odd_bg{ background:#f9f9f9; }
.ftable .red{ color:#F00;}
.ftable .btn_col{ color:#91192a}
.ftable .gg{ color:#999; font-size:12px; line-height:18px;}


/*用户中心 订单详情页*/
/*订单进度*/
.order-progress{ position:relative; margin:20px 0; height:55px; }
    .order-progress li{ position:relative; float:left; width:20%; text-align:center; }
    .order-progress.mini li{ width:25%; }
    .order-progress li .progress{ display:block; margin-right:1px; line-height:26px; color:#424242; font-size:12px; text-align:center; background:#eee; }
    .order-progress li .info{ display:block; margin-top:10px; line-height:24px; color:#757575; font-size:12px; text-align:center; }
    .order-progress li.active .progress{ color:#fff; background:#91192a; }
    .order-progress li.first .progress{ border-top-left-radius:20px; border-bottom-left-radius:20px; }
    .order-progress li.last .progress{ border-top-right-radius:20px; border-bottom-right-radius:20px; }
/*订单信息*/
.info-box{ margin:20px 0px; background:#fff; border:1px solid #f0f0f0;}
.info-box .form-group{ clear:both; overflow:hidden;}
.info-box .form-group dt{ display:block; float:left; padding-right:2%; width:14%; line-height:40px; text-align:right; color:#888; }
.info-box .form-group dd{ display:block; position:relative; margin-left:16%; line-height:40px; }
.info-box dl.head{ position:relative; margin:0; padding:0; background:#fbfbfb; border-bottom:1px solid #e8e8e8; }
.info-box dl.head dd{ margin-left:10px; }
.info-box dl.head .btn-pay{ position:absolute; top:6px; right:6px; display:block; padding:0 15px; color:#fff; font-size:12px; height:26px; line-height:26px; background:#91192a; border-radius:2px; }
.info-box .green{ color:Green;}


/*用户中心 我的收藏*/
.coll_box{ clear:both; padding-top:20px;}
.coll_box ul{ overflow:hidden;}
.coll_box ul li{ float:left; width:185px; margin:0 10px 10px 10px; position:relative;}
.coll_box ul li img{ display:block; width:auto; max-width:100%; border:1px solid #eee;}
.coll_box ul li p{ line-height:20px; padding-top:5px;}
.coll_box ul li span{ color:#F00;}
.coll_box ul li .none{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.5); text-align:center; vertical-align:middle; z-index:2;}
.coll_box ul li .none p{  line-height:185px; color:#000;}
/*.coll_box ul li .btn{ position:absolute; bottom:5px; right:5px; display:block; width:20px; height:20px; background:url(../images/index_41.png) center center no-repeat; cursor:pointer; z-index:3;}*/
.coll_box ul li .btn{ display:none; position:absolute; bottom:0px; right:5px; font-style:normal; font-size:12px; cursor:pointer; z-index:3; color:#91192a;}
.coll_box ul li:hover .btn{ display:block;}

/*用户中心 收货地址*/
.address_box{ clear:both;}
.address_box .add{ margin-top:20px; display:inline-block; padding:8px 25px; line-height:20px; border-radius:3px; border:1px solid #91192a; color:#FFF; background:#91192a;}
.address_box .box{ clear:both; overflow:hidden; border:1px solid #ccc; margin-top:20px;}
.address_box .box dl{ clear:both; overflow:hidden; padding:5px 0; line-height:22px; border-bottom:1px dashed #E5E5E5;}
.address_box .box dl dt{ float:left; width:100px; text-align:right;}
.address_box .box dl dd{ float:left; margin-left:10px;}
.address_box .box a{ margin-right:15px; display:inline-block; border:1px solid #ccc; border-radius:3px; padding:2px 15px;}
.address_box .box a:hover{ background-color:#91192a; border-color:#91192a; color:#FFF;}
.address_box .box .dft{ cursor:pointer;}
.address_box .box .dft i{ display:inline-block; width:13px; height:13px; border:1px solid #aaa; border-radius:50%; margin-right:5px; vertical-align:middle; position:relative;}
.address_box .box .on i{ border-color:#91192a; background-color:#91192a;}
.address_box .box .on i:before{ display:block; content:""; width:4px; height:1px; background-color:#FFF; transform:rotate(45deg); position:absolute; left:2px; top:8px;}
.address_box .box .on i:after{ display:block; content:""; width:8px; height:1px; background-color:#FFF; transform:rotate(-45deg); position:absolute; left:4px; top:6px;}

/*用户中心 编辑收货地址*/
.order_box .rbl{ margin-top:10px;}
.order_box .btn{ display:inline-block; margin-left:5px; padding:8px 25px; line-height:20px; border-radius:3px; cursor:pointer; outline:none; border:1px solid #91192a; color:#FFF; background:#91192a;}


/*用户中心 我要评价*/
.com_box{ padding:20px 0; clear:both; border-bottom:1px solid #ddd; overflow:hidden;}
.com_box .com_lt{ float:left; width:200px; line-height:20px;}
.com_box .com_lt img{ max-width:100%; border:1px solid #E0E0E0;}
.com_box .com_lt .name{ padding-top:10px;}
.com_box .com_lt .name p{ font-size:12px; color:#999;}
.com_box .com_rt{ float:right; width:580px;}
.com_box .com_rt .area{ width:500px; height:100px; padding:10px; font-size:12px; border:1px solid #E0E0E0;}
/*.com_box .com_rt .up_btn{ margin-top:10px; display:inline-block; height:26px; vertical-align:middle; border:1px solid #E0E0E0;}*/
.com_box .com_rt .up_btn_bz{ color:#aaa;}
.com_btn{ display:block; margin-top:15px; float:right; padding:10px 46px; background-color:#91192a; color:#FFF; border:0; border-radius:3px; cursor:pointer; font-size:16px; vertical-align:middle; outline:none;}
/*上传样式*/
.upload-box{ display:inline-block; margin:0; position:relative;}
/*=====================以下部分是WebUploader必须的====================*/
.com_rt .webuploader-container{ position:relative; }
.com_rt .webuploader-element-invisible{ position:absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px); }
.com_rt .webuploader-pick{ position:relative; display:inline-block; margin-top:10px; padding:0 10px; height:26px; line-height:26px; background-color:#FFF; color:#666; border:1px solid #E0E0E0;}
.com_rt .webuploader-pick-hover{ }
.com_rt .webuploader-pick-disable{ opacity:0.6; pointer-events:none; }
/*=====================以上部分是WebUploader必须的====================*/
/*图片相册样式*/
.photo-list{ margin:0; padding:10px 0 0 0; }
.photo-list ul{ margin:0; display:inline-block; }
.photo-list ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.photo-list ul li{ float:left; margin-right:10px; text-align:center;}
.photo-list ul li .img-box{ width:90px; height:90px; overflow:hidden; border:2px solid #E0E0E0 ;}
.photo-list ul li .img-box img{ max-width:100%; max-height:100%; }
.photo-list ul li a{ padding-right:1em; }



/*星星样式*/
.star_box{ width:100%; margin:0 0 20px 0; padding-top:10px; line-height:21px; overflow:hidden;}
.star_box .star_score, .star_box p{ float:left;}
.star_box p,.star_box .attitude{ padding-left:20px; line-height:21px;}
.star_box p .fenshu{ color:#C00; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; border:0; width:15px;}
.star_box .star_score {width:160px; height:21px;}
.star_box .star_score a{ display:block; float:left; margin:0 5px; width:22px; height:21px; background:url(../images/starky.png) center center no-repeat;}
.star_box .star_score a:hover{ background-image:url(../images/starsy.png);}
.star_box .star_score a.clibg{ background-image:url(../images/starsy.png);}
/*星星样式*/
.star_box .show_number{ padding-left:50px; padding-top:20px;}
.star_box .show_number li{ width:240px; border:1px solid #ccc; padding:10px; margin-right:5px; margin-bottom:20px;}
.star_box .atar_Show{background:url(../images/stark2.png); width:160px; height:21px;  position:relative; float:left; }
.star_box .atar_Show p{ background:url(../images/stars2.png);left:0; height:21px; width:134px;}
.star_box .show_number li span{ display:inline-block; line-height:21px;}


/*微信绑定 提示信息*/
.wxbind-tips{ position:relative; margin:30px auto; padding:30px 0; font-size:14px; text-align:center; }
.wxbind-tips .icon{ display:inline-block; width:60px; height:60px; background:url(../images/index_44_1.jpg) center center no-repeat; vertical-align:middle;}
.wxbind-tips .info{ display:inline-block; margin-left:20px; }
.wxbind-tips .info b{ display:block; color:#333; font-size:18px; font-weight:normal; line-height:1.3em; line-height:60px; }
.wxbind-error .icon{ background-image:url(../images/index_44_2.jpg);}
.wxbind-error .info b{ color:#F00}



