@charset "utf-8";
/* Author:xujk */

/*首頁*/
.index_banner{position:relative;clear:both;width:100%;height:450px;background:#000;overflow:hidden;}
.index_banner ul{position:absolute;width:auto;height:100%;}
.index_banner ul li{float:left;width:auto;height:100%;}
.index_banner ul li a{display:block;width:100%;height:100%;background-size:cover;}
.prev_nav,.next_nav{display:none;position:absolute;top:185px;width:60px;height:80px;background:url(../images/icon.png) no-repeat 1px -88px;cursor:pointer;}
.prev_nav{left:50%;margin-left:-580px;}
.next_nav{right:50%;margin-right:-580px;background-position:-61px -88px;}

.index_item{width:100%;clear:both;}

.index_merchant li{position:relative;float:left;width:149px;height:80px;margin:-1px;border:1px solid #ddd;overflow:hidden;z-index:1;}
.index_merchant li img{width:100%;height:100%;}
.index_merchant li:hover{border:1px solid #F40;z-index:2;}
.index_merchant li img:hover{-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);}
 
.index_item_recommend{float:left;width:75%;}
.index_recommend{width:100%;height:280px;}
.index_recommend li{position:relative;float:left;width:219px;height:50%;margin:0 -1px -1px 0;border:1px solid #ddd;z-index:1;background:#fff;}
.index_recommend li.index_recommend_big{width:239px;height:100%;}
.index_recommend li img{float:left;width:100px;height:100px;margin:15px 8px;}
.index_recommend li img:hover{opacity:.75;filter:alpha(opacity:75);-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;}
.index_recommend li a.recommend_link{float:left;width:100px;height:40px;margin-top:20px;line-height:20px;color:#666;overflow:hidden;}
.index_recommend li b{float:left;color:#db0000;font-size:14px;font-weight:normal;margin-top:15px;}
.index_recommend li.index_recommend_big *{clear:both;float:none;display:block;width:185px;line-height:23px;margin:0 auto;}
.index_recommend li.index_recommend_big img{display:block;width:160px;height:154px;margin:30px auto 15px;}
.index_recommend li.index_recommend_big p{color:#999;}
.index_recommend li.index_recommend_big a.recommend_link{float:none;width:185px;height:23px;margin:0 auto;line-height:23px;}
.index_recommend li:hover{border-color:#F40;z-index:2;-moz-transition:border-color .3s;-ms-transition:border-color .3s;-o-transition:border-color .3s;-webkit-transition:border-color .3s;transition:border-color .3s;}
.index_recommend li a:hover{color:#F40;}

.index_item_tool{clear:none;float:left;width:25%;}
.index_tool{width:100%;height:281px;border:1px solid #ddd;margin-left:-1px;background:#fff;}
.index_tool ul{width:234px;margin:25px auto;}
.index_tool ul li{float:left;width:85px;height:110px;margin:5px 16px;text-align:center;color:#333;font-size:13px;}
.index_tool ul li a{color:#333;line-height:23px;}
.index_tool ul li a:hover img{-moz-animation:rotateIn 1s;-ms-animation:rotateIn 1s;-o-animation:rotateIn 1s;-webkit-animation:rotateIn 1s;animation:rotateIn 1s;}

.index_f{position:relative;width:100%;clear:both;padding-top:50px;padding-bottom:20px;}
.index_f_title{position:relative;height:40px;line-height:40px;background:#f1f1f1;}
.index_f_title_icon{position:absolute;width:8px;height:43px;left:0px;bottom:0px;background:url(../images/icon.png) no-repeat -128px -85px;}

.index_2f .index_f_title_icon{background-position:-149px -85px;}
.index_3f .index_f_title_icon{background-position:-170px -85px;}
.index_4f .index_f_title_icon{background-position:-191px -85px;}

.index_f_title b{float:left;width:130px;height:40px;padding-left:20px;color:#333;font-size:16px;}
.index_f_title_nav{position:relative;float:left;z-index:2;}
.index_f_title_nav li{float:left;padding:0 20px;height:40px;cursor:default;font-size:14px;color:#ff5500;}
.index_2f .index_f_title_nav li{color:#2e82ff;}
.index_3f .index_f_title_nav li{color:#198530;}
.index_4f .index_f_title_nav li{color:#e87499;}
.index_f_title_nav li.index_f_title_active_color{color:#fff;}
.index_f_title_active{position:absolute;top:0;left:0;width:auto;height:40px;background:#ff5500;z-index:-1;-moz-transition:width ease .2s;-ms-transition:width ease .2s;-o-transition:width ease .2s;-webkit-transition:width ease .2s;transition:width ease .2s;}
.index_2f .index_f_title_active{background:#2e82ff;}
.index_3f .index_f_title_active{background:#198530;}
.index_4f .index_f_title_active{background:#e87499;}
.index_f_tab_box{position:relative;top:20px;left:0;width:1200px;height:432px;overflow:hidden;background:#fff;}
.index_f_tab{position:absolute;left:0;top:0;width:1200px;height:420px;background:#fff;}

.index_pro{float:left;width:600px;}
.index_pro ul li{position:relative;float:left;width:175px;height:216px;padding:12px;border:1px solid #ddd;overflow:hidden;}
.index_pro ul li.index_pro_big{width:250px;height:432px;padding:15px;}
.index_pro ul li img{display:block;width:150px;height:150px;}
.index_pro ul li.index_pro_big img{width:220px;height:220px;}
.index_pro_show b{display:block;color:#db0000;line-height:23px;}
.index_pro_big .index_pro_show b{padding-top:15px;}
.index_pro_show p{color:#999;line-height:23px;}
.index_pro_show p.index_pro_big_p{height:100%;padding-top:15px;color:#666;line-height:20px;overflow:hidden;}

.index_pro_active{position:absolute;top:216px;left:-1px;width:175px;height:216px;text-align:center;background:url(../images/index_pro_bg.png);z-index:2;}
.index_pro_big .index_pro_active{top:432px;}
.index_pro_active p{width:150px;margin:60px auto 40px;height:60px;text-align:left;color:#fff;line-height:20px;overflow:hidden;}
.index_pro_active a{color:#fff;margin:0 5px;padding:2px 10px;border-radius:5px;}
.index_pro_active a:hover{background:#F50;text-decoration:none;}
.index_pro_big .index_pro_active{width:250px;height:432px;}
.index_pro_big .index_pro_active p{height:auto;max-height:200px;margin-bottom:140px;margin-top:120px;}
.index_pro_active_top{top:0!important;-moz-transition:top 0.5s;-ms-transition:top 0.5s;-o-transition:top 0.5s;-webkit-transition:top 0.5s;transition:top 0.5s;}


/*登录*/
.login_box{width:100%;height:550px;border-top:1px solid #cc052a;background:#ec3551;}
.login_bg{width:1200px;height:100%;margin:0 auto;background:url(../images/login_bg.jpg) no-repeat center center;}
.login{float:right;width:350px;height:390px;margin:95px 110px 0 0;padding:30px 20px;background:#fff;}
.login h1{color:#333;font-size:20px;padding-bottom:20px;}
.login h1 a{float:right;padding-top:8px;color:#e73736;font-size:14px;}
.login_error{height:20px;line-height:20px;text-indent:5px;color:#e83737;background:#ffebec;border:1px solid #ffbdbf;}
.login dl{clear:both;padding-top:10px;}
.login dl dt{color:#999;font-size:14px;line-height:30px;padding-top:3px;}
.login dl dd input{width:295px;height:32px;line-height:32px;padding:0 5px;color:#666;border:1px solid #ddd;}
.login_bp{padding:10px 5px;font-size:14px;color:#999;}
.login_bp label{cursor:pointer;}
.login_bp input{float:left;margin:3px 5px 0 0;}
.login_bp a{float:right;color:#e73736;}
.login_btn,.reg_1_3{width:307px;height:40px;margin-top:10px;color:#fff;font-size:14px;border:none;background:#e43636;font-weight:bold;cursor:pointer;}
.login_btn:hover,.reg_1_3:hover{background:#cb3333;}

/*注册*/
.registration_box{width:100%;padding:45px 0;background:#f3f3f3;}
.registration{width:880px;margin:0 auto;padding:60px 130px;background:#fff;border:1px solid #ddd;}
.registration h1{color:#333;font-size:20px;}
.registration h1 span{padding-left:15px;color:#408bd9;}
.reg_1_1{padding-top:50px;}
.reg_1_1 dt{clear:both;font-size:14px;color:#999;line-height:25px;}
.reg_1_1 dt span.required{color:#ff0000;}
.reg_1_1 dd{float:left;padding-right:10px;padding-bottom:5px;line-height:32px;color:#999;font-size:14px;}
.reg_1_1 dd input.reg_txt{width:295px;height:32px;border:1px solid #ddd;padding:0 5px;color:#666;}
.reg_1_1 dd select{width:190px;padding:8px 5px;color:#666;}
.reg_1_1 dd img{cursor:pointer;}
.reg_1_2{clear:both;}
.reg_1_2 input{float:left;margin-right:5px;margin-top:2px;}
.reg_1_2 a{color:#e43636;}
.reg_1_4{padding-top:20px;text-indent:40px;font-size:14px;color:#999;}
.reg_1_4 a{color:#1c5b9a;}

.reg_2_1{width:460px;margin:110px auto 50px;font-size:14px;color:#666;line-height:26px;}
.reg_2_1 span{color:#d03331;}
.reg_2_2{display:block;width:307px;height:40px;margin:0 auto;color:#fff;font-size:14px;text-align:center;line-height:40px;background:#e43636;font-weight:bold;cursor:pointer;border-radius:5px;}
.reg_2_2:hover{text-decoration:none;background:#cb3333;}
.reg_2_3{width:750px;margin:50px auto 0;padding-top:40px;border-top:1px dashed #ddd;}
.reg_2_3 dt{font-size:16px;color:#666;padding-bottom:10px;}
.reg_2_3 dd{font-size:14px;color:#797979;line-height:30px;}
.reg_2_3 dd a,.reg_2_3 dd span{color:#408bd9;}

.reg_3_1{display:block;width:100px;height:100px;margin:0 auto;background:url(../images/icon.png) no-repeat 0px -227px;}
.reg_3_2{width:100%;text-align:center;}
.reg_3_3{display:inline-block;text-align:left;}
.reg_3_3 h2{padding:25px 0 10px;;font-size:16px;color:#5d8c1c;}
.reg_3_3 ul{font-size:14px;color:#333;line-height:23px;}
.reg_3_4{width:320px;margin:10px auto 35px;color:#fff;border:none;border-top:1px dashed #ddd;}
.reg_3_5{width:100%;text-align:center;}
.reg_3_6{display:inline-block;text-align:left;line-height:25px;font-size:14px;color:#666;}
.reg_3_6 span{font-size:15px;color:#d23a38;font-family:arial;}
.reg_3_6 a{color:#0567c3;}

/*详细页*/
.date_introduction{width:1160px;margin:35px auto 0;padding:30px 20px;background:#fff;border:1px solid #ddd;overflow:auto;}
.date_introduction_left{float:left;width:750px;}
.date_introduction_left h1{padding-bottom:40px;font-size:18px;color:#333;}
.pro_pic_show{float:left;width:300px;height:300px;padding-right:25px;}
.pro_pic_show img{width:300px;height:300px;}
.date_introduction_left dl{float:left;width:450px;}
.date_introduction_left dl a{color:#5194f3;margin-left:10px;}
.date_introduction_left dl dt{clear:both;float:left;width:90px;text-align:right;padding:5px 15px 0 0;color:#333;line-height:25px;}
.date_introduction_left dl dd{float:left;width:350px;line-height:25px;overflow:auto;padding:5px 0 10px;color:#808080;}
.date_price{margin-right:5px;padding:4px 20px;font-size:14px;color:#fe3837;font-weight:bold;font-family:arial;border:1px solid #ddd;}
.date_freight{margin-right:5px;padding:4px 20px;font-size:14px;color:#666666;font-family:arial;border:1px solid #ddd;}
.pro_num{position:relative;width:81px;}
.pro_num_txt{width:50px;padding:4px 5px;font-size:14px;color:#666666;font-family:arial;border:1px solid #ddd;text-align:center;}
.pro_num_add,.pro_num_reduce{position:absolute;top:1px;right:0;width:18px;height:12px;background:url(../images/icon.png) no-repeat -281px -81px;border:none;cursor:pointer;}
.pro_num_reduce{top:14px;background-position: -281px -94px}
.pro_color span,.pro_type li{float:left;padding:3px 5px;margin:0 5px 5px 0;font-size:14px;color:#666;border:1px solid #ddd;cursor:pointer;}
.pro_color span.choose,.pro_type li.choose{color:#1b4fa8;border:2px solid #1b4fa8;padding:2px 4px;}
.date_introduction_left dl dd select{padding:6px 5px;border:1px solid #ddd;}
.date_introduction_left dl dd textarea{width:330px;height:90px;line-height:23px;border:1px solid #ddd;resize:none;padding:5px;color:#666;font-size:12px;}
.deta_buy,.date_AddToCart{float:left;padding:0 40px;height:40px;line-height:40px;color:#fff!important;font-size:14px;border-radius:5px;background:#3c87ef;border:0px;margin: 5px}
.date_AddToCart{padding:0 50px;background:url(../images/icon.png) no-repeat -143px 2px;background-color:#fe8000;}
.deta_buy:hover{text-decoration:none;background:#3576d0;}
.date_AddToCart:hover{text-decoration:none;background-color:#e67502;}

.date_introduction_right{float:right;width:180px;}
.date_introduction_right h2{width:100%;padding:0 1px;height:25px;line-height:25px;color:#fff;text-align:center;background:url(../images/date_03.jpg) no-repeat right top;background-color:#548ff3;}
.date_introduction_source{padding:20px 12px 30px;border:1px solid #ddd;line-height:23px;}
.date_introduction_source img{display:block;width:79px;margin:10px auto;}
.date_introduction_manualFill,.date_introduction_recharge,.date_introduction_logistics{display:block;margin:5px 0;text-align:center;height:40px;line-height:40px;color:#fff;font-size:14px;background:#548ff3;border-radius:3px;}
.date_introduction_manualFill:hover{text-decoration:none;background:#497bd1;}
.date_code{border:1px solid #ddd;padding:20px;}
.date_code img{display:block;width:100px;margin:0 auto;}
.date_introduction_recharge{background:#c70b1a;}
.date_introduction_recharge:hover{text-decoration:none;background:#aa0916;}
.date_introduction_logistics{background:#fe8000;}
.date_introduction_logistics:hover{text-decoration:none;background:#df7000;}

.date_info{width:1200px;margin:20px auto;border:1px solid #ddd;background:#fff;}
.date_info_itme_title{height:45px;background:#fcfcfc;border-bottom:1px solid #ddd;}
.date_info_itme_title li{float:left;width:126px;height:45px;line-height:45px;text-align:center;font-size:14px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;cursor:pointer;}
.date_info_itme_title li.date_info_itme_title_active{border-bottom:1px solid #fff;background:#fff;color:#387bee;}
.date_info_itme_title li:hover{color:#387bee;}
.date_info_item{display:none;padding:45px 40px;}
.deta_go_icon{display:block;width:130px;height:130px;margin:45px auto 20px;background:url(../images/icon.png) no-repeat -149px -228px;}
.deta_go{padding-bottom:45px;line-height:30px;text-align:center;}
.deta_go a{color:#3c87ef;padding:0 2px;}

.date_pro_info{width:745px;margin:0 auto;}
.date_pro_info ul{padding-top:20px;}
.date_pro_info ul li{padding:10px 0;font-size:14px;color:#666;line-height:30px;border-bottom:1px dashed #ddd;}

.date_pro_evaluation_list li{border-bottom:1px solid #ddd;overflow:auto;padding:30px 0;}
.date_pro_evaluation_list_left{float:left;width:80px;text-align:center;padding-right:40px;padding-left:20px;line-height:30px;}
.date_pro_evaluation_list_left a{color:#999;}
.date_pro_evaluation_list_right{float:left;line-height:23px;}
.date_pro_evaluation_list_right p{font-size:14px;padding-bottom:5px;}
.date_pro_evaluation_list_right span{color:#999;font-size:12px;}
.date_pro_evaluation_pager{width:100%;text-align:center;padding-top:50px;}
.date_pro_evaluation_pager li{display:inline-block;margin:0 5px;}
.date_pro_evaluation_pager li a{display:block;height:30px;line-height:28px;padding:0 10px;color:#666;border-radius:5px;}
.date_pro_evaluation_pager li a:hover,.date_pro_evaluation_pager li a.date_pro_evaluation_pager_active{text-decoration:none;background:#387bee;color:#fff;}

/*購物車*/
.car{width:1200px;margin:30px auto 80px;}
.car_header{position:relative;height:60px;background:url(../images/car_logo.png) no-repeat left center;}
.car_header a{position:absolute;top:0px;right:0px;width:105px;height:35px;padding-left:10px;background:#e63736;border-radius:5px;color:#fff;font-size:14px;line-height:35px;text-align:center;}
.car_header a:hover{text-decoration:none;background:#c83231;}
.car_header a i{position:absolute;left:20px;top:13px;width:10px;height:10px;background:url(../images/icon.png) no-repeat -127px -67px;}

.car_top{height:35px;line-height:35px;color:#fff;background:#0567c3;}
.car_top li{position:relative;float:left;text-align:center;font-size:14px;}
.car_info{width:675px;}
.car_info img{float:left;width:80px;height:80px;margin:20px 10px 20px 20px;}
.car_info .car_info_main{float:left;width:540px;padding-top:25px;}
.car_info a:link,.order_list a:visited{color:#0567c3;}
.car_info_main p{font-size:12px;color:#e63736;padding-top:10px;}
.car_unitPrice{width:160px;}
.car_unitPrice p{padding:5px;}
.car_num{width:95px;}
.car_totalPrice{width:150px;}
.car_totalPrice p{padding:5px;}
.car_operation{width:110px;}
.car_operation a{color:#0567c3;}
.car_top .car_info .checkAll{position:absolute;left:20px;top:0px;cursor:pointer;}
.car_top .car_info .checkAll input{float:left;margin-top:12px;margin-right:10px;cursor:pointer;}

.car_list{width:100%;margin-top:15px;}
.car_list a:link,.car_list a:visited{color:#0567c3;}
.car_list tr th{height:35px;line-height:35px;border:1px solid #ddd;background:#f0f0f0;text-align:left;font-weight:normal;color:#737373;font-size:13px;}
.car_list tr th span{margin-right:40px;}
.car_list tr th .checkGroup{float:left;margin:11px 19px;cursor:pointer;}
.car_list tr td{font-size:13px;border:1px solid #ddd;background:#fcfcfc;text-align:center;}
.car_list tr td.car_info{text-align:left;}
.car_list tr td.car_num{width:95px;font-weight:bold;font-family:arial;font-size:14px;color:#000;}

.car_bottom{height:50px;margin-top:20px;line-height:50px;color:#333;font-size:14px;background:#e5e5e5;}
.car_bottom label{cursor:pointer;padding-right:20px;}
.car_bottom label input{float:left;margin:20px 15px 0 20px;cursor:pointer;}
.car_bottom a{color:#333;}
.car_settlement{float:right;}
.car_settlement ul{float:left;}
.car_settlement ul li{float:left;margin-right:40px;}
.car_settlement ul li font{color:#e63736;font-size:20px;}
.car_settlement ul li span.blur font{color:#0567c3;font-size:20px;}
.car_settlement a{position:relative;float:left;width:110px;height:50px;padding-right:5px;text-align:center;line-height:50px;color:#fff;font-size:18px;background:#0567c3;}
.car_settlement a i{position:absolute;right:20px;top:21px;width:10px;height:10px;background:url(../images/icon.png) no-repeat -147px -67px;}
.car_settlement a:hover{text-decoration:none;background:#01539f;}

.car_nopro{clear:both;width:500px;margin:0 auto;overflow:auto;padding:50px 0;}
.car_nopro i{float:left;width:65px;height:62px;margin-right:40px;background:url(../images/icon.png) no-repeat -319px -231px;}
.car_nopro p{padding-top:5px;padding-bottom:10px;color:#333;font-size:14px;font-weight:bold;}
.car_nopro a{color:#0567c3;}
.car_nopro a.car_nologin{margin-right:10px;padding:3px 10px;border-radius:5px;background:#0567c3;color:#fff;}
.car_nopro a.car_nologin:hover{text-decoration:none;background:#0559a8;}

/*付款*/
.pay{width:1200px;margin:20px auto;padding-bottom:200px;}
.pay h1{font-size:20px;color:#333;line-height:22px;}
.pay h1 span{font-size:12px;color:#333;}
.pay h1 i{float:left;width:40px;height:40px;margin-right:10px;background:url(../images/icon.png) no-repeat -331px -317px;}
.pay_info{margin:10px 0 20px;height:245px;border:1px solid #ddd;background:#fff;}
.pay_info_1{float:left;width:240px;height:100%;background:#fafafa;}
.pay_info_1 i{float:left;width:95px;height:95px;margin:75px 0 0 75px;background:url(../images/icon.png) no-repeat -302px -70px;}
.pay_info_2{float:left;margin:50px 0 0 40px;}
.pay_info_2 h2{color:#da0000;font-size:20px;padding-bottom:20px;}
.pay_info_2 ul li{color:#333;font-size:14px;line-height:26px;}
.pay_info_2 p{padding-top:15px;color:#333;font-size:14px;}
.pay_info_2 p span{font-size:16px;}
.pay_info_3{float:right;width:245px;padding-top:60px;}
.pay_info_3 h4{color:#333;font-size:16px;padding-bottom:5px;}
.pay_info_3 p{color:#ff4800;font-size:14px;line-height:30px;}

.pay_way h2{height:35px;line-height:35px;text-indent:15px;color:#0567c3;font-size:14px;font-weight:bold;background:#efefef;}
.pay_way_choose{margin-top:10px;padding:25px 15px 0;border:1px solid #ddd;background:#fff;}
.pay_way_choose div{height:35px;line-height:35px;background:#f4f6fd;font-size:13px;color:#666;}
.pay_way_choose div label{margin-right:30px;font-size:14px;color:#333;cursor:pointer;}
.pay_way_choose div label input{float:left;margin:12px 10px 0 10px;}
.pay_way_choose div label span{font-size:16px;}
.pay_way_choose div a{color:#0668c3;}
.pay_way_choose p{height:35px;line-height:35px;padding:40px 0;color:#333;font-size:14px;}
.pay_way_choose p input{width:210px;height:33px;margin:0 10px;color:#666;font-size:14px;line-height:33px;border:1px solid #ddd;padding:0 5px;}

.pay_way_pwd{padding:20px 0;text-align:right;font-size:14px;line-height:40px;}
.pay_way_pwd span{font-size:20px;}
.pay_way_pwd a{width:170px;height:40px;text-align:center;line-height:40px;border-radius:5px;}
.pay_way_pwd a.pay_modify{float:left;background:#e8e4e4;color:#333;}
.pay_way_pwd a.pay_modify:hover{background:#ccc;text-decoration:none;}
.pay_way_pwd a.pay_confirmation{float:right;margin-left:30px;background:#ff4800;color:#fff;}
.pay_way_pwd a.pay_confirmation:hover{background:#e04102;text-decoration:none;}

.pay_state{width:530px;margin:80px auto 0;padding:40px 20px;font-size:14px;text-align:center;border:1px solid #ddd;background:#fff;}
.pay_state h1{margin:0 auto;line-height:60px;font-size:20px;}
.pay_state h1 i{float:left;width:65px;height:65px;background:url(../images/icon.png) no-repeat -400px -80px;}
.pay_state h1 i.pay_error{background-position:-400px -160px;}
.pay_state p{clear:both;line-height:23px;}
.pay_state a{display:block;width:115px;height:35px;margin:30px auto 0;border-radius:5px;line-height:35px;text-align:center;color:#fff;background:#ff4800;}
.pay_state a:hover{background:#e24000;text-decoration:none;}