@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
ul,li{ list-style:none;}
a{ text-decoration:none;}
body{ font-size:14px;  background:#F2F2F2; color:#666;}
a{ color:#666;}
.mc{margin: 0 auto;}
.clear{clear: both;}
.col-90{width: 90%;}
.col-100{width: 100%;}
.bottomtxt{text-align: center; height: 40px; line-height: 40px; color: #aaa; margin-bottom: 60px;}
.ubox{width:100%;  margin:0 auto; overflow:hidden;}
/*头部样式*/
.ubox_tou{ height:110px; background:#fd673d;background: -webkit-linear-gradient(right ,#fb7f11,#ff5b00);
    background: -o-linear-gradient(right,#fb7f11,#ff5b00);
    background: -moz-linear-gradient(right,#fb7f11,#ff5b00);
    background: linear-gradient(to right,#fb7f11,#ff5b00);}
.tou_con{ height:60px; line-height:60px; padding:15px 15px 0 15px; overflow:hidden;}
.tou_con_l{ width:60%; color:#fff; font-weight:bold; font-size:18px; float:left;}
.tou_con_l a{color:#fff;}
.tou_con_l img{ width:46px; height:46px; vertical-align:middle; border-radius:50%; margin-right:10px; overflow:hidden; }
.tou_con_r{ color:#fff; line-height: 20px; padding-top:15px; float:right;}
.tou_con_r span{display: block;}

.toutxtbox{color:#fff; text-align: center; max-width:90%; overflow:hidden;}
.toutxtbox a{color:#fff;}
.cbox{ padding:0 15px;}
.cnbox{ background:#fff; margin:10px 0; border-radius:5px;}

/* 按钮样式 */
.login-btn{border:none;outline: none; width: 100%;  height: 40px; background:linear-gradient(to right,#fb7f11,#ff5b00); border-radius: 5px; font-size: 18px; color:#fff; margin: 20px 0;}
.submit-btn{border:none;outline: none; width: 100%; height: 40px; background:linear-gradient(to right,#fb7f11,#ff5b00); border-radius: 5px; font-size: 18px; color:#fff; margin: 20px 0;}

/*用户中心钱信息样式*/
.u_m{ height:80px; padding-top:18px; box-sizing:border-box;}
.u_m_item{ width:33%; text-align:center; float:left;}
.u_m_item h1{ font-size:18px; font-weight:normal;}
.u_m_item h1 u{ color:#f00; text-decoration:none; font-weight:bold;}
.u_m_item h1 span{font-size:15px; }
.u_m_item h2{ font-size:15px; font-weight:normal;}
/*用户中心订单样式*/
.m_d{ min-height: 138px; overflow: hidden;}
.m_d_t{ height: 49px; line-height: 49px; padding: 0 15px; border:1px solid #F5F5F5;}
.m_d_t_l{ font-size: 16px; color:#000; float: left;}
.m_d_t_r{ float: right;}

.m_d_b{padding: 8px 0;}
.m_d_b_item{ width: 25%; text-align: center;   float: left; margin: 0 0 15px 0;}
.m_d_b_item img{ width: 40px; height: 40px;}
.m_d_b_item p{}

/*其他的样式*/
.u_o{ padding: 8px 0; overflow: hidden;}
.u_o_item{ width: 25%; text-align: center; float: left;}
.u_o_item img{ width: 40px; height: 40px;}
.u_o_item p{}

/* 猜你喜欢 */
.youlike{height: 50px; line-height: 50px; text-align: center;}
.youlike img{ width: 176px;}

/* 产品列表 */
.prodbox{ width: 100%; overflow: hidden;}
.proditem{ width: 48%;  background: #fff; border-radius: 8px; overflow: hidden; float: left; margin: 0 1% 2% 1%; }
.prod_img{}
.prod_img img{ width: 100%; height: auto; display: block; border:0;}
.prod_txt_con{ padding: 5px 8px;}
.prod_tit{ font-size: 13px; }
.prod_tit span{ display: inline-block; min-width: 28px; height: 16px; background: #FD5003; font-size: 12px; color:#fff; text-align: center; line-height: 16px; padding: 0 2px; border-radius: 3px;}
.prod_mprice{}
.prod_mprice i{ font-style: normal; text-decoration: line-through; color:#a5a5a5; font-size: 10px;}
.prod_mprice span{ display: inline-block; height: 14px; line-height: 14px; background: #fdf5f3; color:#fb1b18; border: 1px solid #ff6a38; border-radius: 3px; font-size: 10px; padding: 0 1px;}
.prod_price_con{ height: 21px; overflow: hidden;}
.prod_price{ color:#fb1b18 ; float: left;}
.prod_price i{ font-style: normal; font-size: 18px; font-weight: bold;}
.prod_price_con span{color:#999; font-size: 10px; display: block; margin-top: 5px; float: right;}

.daodi{height: 50px; line-height: 50px; text-align: center; color:#999;}

/* 号码详情 */
.rongqi{ width:100%; background: #fff; margin:0 auto;}
.sjh{ text-align:center; background:#fff; padding: 24px 0 16px 0; }
.sjh .mobile{ color:#F44336; font-family:Arial; font-weight:normal; font-size:36px;}
.sjh .mobile span{color:#2196F3;}
.yys{text-align:center;}
.mobile_info{ width:100%; height:50px; padding-top:10px; border-top:1px solid #ececec; border-bottom:1px solid #ececec;}
.mobile_info .mobile_info_box{ width: 33%; float: left; }
.mobile_info .mobile_info_box .mobile_info_item{ text-align:center;}
.mobile_line{ border-left:1px solid #ececec; border-right:1px solid #ececec; }
.mobile_info .mobile_info_box .item_title{ color:#9a9a9a; }
.mobile_info .mobile_info_box .item_content{color:#F44336; }
.haoma_lc img{width: 100%; height: auto; border:0;}

.zbox{ padding:15px;}
.zbox .mobile_txt{ background:#FEF7DC; padding:15px; line-height:36px; border-radius:5px;}
.taitou{color:#777;}
.wxkf{ border: 3px solid #05B411; line-height: 32px; padding-left: 50px; border-radius: 5px; margin: 10px 0;}
.wxkf_wz{color:#05a510; font-size:16px; font-weight:bold;}
.wxkf_dh{ color:#f00; font-size:16px; font-weight:bold;}
.tsinfo_tit{ height: 50px; line-height: 50px; text-align: center; background: #F9EAEA; color: red; font-size: 16px; }
.tsinfo_con{ height: auto; padding: 15px; background-color: #FEF7DC; color:#FB7D00; line-height:24px; font-size:16px; }

/* 表单样式 */
.pbox{ width: 100%; margin:0 auto; overflow:hidden; }
.fixtop{width: 100%; height: 44px; position:fixed; top: 0px;}
.pbox_top{ height: 44px; line-height: 44px;  background: #f7f7f8; color:#3d4145;  }
.pbox_top a{color:#3d4145; display:block; width: 10%; font-size: 16px; text-align: center;}
.pbox_top .fanhui{float: left;}
.pbox_top  span{display: block; width: 80%; text-align: center; float: left;}
.pbox_top .gengduo{display: block; float: right;}

.titbox{ height: 30px; line-height: 30px; background: #fff; padding: 7px 14px; margin-top: 44px;}
.titbox_l{float: left;}
.titbox_r{float:right;}
.titbox_r a{ display: block; width: 86px; height: 30px; background:#00BF4B; color:#fff; border-radius: 3px; text-align: center;}
.tit{ margin-top:10px;  background: #fff; padding: 15px 15px 10px 15px; line-height: 22px; border-bottom: 1px solid #ddd; overflow: hidden;}
.tit i{ display: inline-block; width: 22px; height: 22px; line-height: 22px; vertical-align: middle; color:#FB7D00; margin: -4px 5px 0 0; }
.txt{ background: #fff; padding: 0 18px;
 line-height: 40px;  overflow: hidden;}
.txt dl{ height: 40px; line-height: 40px; border-bottom: 1px solid #ddd; padding: 16px 0;}
.txt dl:nth-last-child(1){border:none;}
.line20{line-height: 20px;}
.txt dl dt{ width: 25%; color:#aaa; float: left;}
.txt dl dd{ width: 70%; height: 40px; float: left; overflow: hidden;}
#wenben-btn{float: right; display: block; line-height: 30px; padding: 0 5px; border: 1px solid #fb0; border-radius: 5px;}
.jiage{display: block; float: left;}
.zengjianbox{display: block; float: right;}
.jianyi{display: block; width: 36px; height: 36px; border: 1px solid #aaa; font-size: 20px; text-align: center; line-height: 36px; border-radius: 4px 0 0 4px; float: left; }
.renshu_num{width: 48px; height:36px; border:none; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; outline: none; font-size: 18px; text-align: center; vertical-align: middle; float: left;}

.jiayi{display: block; width: 36px; height: 36px; border: 1px solid #aaa; font-size: 20px; text-align: center; line-height: 36px; border-radius: 0 4px 4px 0; float: left; }

.wenben{border:none; outline: none;}
.wenbenbig{border:none; outline: none; font-size: 1rem; }
.wenben_text {    border: none;    outline: none;    width: 96%;    height: 30px; font-size:15px;    padding:5px 0;}
.fixbox{width: 100%; height: 50px; line-height: 50px; background:#fff; box-shadow: 0 0 40px rgba(0,0,0,0.1); position:fixed; right: 0px; bottom: 0px; }
.fixbox_l{width: 70%; padding: 0 20px; float: left; box-sizing: border-box;}
#totalprice{display: inline-block; padding-left: 10px; color:#FF7D0B; font-size: 18px;}
.fixbox_r{width: 30%; float: right;}
.fixbox_r a{display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; background: #FF9100; color:#fff;  font-size: 18px;}

.p-box{width: 100%; font-size: 14px; overflow: hidden;}
.p-top{width: 100%; height: 44px; position:fixed; top: 0px;}
.prod-img{height: 375px; height: auto; overflow: hidden;}
.prod-img img{width: 100%; height: auto; display: block; border:0; }
.p-container{background: #fff; margin-bottom: 10px; padding: 10px; overflow: hidden;}
.p-main{margin-top: 45px;}
.prod-tit{height: 76px;}
.prod-tit h2{font-size: 18px; font-weight: normal; height: 38px; line-height: 38px;}
.prod-price{float: left; height: 38px; line-height: 38px;}
#cp-jg{color:#e53c53; font-size: 18px;}
#cp-scj{text-decoration: line-through; font-style: italic;}
.prod-kucun{float: right; height: 38px; line-height: 38px; font-size: 12px;}
.prod-kucun span{display: inline-block; padding: 0 5px; color:#f00;}
.prod-jf{height: 40px; line-height: 40px; padding: 0 10px;}
#cp-zsjf{display: inline-block; color:#f00; padding: 0 5px;}
.prod-type,.prod-numtxt{height: 34px; line-height: 34px;}
.prod-item{height: 37px; line-height: 37px;}
.prod-item a{display: block; margin-right: 6px; background:#eee ; padding: 0 5px; float: left;}
.prod-item .on{background:#e53c53; color:#fff;}

.p-prodinfobox{background: #fff;  overflow: hidden;}
.p-infotabs{ height: 42px; line-height: 42px; border-bottom: 1px solid #ddd; }
.p-infotabs a{ display: block; width: 25%; text-align: center; float: left;}
.p-infotabs .on{ color:#e53c53; border-bottom: 1px solid #e53c53; }

.p-info{ padding: 10px;}
.p-info img{width: 100%;}

.txtit{ font-size: 16px; padding-top: 10px;}
/* 用户登录 */
.p-loginbox{ padding: 20px 36px 60px 36px; background: #fff; overflow: hidden;}
.logincell{ height: 46px; line-height: 46px; border-bottom: 1px solid #f2f2f2;}
.logincell i{display: inline-block; margin-right: 8px;}

.login-txt-box{}
.login-txt-l{width: 25%; float: left;}
.login-txt-r{width: 25%; float: right;}
.loginqt-box{ margin: 10px 0; text-align: center;}
.logintype{text-align: center;}
.logintype i{display: inline-block; width: 40px; height: 40px; line-height: 40px; font-size: 26px; background: #00BF4B; color:#fff; border-radius: 50%;}


.new-martop {
    height: 44px;
}
.new-item-box{margin-bottom:10px; padding: 10px; background: #fff;}
.new-item-box img{width: 100%; height: auto; border:none; margin: 8px 0;}
.new-item-top{height: 20px; line-height: 20px;}
.new-item-top i{display: block; width: 78%;  font-style: normal; text-overflow: ellipsis; white-space: nowrap; color:#3d4145; float: left; overflow: hidden; }
.new-item-top span{ display: block; width: 22%; color:#ccc; font-size: 9px; text-align: right; float: right;}
.new-item-info{ width: 100%; height: 18px; line-height: 18px;  text-overflow: ellipsis; white-space: nowrap; color:#999;  overflow: hidden;}
.new-item-foot{border-top: 1px solid #f5f5f5; height: 20px; line-height: 20px; padding: 10px 0;  overflow: hidden;}
.new-item-foot span{display: block; width: 25%; float: left;}
.new-item-foot i{display: block; width: 10%; text-align: right; float: right;}

/* 新闻详情 */
.newcon-box{ padding: 10px; background:#fff;}
.new-tit{font-size: 20px; font-weight: bold; line-height: 30px;}
.new-ly{color:#999; border-bottom: 1px solid #eee;
line-height: 30px;}
.new-con{}
.new-con p{margin: 10px 0;}

/* 消费记录 */
.fee-box{ height:84px; padding: 10px; background: #f25939; color:#fff;}
.fee-box-l{ float: left;}
.fee-ye-txt{height: 20px;  line-height: 20px; overflow: hidden;}
.fee-ye-txt i{font-size: 16px; padding-right: 5px;}
.fee-ye{height: 64px; line-height: 64px; font-size: 20px;}
.fee-ye span{font-size:34px; font-weight: bold; padding-right: 6px; }
.fee-ye i{ font-style:normal;}
.fee-box-r{ float: right; padding: 21px 0;}
.fee-box-r a{display: block; color:#fff; font-size:18px; width: auto; padding:5px; height: 20px; line-height: 20px; text-align: center; border:1px solid #fff; border-radius: 5px; margin-left: 22px;}
.fee-cz{ float: left;}
.fee-tx{ float: left;}
.feeitem{background: #fff; margin: 8px 0; height: 44px; padding: 10px 10px 5px 10px; overflow: hidden;}
.picbox{float: left; margin-right: 5px;}
.picbox img{border-radius: 50%;}
.feeitem-l{float: left;}
.feeitem-date{color:#999; font-size: 12px; height: 20px; line-height: 20px;}
.feeitem-r{float: right;}
.feeitem-price{ text-align:right;}
.lvprice{color:#00BF4B;}
.hprice{color:#fb1b18;}
.feeitem-status{color:#999; font-size: 12px; height: 20px; line-height: 20px; text-align: right;}

/*订单info样式*/
.infobox_container{ padding:0 8px;}
.infobox{ background:#fff; margin:10px 0; border-radius:5px;box-shadow: 0 3px 9px #dcdcdf;}
.infobox_title{ height: 49px; line-height: 49px; padding: 0 15px; border:1px solid #F5F5F5;}
.infobox_title_l{ width:80%; height: 49px; font-size: 16px; color:#666; float: left; overflow: hidden;}
.infobox_title_r{ float: right;}
.infobox_items{padding: 8px 25px;}
.infobox_item{margin: 5px 0;}
.infobox_item span{display: inline-block;  width: 90px;}

.yunyingshangbox{width: 90%; background: #fff; margin: 0 auto;}
.yys-item{ height: 60px; line-height: 60px; font-size: 18px; text-align:center; border-bottom: 1px solid #f5f5f5;}
.yys-item i{font-size: 40px; vertical-align: middle;}
.yys-item .yidong{font-size: 45px; color:#005BA1;}
.yys-item .liantong{ color:#EA4100;}
.yys-item .dianxin{ color:#01479D;}

/* footer */
.foot{width:100%;height: 50px;border-top: solid 1px #e2e2e2;background: #f7f7f7; position: fixed; bottom: 0; left: 0; z-index: 999;}
.foot_nav{width: 100%;height: 100%;}
.foot_nav ul{width: 100%;height: 100%;display: flex;}
.foot_nav ul li{flex: 1;height:100%;}
.foot_nav ul li a{height:100%;display: flex;flex-direction: column;justify-content: center;align-items: center; }
.foot_nav ul li a .iconfont{font-size: 20px;line-height: 1;}
.foot_nav ul li a span{font-size: 12px;line-height: 1;margin-top: 5px;}