.center{
    width: 1200px;
    margin: 12px auto;
}
.rootView-left {
	width: 169px;
}

.rootView {
	background-color: #ffffff;
	width: 169px;
	box-sizing: border-box;
	padding: 0 14px 20px;
}

.sub_menu {
	padding: 25px 0 10px;
}

.el-menu li {
	height: 45px;
	line-height: 45px;
	margin-left: 5px;
	padding-left: 23px;
}

.el-menu .sub_menu img {
	vertical-align: -5px;
	margin-right: 4px;
}

.el-menu li.is-active a {
	color: #D22222;
	font-weight: bold;
}

.rootView-right {
	width: 1018px;
	background: #fff;
	padding-top: 26px;
	padding-bottom: 20px;
	color: #111E36;
	margin-top: 1px;
	scrollbar-width: none;
}
.rootView-right .layui-tab{
	margin: 0;
}
.rootView-right .tab-pane {
	margin: 0 19px;
	border-bottom: 2px solid #f2f2f2;
}

.rootView-right .layui-tab-title li {
	min-width: 40px;
	padding: 0;
	margin-right: 40px;
}

.layui-tab-brief>.layui-tab-title .layui-this {
	font-weight: bold;
	font-size: 14px;
	color: #333333;
}

.layui-tab-brief>.layui-tab-title .layui-this:after {
	border-bottom: 5px solid #D22222;
}

.tab-pane-cont {
	margin: 0 19px;
}

.order_tbody {
	background: #f2f2f2;
	padding: 11px 0;
}

.order_th {
	padding-left: 35px;
	box-sizing: border-box;
	font-weight: bold;
	color: #999999;
}

.order_th_one,
.order_case_one {
	width: 348px;
}

.order_th_two,
.order_case_two {
	width: 212px;
}

.order_th_three,
.order_th_four,
.order_case_three {
	width: 133px;
}

.order_th_five,
.order_case_five {
	width: 130px;
}

.order_tab_box {
	box-shadow: 0px 3px 9px 0px rgba(210, 210, 210, 0.35);
	border-radius: 10px;
	border: 1px solid #F2F2F2;
	margin-top: 20px;
}

.order_tab_head {
	background: #FEF6F6;
	padding: 5px 13px;
	color: #999999;
}

.order_tab_head_center {
	flex: 1;
	margin-left: 40px;
}
.order_del{
    cursor: pointer;
}

.order_case {
	border-right: 1px solid #F2F2F2;
	padding: 15px 14px;
	box-sizing: border-box;
}

.order_case:nth-child(5n) {
	border-right: 0;
}

.align {
	text-align: center;
}

.order_case_one_right {
	margin-left: 20px;
}

.order_case_one_right p {
	margin-bottom: 30px;
}

.order_case_address p {
	margin-bottom: 18px;
}

.order_case_address p span {
	font-weight: bold;
	margin-right: 8px;
}

.order_case_freight {
	margin-top: 20px;
}

.order_case_freight div {
	color: #999999;
	margin-top: 10px;
}

.order_case_state {
	margin-top: 30px;
}

.order_case_button .payment {
	width: 89px;
	height: 29px;
	line-height: 29px;
	background: #F2F2F2;
	border-radius: 5px;
	border: 1px solid #E8E8E8;
	outline: medium;
}

.order_case_button .abolish {
	color: #666666;
	border: 0;
	background: #fff;
	margin: 13px 0;
    cursor: pointer;
}
/*我的流量卡*/
.datacard_box {
    margin-top: 20px;
  }

  .datacard_box_left {
    position: relative;
    width: 293px;
    border-radius: 20px;
    border: 1px solid #E4E4E4;
    margin-right: 42px;
    margin-bottom: 40px;
  }

  .datacard_box_left:nth-child(3n) {
    margin-right: 0;

  }

  .datacard_box_cont {
    padding: 16px 0px 16px 14px;
  }
  .datacard_title {
    font-size: 16px;
  }

  .datacard_number {
    color: #999999;
margin: 10px 0 25px 15px;
  }

  .datacard_right {
    z-index: 100;
  }

  .datacard_right img {
    vertical-align: -8px;
    margin-right: 17px;
  }

  .datacard_box_time {
    background: #FFF6F6;
    color: #999999;
    text-align: center;
    padding: 10px 0;
    margin-top: 13px;
    border-bottom-left-radius: 19px;
    border-bottom-right-radius: 19px;
  }
