﻿@charset "utf-8";
.body { background-color: #fafafa; }
/*搜索*/
.v_search { width: 100%; height: 90px; background-color: #027bd6; }
.v_search_box { width: 1226px; height: 90px; margin: 0 auto; }
.v_logo { width: 260px; height: 63px; margin: 13.5px 0; position: relative; }
.v_return { color: #c3d8f2; position: absolute; bottom: 0; right: 0; width: 149px; height: 20px; line-height: 22px; border: 1px solid #47abf7; background-color: #027bd6; text-align: center; border-radius: 20px; }
.v_return:hover { color: #fff; }
.v_nav { margin-left: 65px; }
.v_nav a { line-height: 90px; color: #e6eef9; font-family: "宋体"; font-size: 14px; float: left; }
.v_nav span { line-height: 90px; color: #e6eef9; font-family: "宋体"; font-size: 14px; float: left; }
a.index { margin-right: 78px; }
a.set_up { background-image: url(../images/vb_arrow.png); background-position: right center; background-repeat: no-repeat; padding-right: 17px; margin-right: 60px }
span.news_num { position: relative; }
.news_num i { position: absolute; width: 24px; height: 24px; background-image: url(../images/i_bg.png); font-style: normal; top: 20px; text-align: center; line-height: 24px; right: -24px; color: #4f4f4f;background-size: cover; }
.v_search_text { width: 282px; height: 38px; background-color: #fff; margin: 26px 0 }
.v_search_input {cursor:pointer; width: 165px; background-color: #fff; padding: 9px 10px; float: left;border: none; color: #a6a6a6; }
.v_nav span i a{ line-height: 24px;text-align: center;display: block;width: 24px;font-size: 14px;}
.v_search_btn {cursor:pointer; background-image: url(../images/v_search_btn.png); width: 97px; height: 38px; background-color: #fff; outline: none; color: #fff; font-size: 15px; border: none }
.v_cart { cursor:pointer;width: 129px; height: 38px; background-color: #fff; margin: 26px 1px 26px 10px; line-height: 38px; text-align: center; background-image: url(../images/v_cart.png); background-repeat: no-repeat; background-position: 17px center; text-indent: 30px; }
.footer { background-color: #fff; }
/*内容*/
.vip_content { width: 1226px; height: auto; margin: 10px auto 30px; }
/*左边*/
.vip_content_l { width: 196px;  background-color: #fff;  border: 1px solid #dbdbdb;	}
.vip_content_l .vip_content_title { width: 196px; height: 47px; border-bottom: 1px solid #027bd6; line-height: 47px; }
.vip_content_l .vip_content_title img { margin: 14px 10px 13px 16px; }
.vip_content_l ul.heading { color: #027bd6; font-size: 8px; margin-top: 10px; }
.vip_content_l li.li_style { background-image: url(../images/square.png); background-repeat: no-repeat; background-position: 20px center; }
.vip_content_l ul.heading li { text-indent: 48px; }
.vip_content_l .heading li a { font-size: 12px; font-family: "宋体"; color: #999; line-height: 24px; }
.vip_content_l .heading li.li_style a { color: #666 }
.vip_content_l .heading li a:hover { color: #027bd6; }
.vip_content_l .heading li.Uclass a{ color: #027bd6; }
.vip_content_l .heading li.li_style a:hover { color: #666; }

/*右边*/
.vip_content_r { width: 1025px; height: auto;  margin-left:3px; }
.vip_content_r_per{ width:600px; height: 208px; border:1px solid #ddd; background-color: #fff;}
.vip_content_r_per_l>img{ margin:46px 20px 33px 20px; border-radius:50%; width:129px; height: 129px; float:left;}
.vip_content_r_per_l_word{ margin-top:45px;}
.vip_level{line-height: 15px; margin:24px 0 0 }
.vip_level img{width:16px; height:15px; vertical-align:top; margin-right:5px;}
.safe_h{ width:55px; height: 11px; background-color: #71b247; float:left; margin-top:5px; margin-right:5px;}
.safe_w{ color:#71b247;}
.vip_safe{ margin-top:10px;}
.vip_mon{ margin-top:10px;}
.vip_content_r_per_r{width: 255px; height: 163px; border-left:1px dotted #c4c4c4; margin-top:23px;}
.vip_content_r_per_r li{ text-align: center; width:87px;  }
.vip_order1,.vip_order3{ margin-left:29px;}
.vip_order2,.vip_order4{ margin-right:29px;}
.vip_order3,.vip_order4{ margin-top:21px;}
.vip_content_r_assets{ width:404px; height:208px; border:1px solid #ddd; margin-left:5px; padding-left:12px; background-color: #fff;}
.vip_content_r_assets h1{ margin-top:15px; margin-bottom:9px;}
.vip_content_r_assets li{ height:34px; margin-top:8px;}
.vip_content_r_assets li img{ margin-top:9px; float:left;}
.assets1{ width:374px; height:34px; line-height: 34px; margin-left:6px; padding-left:8px; background-color: #fff;}
.assets1_num{ margin-right:54px;}
.assets1_num i{ font-style:normal; margin-right:10px;}
.assets1:hover{ background-color: #027bd6; color:#fff; background-image: url(../images/tria.png); background-repeat: no-repeat; background-position: 348px center;-webkit-transition: all 0s ease 0s; -moz-transition: all 0s ease 0s; -o-transition: all 0s ease 0s; }
.assets1:hover span,.assets1:hover span i{ color:#fff;}


/*我的订单*/
.vip_content_r_order{ width:1023px;border:1px solid #ddd; margin:5px 0 0 3px; background-color: #fff;    border-bottom: none; }
.v_order_box{ width:988px; height:36px; line-height: 34px; padding:0 20px 0 15px; border-bottom:1px solid #ddd}
.title_bb{ border-bottom:2px solid #027bd6;margin-right:9px; line-height: 34px; float:left;}
.see_more_word{ padding-right:15px; background-image: url(../images/r_arrow_b.png); background-repeat: no-repeat; background-position: right center;}
.see_more_word:hover{ color:#027bd6; background-image: url(../images/r_arrow_b2.png);}
.v_mine_order{ width:1023px; height:142px; color:#a6a6a6; text-align: center; line-height: 142px;}

.v_mine_order img{ vertical-align:middle; margin-right:10px;}

/*抵用券、积分兑换、特惠商品*/
.vep_box{ width:1023px; height:194px; border:1px solid #ddd;  margin:5px 0 0 3px; background-color: #fff;}
.voucher_box{ width:320px; height:174px; padding:10px; line-height: 15px;}
.voucher_word{ border-left:3px solid #027bd6; line-height: 15px; text-indent:10px;}
.voucher_more:hover{ color:#027bd6;}
.voucher_img{ width:320px; height:128px; margin-top:20px;}

/* 本例子css */
	.voucher_img .tbC{ width:320px;position:relative;    }
	.voucher_img .prev{ background:url(../images/l_arrow1.png) no-repeat; width:22px; height:39px; position:absolute; left:0px; top:43px; z-index:10}
	.voucher_img .next{  background:url(../images/r_arrow1.png) no-repeat; width:22px; height:39px; position:absolute; right:0px;top:43px;z-index:10 }
	.voucher_img .prev:hover{ background-image: url(../images/l_arrow_2.png); }
	.voucher_img .next:hover{ background-image: url(../images/r_arrow_2.png);}
	.voucher_img .slide{ width:320px; overflow:hidden;    }
	.voucher_img ul{ overflow:hidden; zoom:1; }
	.voucher_img li{ width:222px; margin:0 49px; display:inline; float:left; height:126px; background-image: url(../images/voucher_img.png);}
	
	.voucher_num{  line-height:126px;text-align: center; width:90px; border-right:1px solid #d9dadc; padding:0 5px;}
	.voucher_content{ width:103px; padding:0 6px;}
	.voucher_title2{ margin-top:20px;width:103px;}
	.voucher_value{ width:103px;margin-top:7px;}
	.receive_btn{cursor:pointer; outline:none; width:89px; height:29px; background-color: #027bd6; border-radius:4px; color:#fff; margin-top:18px;}
	.receive_btn:hover{ background-color: #006ac8;}
.exchange_box{ width:321px; height:174px; padding:10px; line-height: 15px; border-left:1px solid #ddd;border-right:1px solid #ddd;}
.vep_content{margin-top: 10px;}
.vep_img{ width:140px; height:140px; margin-right:13px;}
.vep_pro_name{float:left; margin-top:10px; line-height: 24px; width:154px; overflow:hidden;}/*word-break:break-all;*/
.exchange_num{float:left; margin-top:6px; line-height: 24px; width:154px;}
.exchange_num i{ font-style:normal;}
.exchange_btn{cursor:pointer; width:89px; height:29px; line-height: 29px; background-color: #027bd6; border-radius:3px; margin:23px 15px 0 0; outline:none;text-align: center;}
.vep_pro_name:hover{ color:#027bd6;}
.exchange_btn:hover{ background-color: #006ac8;color: #fff;}
/*商品收藏、购物足迹、话费快充*/

.cfb_content{ width:682px; height:220px; margin-top:7px;}
.cfb_content>div{ text-align: center;}
.cfb_content>div>img{ display:inline;  margin-top:40px}
.cfb_content>div>a{ display:block; text-align: center; color:#adadad; margin-top:12px;}
.charge_box{ width:320px;height:246px; padding:10px;}
.charge_content{width:210px; height:auto; margin:28px 55px 0;}
.phone_num{ margin-top: 20px;}
.li_title{ line-height: 23px;}
.value_box{ margin-top: 10px;}
.price_box{ margin-top:12px;}
.charge_content li img{ float:left;}
.input_num{width:134px; color:#b6b6b6;outline:none; border:1px solid #ccc;padding:2px 8px;}
.select_num{width:152px; color:#b6b6b6;outline:none; border:1px solid #ccc;padding:2px 4px; cursor:pointer;}
.recharge_btn{ outline:none;width:134px; height:29px; line-height: 29px; background-image: url(../images/recharge_btn.png); background-repeat: no-repeat; background-color:transparent; display:block; margin:20px auto ; color:#fff; cursor:pointer;}



/*商品收藏*/
.cfb_box{ width:1023px; height:266px; border:1px solid #ddd; margin:5px 0 0 3px; background-color: #fff;}
.cfb_l{ width:682px; height:259px; border-right:1px solid #ddd;padding-top: 7px;}
.cfb_l ul li.hover{ width:100%; float:left; cursor:pointer; text-align: center;}
.cfb_l ul li.hover a{ border-bottom:2px solid #027bd6; color: #555; line-height: 30px;  display:inline-block; margin:0 auto;font-size:14px;  font-family:"宋体";}

.coll_box{ margin-top:25px;}
.coll_box li{ float:left; width:150px; margin-left:20px;}
.coll_box li div.coll_img{ width:120px; height:120px; display:table; margin:0 auto}
.coll_box li div.coll_img a{ width:120px; height:120px; display:table-cell;}
.coll_box li div.coll_img a img{ max-width:120px; max-height:120px; display:block; margin:auto;}
.coll_box li p{ margin-top:10px; color:#027bd6;}
a.gzgdsp{ font-size:14px; color:#333; margin-top:20px;}

a.gzgdsp:hover{ color:#027bd6;}





.cart_login_btn {
    width: 52px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    border-radius: 5px;
    background-color: #027bd6;

    outline: none;
    cursor: pointer;
}
.cart_login_btn:hover {
    background-color: #0066b2;
}
.remind_word{ margin-bottom: 10px}














