.dialog_box {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  display: none; }
  .num3{color: #FF3744;}
  .dialog_box.show {
    display: block; }
  .dialog_box .active.show_boder { 
    position: relative;
    border: 1px solid #FF4E4E !important; }
    .dialog_box .active.show_boder p {
      color: #FE7526; }
    .dialog_box .active.show_boder::before {
      content: '';
      position: absolute;
      display: block;
      bottom: -1px;
      right: -1px;
      z-index: 1;
      width: 0;
      height: 0;
      border-bottom: 32px solid #FE7526;
      border-left: 26px solid transparent; }
    .dialog_box .active.show_boder::after {
    content: '';
    position: absolute;
    display: block;
    width: 12px;
    height: 9px;
    bottom: 4px;
    right: 1px;
    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: 15px;
    border-left-width: 23px;
    width: 0px;
    height: 39px; }
  .dialog_box .active.show_boder.min::after {
    bottom: 1px;
    right: .5px;
    width: 8px;
    height: 7px; }
  .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/buy_dialog/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/buy_dialog/icon10.png");
            background-size: 100% 100%; }
        .dialog_box .content .buy_box .top div.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 div.h1,
        .dialog_box .content .buy_box .top h2 {
          text-align: center; }
        .dialog_box .content .buy_box .top div.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 div.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 .vip_recharge_box {
      height: 694px;
      border-radius: 17px;
      background-color: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      overflow: hidden; }
      .dialog_box .content .vip_recharge_box .banner {
        width: 202px;
        height: 100%;
        color: #FFC767;
        background-image: url("../images/buy_dialog/bac-5.png?1.0"); 
        background-size: 100% 100%;
        padding: 5px 0 0 16px;
		position: relative; }
      	.dialog_box .content .vip_recharge_box .banner .main{
		  width: 90%;
      	}
      	.dialog_box .content .vip_recharge_box .banner .main div.h1{
		    font-weight: 500;
		    font-size: 17px;
		    color: #ffeab2;
		    margin-top: 108px;
		    margin-bottom: 0;
		    line-height: 24px;
      		text-align: center;
      	}
      	.dialog_box .content .vip_recharge_box .banner .main div.h3{
		    font-weight: 400;
		    font-size: 12px;
		    color: #deceaf;
		    margin-top: 0;
		    margin-bottom: 30px;
		    line-height: 24px;
		    text-align: center;
		    letter-spacing: 6px;
      	}
      	.dialog_box .content .vip_recharge_box .banner .main ul{
			margin-top: 78px;
      	}
      	.dialog_box .content .vip_recharge_box .banner .main li{
      		font-size: 12px;
      		margin-bottom: 38px;
      		position: relative;
      		padding-left: 45px;
      	}
      	.dialog_box .content .vip_recharge_box .banner .main li p:nth-child(2){
			line-height: 15px;
      		font-size: 12px;
      	}
		.dialog_box .content .vip_recharge_box .banner .main li:nth-child(1):before{
		    content: '';
		    display: block;
		    width: 30px;
		    height: 30px;
		    position: absolute;
		    left: 0;
		    top: 0;
		    background-image: url("/public/static/ccguitar/images//buy_dialog/pay-icon-01.png");
		    background-size: 100% 100%;
		    z-index: 1;
      	}
		.dialog_box .content .vip_recharge_box .banner .main li:nth-child(2):before{
      		content: '';
		    display: block;
		    width: 30px;
		    height: 31px;
		    position: absolute;
		    left: 0;
		    top: 0;
		    background-image: url("/public/static/ccguitar/images//buy_dialog/pay-icon-02.png");
		    background-size: 100% 100%;
		    z-index: 1;
      	}
		.dialog_box .content .vip_recharge_box .banner .main li:nth-child(3):before{
      		content: '';
		    display: block;
		    width: 30px;
		    height: 31px;
		    position: absolute;
		    left: 0;
		    top: 0;
		    background-image: url("/public/static/ccguitar/images//buy_dialog/pay-icon-03.png");
		    background-size: 100% 100%;
		    z-index: 1;
      	}
		.dialog_box .content .vip_recharge_box .banner .main li:nth-child(4):before{
      		content: '';
		    display: block;
		    width: 30px;
		    height: 31px;
		    position: absolute;
		    left: 0;
		    top: 0;
		    background-image: url("/public/static/ccguitar/images//buy_dialog/pay-icon-04.png");
		    background-size: 100% 100%;
		    z-index: 1;
      	}
		.dialog_box .content .vip_recharge_box .banner .main li:nth-child(5):before{
      		content: '';
		    display: block;
		    width: 30px;
		    height: 31px;
		    position: absolute;
		    left: 0;
		    top: 0;
		    background-image: url("/public/static/ccguitar/images//buy_dialog/pay-icon-05.png");
		    background-size: 100% 100%;
		    z-index: 1;
      	}
		.dialog_box .content .vip_recharge_box .banner .main li:nth-child(6):before{
      		content: '';
		    display: block;
		    width: 30px;
		    height: 31px;
		    position: absolute;
		    left: 0;
		    top: 0;
		    background-image: url("/public/static/ccguitar/images//buy_dialog/pay-icon-06.png");
		    background-size: 100% 100%;
		    z-index: 1;
      	}
      	.dialog_box .content .vip_recharge_box .banner .main li:nth-child(6) p:nth-child(1){
			padding-top: 0;
      	}
      	.dialog_box .content .vip_recharge_box .banner .main .img img{
		    top: 51px;
		    left: 66px;
		    width: 80px; }
	    .dialog_box .content .vip_recharge_box .banner .main li p{
      		color: #EDD6A2;
      	}
		.dialog_box .content .vip_recharge_box .banner .main li p:nth-child(1){
      		font-size: 12px;
			margin-bottom: 4px;
			padding-top: 7px;
      	}
      	.dialog_box .content .vip_recharge_box .banner img {
     	  position: absolute;
	      width: 148px;
     	  cursor: pointer;
	      bottom: 29px; 
	      left: 44px; }
      	.dialog_box .content .vip_recharge_box .left{
		height: 100%; }
        .dialog_box .content .vip_recharge_box .banner > div.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: 600px; }
      .dialog_box .content .vip_recharge_box .header {
        position: relative; }
        .dialog_box .content .vip_recharge_box .header .icon {
		position: absolute;
	    display: block;
	    right: 0;
	    top: 15px;
	    right: 15px;
	    z-index: 1;
	    width: 13px;
        cursor: pointer;
	    height: 15px; }
        .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: 68px;
        -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: 43px;
          height: 43px;
          border-radius: 50%;
          overflow: hidden;
          margin-right: 10px; }
          .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: 14px;
          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 {
      	width: 95%;
      	margin-left: 15px;
        margin-top: .426667rem; }
        .dialog_box .content .vip_recharge_box .set_meal > div.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 > div.h1 p {
            margin-right: .066667rem;
            color: #201F1C;
            font-size: .213333rem; }
          .dialog_box .content .vip_recharge_box .set_meal > div.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: 24px;
		  padding: 0 20px;
          -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: #FEECF2; }
          .dialog_box .content .vip_recharge_box .set_meal > ul li {
		    width: 149px;
		    height: 138px;
            color: #201F1C;
            cursor: pointer;
            text-align: center;
            border: 1.5px solid #b0b0b0;
            border-radius: 4px;
            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;
    		position: relative; }
            .dialog_box .content .vip_recharge_box .set_meal > ul li > div.h1 {
              font-size: 17px;
              color: #201F1C;
              position: relative;
              font-weight: bold; }
            .dialog_box .content .vip_recharge_box .set_meal > ul li:nth-child(1) > div.h1{
				text-align: left;
    			padding-left: 61px;}
           	.dialog_box .content .vip_recharge_box .set_meal > ul li:nth-child(1) > div.h1:before{
				content: "";
			    position: absolute;
			    width: 24px;
			    height: 24px;
			    top: -2.5px;
			    left: 31px;
				background: url(/public/static/ccguitar/images/buy_dialog/svip-icpn-show.png) no-repeat 100%/100%;
			}
            .dialog_box .content .vip_recharge_box .set_meal > ul li.active:nth-child(1) > span {
              display: block; }
           	.dialog_box .content .vip_recharge_box .set_meal > ul li.active p.num2{
				color:#FF6B75;}
			.dialog_box .content .vip_recharge_box .set_meal > ul li.active p.num3{
				color:#FF3744;}
            .dialog_box .content .vip_recharge_box .set_meal > ul li > .icon {
			  width: 80px;
		      height: 22px;
		      position: absolute;
		      left: -3.01px;
		      top: -11px;
		      z-index: 1; }
            .dialog_box .content .vip_recharge_box .set_meal > ul li.active{
			  border: 1px solid #FF4E4E !important;
			  box-shadow: 0px 2px 14px 0px rgba(0,0,0,0.20);}
            .dialog_box .content .vip_recharge_box .set_meal > ul li p.num1 {
              font-size: 18px;
              line-height:1.4;
              display: inline-block;
              color: #FF4E4E;
              margin-top: 10px; }
              .dialog_box .content .vip_recharge_box .set_meal > ul li p.num1 span {
                font-size: 26px;
                font-weight: bold;
  				color: #FF4E4E; }
            .dialog_box .content .vip_recharge_box .set_meal > ul li p.num2 {
              font-size: 12px;
              color: #C5C7C7;
              margin-top: 7px;
              text-decoration: line-through; }
           	.dialog_box .content .vip_recharge_box .set_meal > ul li:nth-child(1) p.num2{
				text-decoration: none;
				margin-top: 7px;}
			.dialog_box .content .vip_recharge_box .set_meal > ul li:nth-child(1) p.num3{
				margin-top: 3px;}
			.dialog_box .content .vip_recharge_box .set_meal > ul li:nth-child(2) p.num3{
				margin-top: 3px;}
			.dialog_box .content .vip_recharge_box .set_meal > ul li:nth-child(3) p.num3{
				margin-top: 3px;}
            .dialog_box .content .vip_recharge_box .set_meal > ul li .line {
              height: 1px;
              background-color: #FFE6D8;
              margin-top: .066667rem;
			  display: none; }
            .dialog_box .content .vip_recharge_box .set_meal > ul li .tips {
              font-size: 12px;
              color: #FE7526;
              margin-top: 10px; }
      .dialog_box .content .vip_recharge_box .payment {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 12px;
        padding-bottom: 17px; }
        .dialog_box .content .vip_recharge_box .payment .payment_type_box {
		    margin-left: 20px;
		    border-right: 1px solid #E8EAEB;
		    padding-right: 10px;
		    padding-top: 15px;
		    padding-bottom: 10px;
		    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: .2rem; }
          .dialog_box .content .vip_recharge_box .payment .payment_type_box .payment_type li {
			width: 155px;
		    height: 35px;
		    border-radius: 5px;
            border: 1px solid #E8EAEB;
            cursor: pointer;
          	margin-bottom: 14px;
			position: relative; }
          	.dialog_box .content .vip_recharge_box .payment .payment_type_box .payment_type li h5{
			position: absolute;
		    bottom: 5px;
    		left: 2px;
		    color: #666666;
		    width: 100%;
		    text-align: center; }
          	.dialog_box .content .vip_recharge_box .payment .payment_type_box .payment_type li .box{
          	width: 100%;
          	height: 100%;
          	padding-top: 9px;
          	padding-left: 29px; }
          	.dialog_box .content .vip_recharge_box .payment .payment_type_box .payment_type li:nth-child(4){
			height: .67rem; }
          	.dialog_box .content .vip_recharge_box .payment .payment_type_box .payment_type li:nth-child(1) p:before {
		    content: '';
		    display: block;
		    width: 20px;
		    height: 20px;
		    position: absolute;
		    left: 29px;
		    top: 9px;
		    background-image: url("/public/static/ccguitar/images/buy_dialog/wx.png");
		    background-size: 100% 100%;
		    z-index: 1;}	
			.dialog_box .content .vip_recharge_box .payment .payment_type_box .payment_type li:nth-child(2) p:before {
			content: '';
		    display: block;
		    width: 20px;
    		height: 20px;
		    position: absolute; 
		    left: 29px;
		    top: 9px;
		    background-image: url("/public/static/ccguitar/images/buy_dialog/zfb.png");
		    background-size: 100% 100%;
		    z-index: 1;}
			.dialog_box .content .vip_recharge_box .payment .payment_type_box .payment_type li:nth-child(3) p:before {
			content: '';
		    display: block;
		    width: 20px;
    		height: 20px;
		    position: absolute;
		    left: 29px;
		    top: 9px;
		    background-image: url("/public/static/ccguitar/images/buy_dialog/paypal.png");
		    background-size: 100% 100%;
		    z-index: 1;}
			.dialog_box .content .vip_recharge_box .payment .payment_type_box .payment_type li:nth-child(4) p:before {
			content: '';
		    display: block;
		    width: .20px;
    		height: 20px;
		    position: absolute;
		    left: 19px;
		    top: 7.5px;
		    background-image: url("/public/static/ccguitar/images/buy_dialog/uni_pin.png");
		    background-size: 100% 100%;
		    z-index: 1;}
            .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: 13px;
              color: #201F1C;
              font-weight: bold;
			  padding-left: 28px; }
        .dialog_box .content .vip_recharge_box .payment > .qr_box {
          width: 100%;
          height: 211px;
          text-align: center; }
          .dialog_box .content .vip_recharge_box .payment > .qr_box .money {
            font-size: 15px;
            font-weight: bold;
          	margin-top: 10px;
            color: #201F1C; }
            .dialog_box .content .vip_recharge_box .payment > .qr_box .money span {
              font-size: 21px !important;
              color: #FF4709; }
          .dialog_box .content .vip_recharge_box .payment > .qr_box img {
			margin-top: 10px;
		    width: 144px;
		    height: 144px; }
            
            .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/buy_dialog/icon10.png");
            	background-size: 100% 100%; 
			}
			
			.dialog_box .content .buy-paypal-content .header .close1
			{
				background-image: url("../images/buy_dialog/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;
			}
.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 div.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 div.h1,
        .dialog_box .content .buy_box .top h2 {
          text-align: center; }
        .dialog_box .content .buy_box .top div.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 div.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: 542px;
      border-radius: 15px;
      background-color: #fff;
	  overflow: hidden; }
      .dialog_box .content .recharge_box .header {
        position: relative;
        padding-top: 0;
        height: 0; }
        .dialog_box .content .recharge_box .header .icon {
		position: absolute;
	    display: block;
	    right: 0;
	    top: 15px;
	    right: 10px;
	    z-index: 1;
	    width: 13px;
	    height: 15px; }
        .dialog_box .content .recharge_box .header .close {
          cursor: pointer;
          background-image: url("../images/buy_dialog/icon10.png");
          background-size: 100% 100%; }
      .dialog_box .content .recharge_box > .tips {
	    text-align: center;
	    font-size: .213333rem;
	    color: #201F1C;
	    margin-top: 0;
	    height: 51px;
	    line-height: 51px;
	    background: #FEECF2;
	    font-size: 16px; }
      .dialog_box .content .recharge_box .set_meal {
        margin-top: 25px; }
        .dialog_box .content .recharge_box .set_meal > div.h1 {
          padding: 0 18px;
          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 > div.h1 p {
            margin-right: 6px;
            color: #201F1C;
            font-size: 13px; }
          .dialog_box .content .recharge_box .set_meal > div.h1 span {
		    font-size: 12px;
		    color: #91979D;
		    font-weight: initial; }
        .dialog_box .content .recharge_box .set_meal > ul {
		    display: -webkit-box;
		    display: -ms-flexbox;
		    display: flex;
		    margin-top: 17px;
		    padding: 0px 22px;
		    -webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		    justify-content: space-between; }
          .dialog_box .content .recharge_box .set_meal > ul li.active {
          	background: #FEECF2;
            color: #FE7526; }
          .dialog_box .content .recharge_box .set_meal > ul li {
			width: 109px;
		    height: 99px;
		    color: #201F1C;
		    cursor: pointer;
		    text-align: center;
		    border: 1px solid #E8EAEB;
		    border-radius: 4px;
		    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 .top{
		    font-size: 12px;
		    color: #FF4E4E;
		    margin-top: -14px;
		    margin-bottom: 3px;}
            .dialog_box .content .recharge_box .set_meal > ul li p:last-child {
              font-size: 13px;
              color:#FF4E4E;
              padding-top:5px; }
            .dialog_box .content .recharge_box .set_meal > ul li p.price {
              font-size: 26px;
			  color: #FF4E4E; }
      .dialog_box .content .recharge_box .payment {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 0;
        padding-bottom: 40px; }
        .dialog_box .content .recharge_box .payment .payment_type_box {
		    margin-left: 20px;
		    border-right: 1px solid #E8EAEB;
		    padding-right: 20px;
		    padding-top: 20px;
		    padding-bottom: 20px;
		    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: 114px;
		    padding-left: 19px;
		    height: 30px;
		    margin-bottom: 17px;
		    border-radius: 3px;
		    border: 1px solid #E8EAEB;
		    cursor: pointer; }
            .dialog_box .content .recharge_box .payment .payment_type_box .payment_type li .img {
		    width: 20px;
		    height: 20px;
		    margin-right: 10px; }
              .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: 12px;
              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: 14px;
            font-weight: bold;
            color: #201F1C; }
            .dialog_box .content .recharge_box .payment > .qr_box .money span {
              font-size: 15px;
              color: #FF4709; }
          .dialog_box .content .recharge_box .payment > .qr_box img {
		    margin-top: 4px;
		    width: 128px;
		    height: 128px; }
.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 div.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 div.h1,
        .dialog_box .content .buy_box .top h2 {
          text-align: center; }
        .dialog_box .content .buy_box .top div.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 div.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; }
.vip_pay_unipin{
	display: none;
    border-top: 1px solid #e7e7e7;
    overflow: hidden;
    width: 82%;
    margin-top: 15px;
}
.vip_pay_unipin_text{
	font-size: 13px;
    margin-top: 10px;
}
.vip_pay_unipin_currency{
	margin-top: 20px;
	padding: 0 .48rem;
	display: none;
}
.vip_pay_unipin_currency label{
	font-size: 14px;
}
.vip_pay_unipin_currency .form-control{
    width: 136px;
    height: 30px;
    margin-left: 10px;
    border: 1px solid #ccc;
    background-color: #fff;
	color: #555;
}
.vip_pay_unipin ul{
	height: 111px;
    overflow-y: auto;
	margin-top: .2rem;
}
.vip_pay_unipin ul li{
    width: 1.65rem;
	margin: 0 .1rem;
    margin-bottom: .2rem;
    background: #ffeadc;
    height: 36px;
    width: 248px;
    line-height: 34.3px;
    text-align: left;
    border: 1px solid #c0c0c0;
    border-radius: 3px;
    padding: 0 10px;
    color: #514c47;
    cursor: pointer;
}
.vip_pay_unipin ul li:hover {
    background: #f2dfc0;
}
.dialog_box .content .vip_recharge_box .payment > .qr_box .vip_pay_unipin ul li img{
	margin-top: 0;
	cursor: pointer;
	height: 20px;
    width: auto;
	margin-right: 7px;
}
.problem{
	color: #666666;
	font-size: 13px;
	margin-top: 3px;
}
.problem span{
	color: #FF2A00;
	text-decoration:underline;
	cursor: pointer;
}
.dialog_box .content .vip_recharge_box .coupon{
    background: #ECFBF7;
    border-radius: 18px;
    overflow: hidden;
    width: 93%;
    margin: 0 auto;
    margin-top: 0;
    padding: 9px 0;
	display: none;
}
.dialog_box .content .vip_recharge_box .coupon .left{
	float: left;
    font-size: 14px;
    font-weight: bold;
	position: relative;
	width: 50%;
}
.dialog_box .content .vip_recharge_box .coupon .left span{
	padding-left: 48px;
}
.dialog_box .content .vip_recharge_box .coupon .left:before{
    content: '';
    display: block;
    width: 20px;
    height: 15px;
    position: absolute;
    left: 16px;
    top: 3.5px;
    background-image: url("http://s201.lzjoy.com/res/statics/fileupload/9ade2594e32849d67c4ba8d653064f04.png");
    background-size: 100% 100%;
	background-color: inherit;
    z-index: 1;
}
.dialog_box .content .vip_recharge_box .coupon .right{
	float: left;
	width: 50%;
	position: relative;
}
.dialog_box .content .vip_recharge_box .coupon .right p{
    background: #5cc5a2;
    border-radius: 21px;
    color: #ffffff;
    position: absolute;
    right: 1px;
    top: -9px;
    padding: 10px 23px;
    font-size: 13px;
    padding-right: 35px;
}
.dialog_box .content .vip_recharge_box .coupon .right p span{
    position: absolute;
    left: -100px;
    top: 9.5px;
    color: #9b9b9b;
    font-size: 12px;
}
.dialog_box .content .vip_recharge_box .coupon .right p:after{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 7px;
    top: 8px;
    background-image: url("http://s201.lzjoy.com/res/statics/fileupload/f84ca054d9add77f6fba71dc9d3e7f2c.png");
    background-size: 100% 100%;
    z-index: 1;
}
.purchased{
    position: absolute;
    left: 0;
    bottom: -51px;
    background: #F6F6FA;
    width: 100%;
    height: 33px;
    line-height: 33px;
    color: #888787;
	font-size: 14px;
}
.purchased span{
	font-size: 12px;
}
.dialog_box .content .vip_recharge_box .payment > .qr_box .money span.num1{
	font-size: 12px !important;
    color: #B4B4B4;
}
.dialog_box .content .vip_recharge_box .payment > .qr_box .money span.num1 label{
	font-size: 14.5px !important;
    color: #B4B4B4;
}
#vipMoneyNum{
	font-weight: bold;
}
.wechat-code {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
}
.top-vip{
	margin-top: 23px;
}
.vip-sm{
	margin-top: 20px;
}
.vip-sm.vip-sm-pd{
	width: 92%;
    margin: 0 auto;
	padding-bottom: 10px;
}
.vip-sm.vip-sm-pd div.h3{
	font-size: 13px;
}
.vip-sm div.h3{
	font-size: 14px;
	margin-bottom: 9px;
}
.vip-sm p{
    font-size: 12px;
    color: #686767;
    margin-bottom: 9px;
    line-height: 16px;
}
.confirmation-box{
    background: #ffffff;
    border: 0.9px solid #979797;
    border-radius: 10px;
    width: 342px;
    height: 155px;
	padding: 20px;
	position: relative;
}
.confirmation-box.confirmation-box-arrears{
	display: none;
}
.confirmation-box.confirmation-box-buy{
	display: none;
}
.confirmation-box div.h3{
	text-align: left;
    padding-bottom: 12px;
    font-size: 14px;
	border-bottom: 1px solid #d8d8d8;
}
.confirmation-box .tips{
	color: #141414;
    font-size: 13px;
    padding-top: 18px;
}
.confirmation-box .operation{
	overflow: hidden;
	margin-top: 40px;
}
.confirmation-box .operation .btn-left{
	display: inline-block;
    float: left;
    width: 106px;
    text-align: center;
    padding: 6px;
    background: #FF7171;
    color: #ffffff;
    border-radius: 2px;
    margin-left: 0;
	cursor: pointer;
}
.confirmation-box .operation .btn-right{
display: inline-block;
    float: right;
    width: 106px;
    text-align: center;
    padding: 6px;
    background: #d8d8d8;
    color: #7B7B7B;
    border-radius: 2px;
    margin-right: 0;
	cursor: pointer;
}
.confirmation-box .icon {
    position: absolute;
    display: block;
    top: 14px;
    right: 14px;
    z-index: 1;
    width: 13px;
    height: 15px;
	background-image: url(../images/buy_dialog/icon10.png);
    background-size: 100% 100%;
	cursor: pointer;
}