.datacard_box .time{
  font-size: 12px;
  padding: 8px 10px;
}
  .cece {
    color: #cecece;
  }

  .ddd {
    color: #CECECE;
    background: #F2F2F2;
  }

  .data_due {
    position: absolute;
    top: 7px;
    right: 10px;
  }
  /*我的会员*/
  .member_box li a {
    display: block;
    width: 93px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #666666;
    border-radius: 5px;
    border: 1px solid #D7D7D7;
    margin-left: 15px;
  }

  .member_box li .active {
    color: #D22222 !important;
    border: 1px solid #D22222 !important;
  }

  .member_box {
    margin-top: 12px;
  }

  .member_box_item {
    margin-top: 34px;
    margin-left: 7px;
  }

  .member_box_left {
    width: 201px;
    border-radius: 20px;
    border: 1px solid #E4E4E4;
    padding: 0 8px;
    margin-right: 49px;
  }

  .member_box_left:nth-child(4n) {
    margin-right: 0;
  }

  .member_box_left_image {
    padding: 24px 0 30px;
    text-align: center;
    margin-bottom: 20px;
    border-bottom: 1px dashed #E4E4E4;
  }

  .member_box_left_image .title {
    font-weight: bold;
    font-size: 16px;
    padding-top: 18px;
  }

  .member_box_left_cont {
    margin: 0 10px;
  }

  .member_box_left_cont p {
    padding-bottom: 15px;
  }

  .member_box_left_cont p span {
    color: #999999;
  }
  /*优惠劵*/
   .coupon_box {
    margin-top: 15px;
    margin-left: 35px;
  }

  .coupon_box_left {
    width: 242px;
    height: 380px;
    margin-right: 75px;
    margin-bottom: 38px;
    background: url(https://152liuliang.oss-cn-hangzhou.aliyuncs.com/user/couponbg.png) no-repeat;
  }

  .coupon_box_left:nth-child(3n) {
    margin-right: 0;
  }

  .coupon_box_left .coupon_box_top {
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
  }

  .coupon_box_top .coupon_bond {
    padding-top: 35px;
  }

  .coupon_box_top .coupon_price {
margin: 14px 0 8px;
  }

  .coupon_box_top .coupon_price span {
    font-weight: bold;
    font-size: 36px;
  }

  .coupon_box_top .coupon_discount {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .coupon_box_top .coupon_date {
    font-size: 14px;
    color: #5D85AD;
  }

  .coupon_box_center {
    position: relative;
    margin-top: 40px;
    margin-left: 14px;
    font-size: 12px;
  }

  .coupon_box_zindex {
    z-index: 100;
    position: inherit;
  }

  .coupon_box_center .guoqi {
    position: absolute;
    top: 2px;
    right: 8px;

  }

  .coupon_box_center p {
    padding-bottom: 24px;
  }

  .coupon_box_center p span {
    color: #999;
  }

  .coupon_box_bottom button {
    display: block;
    width: 200px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    outline: medium;
    color: #D22222;
    background: #FFFFFF;
    margin: 0 auto;
    border-radius: 5px;
    border: 1px solid #D22222;
  }

  /*过期优惠券样式*/
  .pastdue {
    background: url(https://152liuliang.oss-cn-hangzhou.aliyuncs.com/user/nocoupbg.png) no-repeat;
  }

  .pastdue .coupon_date {
    color: #D1D1D1;
  }

  .pastdue .coupon_box_center {
    color: #D1D1D1;
  }

  .pastdue .coupon_box_center p span {
    color: #D1D1D1;
  }

  .pastdue .coupon_box_bottom button {
    color: #D1D1D1;
    border: 1px solid #CECECE;
  }
  /*领取福利*/
  .receive_box_left {
    width: 221px;
    background: linear-gradient(180deg, #FDF5EA, #FDF5EA, #FDF5EA);
    border-radius: 20px;
    text-align: center;
    padding: 15px 20px;
    margin-right: 26px;
    margin-bottom: 20px;

  }

  .receive_box_left:nth-child(4n) {
    margin-right: 0;
  }

  .receive_box_title {
    font-weight: bold;
    font-size: 16px;
    margin-left: 10px;
    margin-top: -4px;
  }

  .receive_box_cont {
    /* #EFE1D1 */
    border-bottom: 1px dashed #EFE1D1;
    margin-bottom: 22px;
  }

  .receive_box_image img {
    width: 30px;
    height: 30px;
  }

  .receive_box_cont .present {
    display: inline-block;
    padding: 3px 20px;
    background: linear-gradient(180deg, #F3E2C4, #F4E0C4);
    border-radius: 15px;
    color: #8A704C;
    margin: 11px 0 16px;
  }

  .receive_box_cont .price {
    font-size: 16px;
    color: #8A704C;
  }

  .receive_box_cont .time {
    color: #999999;
    padding: 15px 0 23px;
  }

  .receive_draw button {
    width: 163px;
    height: 41px;
    line-height: 41px;
    font-weight: bold;
    font-size: 16px;
    color: #66400A;
    background: linear-gradient(180deg, #EAC69A, #EDCAA0);
    border-radius: 5px;
  }

  /*tankuan*/
  .welfare_content {
    text-align: center;
    padding: 26px 60px;
  }

  .welfare_title {
    font-weight: bold;
    font-size: 24px;
    color: #D22222;
  }

  .welfare_box ul {
    justify-content: center;
    margin: 30px 0 20px;
  }

  .welfare_box ul li {
    padding: 10px 10px;
    color: #999999;
    background: #F7F7F7;
    border-radius: 5px;
    cursor: pointer;
  }

  .welfare_box ul li.active {
    color: #D22222;
    background: #FFF6F6;
  }

  .welfare_box .welfare_tips {
    font-size: 16px;
    margin: 25px 0 35px;
  }

  .welfare_box_button button {
    width: 151px;
    height: 48px;
    line-height: 48px;
    color: #fff;
    background: #D22222;
    border-radius: 5px;
  }

  .card_number {
    justify-content: center;
    margin: 35px 0 25px;
  }

  .card_number_input {
    width: 320px
  }
  .card_number_input input{
	width: 290px;
    height: 43px;
    padding-left: 20px;
    background: #FFFFFF;
    border-radius: 5px;
    border: 1px solid #C4C6CF;
    margin-left: -14px;
}
  .card_number_title {
    margin-top: 10px;
    margin-right: 4px;
  }

  .card_number_input p {
    text-align: left;
    color: #999999;
    margin-top: 12px;
  }

  /*  /deep/.el-input__inner{
    width: 320px !important;
  } */
  .welfare_box_charge button {
    width: 151px;
    height: 47px;
    line-height: 47px;
    border-radius: 5px;
    font-size: 16px;
  }

  .welfare_box_charge .resert {
    border: 1px solid #E1E1E1;
    background: #fff;
    margin-right: 10px;
  }

  .welfare_box_charge .draw {
    color: #fff;
    background: #D22222;
  }
  /*账户管理*/
 .account_box {
    border-radius: 5px;
    padding: 0 28px 150px;
    border: 1px solid #E5E5E5;
    margin: 0 21px;
  }

  .account_box_left {
    padding: 23px 0;
    border-bottom: 1px dashed #E4E4E4;
  }

  .account_box_image .account_name {
    font-weight: bold;
    font-size: 16px;
    margin-top: 1px;
    margin-left: 18px;
  }

  .account_box_image img {
    width: 45px;
    height: 45px;
    margin-top: -2px;
  }

  .account_box_title {
    flex: 1;
    margin-left: 42px;
  }

  .account_box_href a {
    color: #1E7DDF;
  }

  .account_box_href button {
    background: #fff;
    color: #1E7DDF;
  }

  .cancel_box {
    text-align: center;
    padding: 20px 40px;
  }

  .cancel_title {
    font-weight: bold;
    font-size: 16px;
    margin: 24px 0 28px;
  }

  .cancel_tips {
    font-size: 16px;
    margin-bottom: 60px;
  }

  .dialog-footer button {
    width: 149px;
    height: 40px;
    color: #fff;
    background: #D22222;
    border-radius: 7px;
    border-color: #D22222;

  }
  /*基本信息*/
   .userinfo {
    margin: 10px 47px;
  }

  .info_left_title {
    width: 10%;
    text-align: left;
    float: left;
    /* margin-right: 28px; */
  }

  .info_left_title>span {
    color: #DF3033;
  }

  .info_nick,
  .info_name,
  .info_phone,
  .info_wechat,
  .info_comname,
  .info_combrief,
  .info_position,
  .info_contact,
  .info_userty,
  .info_port,
  .info_ress {
    display: flex;
    align-items: center;
    margin-bottom: 28px;
    /* height: 40px;
    line-height: 40px; */
  }

  .no_port {
    display: flex;
    align-items: end;
    color: #1E7DDF;
  }
.no_port div{
  margin-left: 10px;
}
  .userinfo .info_left_title_input {
    width: 57%;
    height: 40px;
        padding-left: 20px;
    background: #FFFFFF;
    border-radius: 5px;
    border: 1px solid #E5E5E5;
  }

  .info_sub_btn button {
    width: 149px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: #D22222;
    border-radius: 7px;
  }
  .info_userty label{
  	margin-right: 20px;
  }
.info_userty label input{
	vertical-align: -1px;
	margin-right: 5px;
}
/*收货地址*/
  .address_box{
    margin:10px 31px;
  }
  .address_box_left{
    width: 398px;
    background: #F2F2F2;
    border-radius: 10px;
    padding: 20px 0;
    margin-right: 36px;
    margin-bottom: 20px;
  }
  .address_box_name{
    font-weight: bold;
  }
  .address_box_name span{
    margin-right: 20px;
  }
  .address_box_name,.address_box_site,.address_box_bottom{
    padding-left: 23px;
  }
  .address_box_site{
    padding-top: 17px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #D7D7D7;
    margin-bottom: 17px;
  }
  .address_box_bottom span{
    color: #D22222;
    margin-right: 20px;
  }
  .address_box_bottom button{
    margin-left: 12px;
    padding: 6px 20px;
    color: #fff;
    background: #86BEF7;
    border-radius: 3px;
  }
  .add_address button{
    width: 150px;
    height: 39px;
    line-height: 39px;
    background: #FFFFFF;
    border-radius: 5px;
    border: 1px solid #A1A1A1;
    margin-left: 38px;
  }
  /*消息中心*/
  .mess_box_top button {
    color: #666666;
    padding: 3px 12px;
    background: #F2F2F2;
    border-radius: 5px;
    margin-left: 19px;
  }

  .mess_box_left {
    padding: 31px 21px;
    background: #FFFFFF;
    border-radius: 5px;
    border: 1px solid #E5E5E5;
    margin-bottom: 20px;
  }

  .mess_box_left_date {
    width: 79px;
    height: 53px;
    font-size: 12px;
    text-align: center;
    color: #FFFFFF;
    background: url(https://152liuliang.oss-cn-hangzhou.aliyuncs.com/user/mess.png) no-repeat;
  }

  .mess_box_left_date span {
    margin-top: 24px;
    display: inline-block;
  }

  .mess_box_left_checkbox {
    margin: 0 22px;
  }

  .mess_box_pt {
    margin: 10px 0;
  }

  .mess_box_left_detail p {
    width: 742px;

  }

  .mess_box_left_detail h3 {
    font-weight: bold;
    font-size: 14px;
    color: #666666;
  }
  /*shouye*/

.el-tabs__content {
    margin: 22px 0 0 0 !important;
  }

  /deep/.el-tabs__header {
    padding: 0 !important;
  }

  .user_box_content {
    padding: 0 21px;
  }
.user_box{
  margin-bottom: 35px;
}
  .user_box_left {
    width: 713px;
    padding: 23px 0px 23px 20px;
    border: 1px solid #F2F2F2;
  }

  .user_box_left_title {
    flex: 1;
    margin-left: 24px;
  }

  .user_box_left_title .name {
    font-weight: bold;
    font-size: 18px;
  }

  .user_box_left_title p {
    color: #999999;
    margin: 10px 0 12px;
  }

  .verify_box .phone {
    width: 12px;
    height: 20px;
    vertical-align: -4px;
    margin-right: 3px;
  }

  .verify_box .verify {
    width: 15px;
    height: 15px;
    vertical-align: -2px;
    margin-right: 3px;
  }

  .user_box_left .henghr {
    height: 87px;
    border-right: 1px dashed #DFDFDF;
  }

  .user_box_left_card ul li {
    padding: 0 26px;
    text-align: center;
  }

  .user_box_left_card ul li span {
    font-weight: bold;
    font-size: 18px;
    color: #D22222;
  }

  .user_box_left_card ul li p {
    color: #666666;
    margin-top: 25px;
  }

  .user_box_right {
    width: 242px;
    border: 1px solid #F2F2F2;
    padding: 11px 12px 0;
  }

  .user_box_right_title {
    margin-bottom: 12px;
  }

  .user_box_right_title img {
    vertical-align: -6px;
    margin-right: 5px;
  }

  .user_box_right_detail p {
    margin-bottom: 10px;
  }

  .user_box_right_detail p span {
    margin: 0 7px 0 9px;
    color: #999999;
  }

  .order_case_one_left img{
      width: 84px;
      height:84px;
  }