.dialog_box {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: none; }
  .dialog_box.show {
    display: block; }
  .dialog_box .active.show_boder { 
    position: relative;
    border: 2px solid #FE7526 !important; }
    .dialog_box .active.show_boder p {
      color: #FE7526; }
    .dialog_box .active.show_boder::before {
      content: '';
      position: absolute;
      display: block;
      bottom: 0;
      right: 0;
      z-index: 1;
      width: 0;
      height: 0;
      border-bottom: .426667rem solid #FE7526;
      border-left: .426667rem solid transparent; }
    .dialog_box .active.show_boder::after {
      content: '';
      position: absolute;
      display: block;
      width: .16rem;
      height: .106667rem;
      bottom: .08rem;
      right: .036667rem;
      z-index: 2;
      background-image: url("../images/buy_dialog/yes.png");
      background-size: 100% 100%; }
  .dialog_box .active.show_boder.min::before {
    border-bottom-width: .32rem;
    border-left-width: .32rem; }
  .dialog_box .active.show_boder.min::after {
    bottom: .05rem;
    right: .016667rem; }
  .dialog_box .bac {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); }
  .dialog_box .content {
    position: absolute;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 1; }
    .dialog_box .content .buy_box {
      background-color: #ffffff;
      width: 10.333333rem;
      overflow: hidden;
      border-radius: .053333rem; }
      .dialog_box .content .buy_box .top {
        height: 2.506667rem;
        background-image: url("../images/score_details/bac3.png");
        background-size: cover;
        color: #ffffff; }
        .dialog_box .content .buy_box .top .header {
          position: relative;
          padding-top: .16rem;
          height: .186667rem; }
          .dialog_box .content .buy_box .top .header .icon {
            position: absolute;
            display: block;
            right: 0;
            top: .133333rem;
            right: .106667rem;
            z-index: 1;
            width: .186667rem;
            height: .186667rem; }
          .dialog_box .content .buy_box .top .header .close {
            background-image: url("../images/score_details/icon10.png");
            background-size: 100% 100%; }
        .dialog_box .content .buy_box .top h1 {
          margin-top: .2rem;
          font-size: .32rem; }
        .dialog_box .content .buy_box .top h2 {
          font-size: .186667rem;
          margin-top: .15rem; }
        .dialog_box .content .buy_box .top h1,
        .dialog_box .content .buy_box .top h2 {
          text-align: center; }
        .dialog_box .content .buy_box .top h3 {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          padding: 0 .533333rem 0 .64rem;
          margin-top: .6rem; }
        .dialog_box .content .buy_box .top .account_information {
          font-size: .24rem; }
        .dialog_box .content .buy_box .top .tips {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
		.dialog_box .content .buy_box .top .tips img {
          width: 19px; }
          .dialog_box .content .buy_box .top .tips p {
            color: #D8B879;
            font-size: .213333rem; }
      .dialog_box .content .buy_box .bottom .tips {
        margin-top: .373333rem;
        font-size: .32rem;
        color: #201F1C;
        height: .373333rem;
        line-height: .373333rem;
        overflow: hidden; }
        .dialog_box .content .buy_box .bottom .tips span {
          display: inline-block;
          vertical-align: middle;
          height: .373333rem;
          width: .106667rem;
          background-color: #57EBC0;
          margin-right: .293333rem; }
      .dialog_box .content .buy_box .bottom .music {
        padding: 0 .64rem; }
        .dialog_box .content .buy_box .bottom .music h1 {
          margin-top: .6rem;
          font-size: .24rem;
          font-weight: bold; }
        .dialog_box .content .buy_box .bottom .music h2 {
          font-size: .186667rem;
          color: #91979D;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin-top: .15rem; }
          .dialog_box .content .buy_box .bottom .music h2 .author {
            margin-right: .32rem; }
      .dialog_box .content .buy_box .bottom .buy {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 .64rem;
        margin-top: .4rem; }
        .dialog_box .content .buy_box .bottom .buy .money {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          .dialog_box .content .buy_box .bottom .buy .money .img {
            width: .426667rem;
            height: .453333rem;
            margin-right: .106667rem; }
            .dialog_box .content .buy_box .bottom .buy .money .img img {
              width: 100%;
              height: 100%; }
          .dialog_box .content .buy_box .bottom .buy .money p {
            font-size: .426667rem;
            color: #F6603E;
            font-weight: 500; }
        .dialog_box .content .buy_box .bottom .buy .button {
          width: 2.933333rem;
          height: .773333rem;
          line-height: .773333rem;
          text-align: center;
          background: #FE7526;
          font-size: .266667rem;
          font-weight: bold;
          color: #ffffff;
          border-radius: .053333rem; }
      .dialog_box .content .buy_box > .tips {
        margin-top: .533333rem;
        border-top: 1px solid #e7eaeb;
        height: .733333rem;
        padding-right: .64rem;
        line-height: .733333rem;
        text-align: right;
        font-size: .186667rem;
        color: #7d7d7d; }
    .dialog_box .content .recharge_box {
      width: 10.333333rem;
      border-radius: .053333rem;
      background-color: #fff; }
      .dialog_box .content .recharge_box .header {
        position: relative;
        padding-top: .16rem;
        height: .186667rem; }
        .dialog_box .content .recharge_box .header .icon {
          position: absolute;
          display: block;
          right: 0;
          top: .133333rem;
          right: .106667rem;
          z-index: 1;
          width: .186667rem;
          height: .186667rem; }
        .dialog_box .content .recharge_box .header .close {
          background-image: url("../images/score_details/icon10.png");
          background-size: 100% 100%; }
      .dialog_box .content .recharge_box > .tips {
        text-align: center;
        font-size: .213333rem;
        color: #201F1C;
        margin-top: .133333rem; }
      .dialog_box .content .recharge_box .set_meal {
        margin-top: .426667rem; }
        .dialog_box .content .recharge_box .set_meal > h1 {
          padding: 0 .48rem;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          .dialog_box .content .recharge_box .set_meal > h1 p {
            margin-right: .066667rem;
            color: #201F1C;
            font-size: .213333rem; }
          .dialog_box .content .recharge_box .set_meal > h1 span {
            font-size: .16rem;
            color: #91979D; }
        .dialog_box .content .recharge_box .set_meal > ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin-top: .4rem;
          padding: 0 .48rem;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
          .dialog_box .content .recharge_box .set_meal > ul li.active {
            color: #FE7526; }
          .dialog_box .content .recharge_box .set_meal > ul li {
            width: 2.106667rem;
            height: 1.386667rem;
            color: #201F1C;
            cursor: pointer;
            text-align: center;
            border: 1px solid #E8EAEB;
            border-radius: .053333rem;
            overflow: hidden;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
            .dialog_box .content .recharge_box .set_meal > ul li p:last-child {
              font-size: .2rem;
              padding-top:5px; }
            .dialog_box .content .recharge_box .set_meal > ul li p:first-child {
              font-size: .32rem; }
      .dialog_box .content .recharge_box .payment {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: .666667rem;
        padding-bottom: .533333rem; }
        .dialog_box .content .recharge_box .payment .payment_type_box {
          margin-left: .96rem;
          border-right: 1px solid #E8EAEB;
          padding-right: .266667rem;
          padding-top: .16rem;
          padding-bottom: .16rem;
          position: relative; }
          .dialog_box .content .recharge_box .payment .payment_type_box .triangle {
            position: absolute;
            top: .35rem;
            z-index: 1;
            right: 0.02rem; }
            .dialog_box .content .recharge_box .payment .payment_type_box .triangle .icon {
              position: absolute; }
              .dialog_box .content .recharge_box .payment .payment_type_box .triangle .icon::before {
                content: '';
                position: absolute;
                top: 0;
                right: -.14rem;
                z-index: 1;
                width: 0;
                display: block;
                height: 0;
                border-top: .066667rem solid transparent;
                border-left: .133333rem solid #fff;
                z-index: 2;
                border-bottom: .066667rem solid transparent; }
              .dialog_box .content .recharge_box .payment .payment_type_box .triangle .icon::after {
                content: '';
                position: absolute;
                top: 0;
                right: -.17rem;
                z-index: 1;
                width: 0;
                display: block;
                height: 0;
                border-top: .066667rem solid transparent;
                z-index: 1;
                border-left: .133333rem solid #E8EAEB;
                border-bottom: .066667rem solid transparent; }
          .dialog_box .content .recharge_box .payment .payment_type_box .payment_type li + li {
            margin-top: .266667rem; }
          .dialog_box .content .recharge_box .payment .payment_type_box .payment_type li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 1.6rem;
            padding-left: .133333rem;
            height: .533333rem;
            border-radius: .053333rem;
            border: 1px solid #E8EAEB;
            cursor: pointer; }
            .dialog_box .content .recharge_box .payment .payment_type_box .payment_type li .img {
              width: .293333rem;
              height: .293333rem;
              margin-right: .066667rem; }
              .dialog_box .content .recharge_box .payment .payment_type_box .payment_type li .img img {
                width: 100%;
                height: 100%; }
            .dialog_box .content .recharge_box .payment .payment_type_box .payment_type li p {
              font-size: .186667rem;
              color: #201F1C;
              font-weight: bold; }
        .dialog_box .content .recharge_box .payment > .qr_box {
          width: 100%;
          text-align: center; }
          .dialog_box .content .recharge_box .payment > .qr_box .money {
            font-size: .213333rem;
            font-weight: bold;
            color: #201F1C; }
            .dialog_box .content .recharge_box .payment > .qr_box .money span {
              font-size: .266667rem;
              color: #FF4709; }
          .dialog_box .content .recharge_box .payment > .qr_box img {
            margin-top: .133333rem;
            width: 1.76rem;
            height: 1.76rem; }
    .dialog_box .content .vip_recharge_box {
      height: 7.8rem;
      border-radius: .053333rem;
      background-color: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .dialog_box .content .vip_recharge_box .banner {
        width: 2.666667rem;
        height: 100%;
        color: #FFC767;
        background-image: url("../images/buy_dialog/bac-1.png");
        background-size: 100% 100%;
        padding: .3rem 0 0 .213333rem; }
      	.dialog_box .content .vip_recharge_box .left{
		height: 100%; }
        .dialog_box .content .vip_recharge_box .banner > h1 {
          font-size: .213333rem;
          font-weight: normal; }
        .dialog_box .content .vip_recharge_box .banner > h2 {
          font-size: .24rem;
          font-weight: normal;
          margin-top: .1rem; }
        .dialog_box .content .vip_recharge_box .banner > .tips {
          font-size: .156667rem;
          margin-top: .4rem; }
        .dialog_box .content .vip_recharge_box .banner > ul {
          margin-top: .166667rem; }
          .dialog_box .content .vip_recharge_box .banner > ul li + li {
            margin-top: .2rem; }
          .dialog_box .content .vip_recharge_box .banner > ul li .info {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1; }
          .dialog_box .content .vip_recharge_box .banner > ul li .img {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            width: .266667rem;
            height: .266667rem; }
            .dialog_box .content .vip_recharge_box .banner > ul li .img img {
              width: 100%;
              height: 100%; }
          .dialog_box .content .vip_recharge_box .banner > ul li a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center; }
            .dialog_box .content .vip_recharge_box .banner > ul li a .title {
              color: #fff;
              font-size: .133333rem;
              -webkit-transform: scale(0.9);
              transform: scale(0.9); }
            .dialog_box .content .vip_recharge_box .banner > ul li a .tips {
              width: 2.4rem;
              -webkit-box-flex: 1;
              -ms-flex: 1;
              flex: 1; }
              .dialog_box .content .vip_recharge_box .banner > ul li a .tips p {
                margin-left: -.1rem;
                margin-right: -.1rem;
                color: rgba(255, 255, 255, 0.6);
                -webkit-transform: scale(0.8);
                transform: scale(0.8);
                font-size: .106667rem;
                width: 100%; }
      .dialog_box .content .vip_recharge_box .right {
        width: 7.853333rem; }
      .dialog_box .content .vip_recharge_box .header {
        position: relative; }
        .dialog_box .content .vip_recharge_box .header .icon {
          position: absolute;
          display: block;
          right: 0;
          top: .133333rem;
          right: .106667rem;
          z-index: 1;
          width: .186667rem;
          height: .186667rem; }
        .dialog_box .content .vip_recharge_box .header .close {
          background-image: url("../images/buy_dialog/icon10.png");
          background-size: 100% 100%; }
      .dialog_box .content .vip_recharge_box .user_info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 76px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #F6F6F9;
        padding: 0 .4rem; }
        .dialog_box .content .vip_recharge_box .user_info .img {
          width: .48rem;
          height: .48rem;
          border-radius: 50%;
          overflow: hidden;
          margin-right: .16rem; }
          .dialog_box .content .vip_recharge_box .user_info .img img {
            width: 100%;
            height: 100%; }
        .dialog_box .content .vip_recharge_box .user_info .account_number {
          font-size: .186667rem;
          color: #201F1C;
          line-height:2;
           }
        .dialog_box .content .vip_recharge_box .user_info .tips {
          font-size: .16rem;
          color: #91979D; }
      .dialog_box .content .vip_recharge_box .set_meal {
        margin-top: .426667rem; }
        .dialog_box .content .vip_recharge_box .set_meal > h1 {
          padding: 0 .48rem;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          .dialog_box .content .vip_recharge_box .set_meal > h1 p {
            margin-right: .066667rem;
            color: #201F1C;
            font-size: .213333rem; }
          .dialog_box .content .vip_recharge_box .set_meal > h1 span {
            font-size: .16rem;
            color: #91979D; }
        .dialog_box .content .vip_recharge_box .set_meal > ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin-top: .4rem;
          padding: 0 .48rem;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
          .dialog_box .content .vip_recharge_box .set_meal > ul li.active {
            color: #FE7526;
            background-color: #fff6f0; }
          .dialog_box .content .vip_recharge_box .set_meal > ul li {
            width: 2.106667rem;
            height: 2rem;
            color: #201F1C;
            cursor: pointer;
            text-align: center;
            border: 1px solid #E8EAEB;
            border-radius: .053333rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            position: relative;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
            .dialog_box .content .vip_recharge_box .set_meal > ul li > h1 {
              font-size: .213333rem;
              color: #201F1C;
              font-weight: bold; }
            .dialog_box .content .vip_recharge_box .set_meal > ul li.active > span {
              display: block; }
            .dialog_box .content .vip_recharge_box .set_meal > ul li > span {
              display: none;
              width: .72rem;
              height: .213333rem;
              position: absolute;
              left: -.03rem;
              top: -.1rem;
              z-index: 1;
              background-image: url("../images/buy_dialog/yh.png");
              background-size: 100% 100%; }
            .dialog_box .content .vip_recharge_box .set_meal > ul li p.num1 {
              font-size: .213333rem;
              line-height:1.4;
               }
              .dialog_box .content .vip_recharge_box .set_meal > ul li p.num1 span {
                font-size: .426667rem;
                font-weight: bold; }
            .dialog_box .content .vip_recharge_box .set_meal > ul li p.num2 {
              font-size: .133333rem;
              color: #C5C7C7;
              text-decoration: line-through; }
            .dialog_box .content .vip_recharge_box .set_meal > ul li .line {
              height: 1px;
              display: block;
              background-color: #FFE6D8;
              margin-top: .066667rem; }
            .dialog_box .content .vip_recharge_box .set_meal > ul li .tips {
              font-size: .16rem;
              color: #FE7526;
              margin-top: .2rem; }
      .dialog_box .content .vip_recharge_box .payment {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: .666667rem;
        padding-bottom: .533333rem; }
        .dialog_box .content .vip_recharge_box .payment .payment_type_box {
          margin-left: .96rem;
          border-right: 1px solid #E8EAEB;
          padding-right: .666667rem;
          padding-top: .16rem;
          padding-bottom: .16rem;
          position: relative; }
          .dialog_box .content .vip_recharge_box .payment .payment_type_box .triangle {
            position: absolute;
            top: .35rem;
            z-index: 1;
            right: 0.02rem; }
            .dialog_box .content .vip_recharge_box .payment .payment_type_box .triangle .icon {
              position: absolute; }
              .dialog_box .content .vip_recharge_box .payment .payment_type_box .triangle .icon::before {
                content: '';
                position: absolute;
                top: 0;
                right: -.14rem;
                z-index: 1;
                width: 0;
                display: block;
                height: 0;
                border-top: .066667rem solid transparent;
                border-left: .133333rem solid #fff;
                z-index: 2;
                border-bottom: .066667rem solid transparent; }
              .dialog_box .content .vip_recharge_box .payment .payment_type_box .triangle .icon::after {
                content: '';
                position: absolute;
                top: 0;
                right: -.17rem;
                z-index: 1;
                width: 0;
                display: block;
                height: 0;
                border-top: .066667rem solid transparent;
                z-index: 1;
                border-left: .133333rem solid #E8EAEB;
                border-bottom: .066667rem solid transparent; }
          .dialog_box .content .vip_recharge_box .payment .payment_type_box .payment_type li + li {
            margin-top: .266667rem; }
          .dialog_box .content .vip_recharge_box .payment .payment_type_box .payment_type li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 1.6rem;
            padding-left: .133333rem;
            height: .533333rem;
            border-radius: .053333rem;
            border: 1px solid #E8EAEB;
            cursor: pointer; }
            .dialog_box .content .vip_recharge_box .payment .payment_type_box .payment_type li .img {
              width: .293333rem;
              height: .293333rem;
              margin-right: .066667rem; }
              .dialog_box .content .vip_recharge_box .payment .payment_type_box .payment_type li .img img {
                width: 100%;
                height: 100%; }
            .dialog_box .content .vip_recharge_box .payment .payment_type_box .payment_type li p {
              font-size: .186667rem;
              color: #201F1C;
              font-weight: bold; }
        .dialog_box .content .vip_recharge_box .payment > .qr_box {
          width: 100%;
          text-align: center; }
          .dialog_box .content .vip_recharge_box .payment > .qr_box .money {
            font-size: .213333rem;
            font-weight: bold;
            color: #201F1C; }
            .dialog_box .content .vip_recharge_box .payment > .qr_box .money span {
              font-size: .266667rem;
              color: #FF4709; }
          .dialog_box .content .vip_recharge_box .payment > .qr_box img {
            margin-top: .133333rem;
            width: 1.76rem;
            height: 1.76rem; }
            
            .dialog_box .content .buy_box .bottom .buy a:hover{
            	color:#FFFFFF !important;
            	background:#EB6C23;
            }
            
            
            
            .dialog_box .content .buy-paypal-content{
            	width:8rem;
            }
            
            .dialog_box .content .buy-paypal-content .buy-paypal-box{
            	width: 100%;
            	height: 550px;
            	background-color:white;
            }
            
            .dialog_box .content .buy-paypal-content .header{
            	position: relative;
          		padding-top: .3rem;
          		height: .3rem; 
          		background-color:white;
            }
            .dialog_box .content .buy-paypal-content .header .close
			{
				background-image: url("../images/score_details/icon10.png");
            	background-size: 100% 100%; 
			}
			
			.dialog_box .content .buy-paypal-content .header .close1
			{
				background-image: url("../images/score_details/icon10_1.png");
            	background-size: 100% 100%; 
            	cursor:pointer;
			}
			
			.dialog_box .content .buy-paypal-content .header .icon
			{
				position: absolute;
            display: block;
            right: 0;
            top: .15rem;
            right: .4rem;
            z-index: 1;
            width: .186667rem;
            height: .186667rem;
			}