* {
             margin: 0;
             padding: 0;
             outline: none;
         }
         
         body {
             line-height: 1.5;
             font-family: Arial, Helvetica, STHeiTi, sans-serif;
           
         }
         
         ul,
         ol,
         li {
             list-style: none;
         }
         
         a {
             text-decoration: none;
             -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
         }
         a{text-decoration:none}
         a:hover {
             text-decoration: none;
         }
         
         html {
             font-size: 50px
         }
         
         body {
             font-size: 24px
         }
         
         @media screen and (min-width:320px) {
             html {
                 font-size: 21.33px
             }
             body {
                 font-size: 12px
             }
         }
         
         @media screen and (min-width:360px) {
             html {
                 font-size: 24px
             }
             body {
                 font-size: 12px
             }
         }
         
         @media screen and (min-width:375px) {
             html {
                 font-size: 25px
             }
             body {
                 font-size: 12px
             }
         }
         
         @media screen and (min-width:384px) {
             html {
                 font-size: 25.6px
             }
             body {
                 font-size: 14px
             }
         }
         
         @media screen and (min-width:400px) {
             html {
                 font-size: 26.67px
             }
             body {
                 font-size: 14px
             }
         }
         
         @media screen and (min-width:414px) {
             html {
                 font-size: 27.6px
             }
             body {
                 font-size: 14px
             }
         }
         
         @media screen and (min-width:424px) {
             html {
                 font-size: 28.27px
             }
             body {
                 font-size: 14px
             }
         }
         
         @media screen and (min-width:480px) {
             html {
                 font-size: 32px
             }
             body {
                 font-size: 15.36px
             }
         }
         
         @media screen and (min-width:540px) {
             html {
                 font-size: 36px
             }
             body {
                 font-size: 17.28px
             }
         }
         
         @media screen and (min-width:720px) {
             html {
                 font-size: 48px
             }
             body {
                 font-size: 23.04px
             }
         }
         
         @media screen and (min-width:750px) {
             html {
                 font-size: 50px
             }
             body {
                 font-size: 24px
             }
         }
         
         .container {
             width: 100%;
             max-width: 750px;
             height: 100%;
             margin: 0 auto;
             padding-bottom: 2.6rem;
             overflow: hidden;
         }
         
         .container1 {
             position: relative;
             width: 100%;
             max-width: 750px;
             margin: 0 auto;
             
         }
         
         #swiperTabCon {
             width: 100%;
             margin-top: 2rem;
         }
         
         .swiper-bg {
             background: #3667CD;
             padding: .3rem 0;
             background-size: 100% 70%;
         }
         
         .swiper-container-swiperImg {
             width: 95%;
             height: auto;
             margin: 0 auto;
         }
         
         .swiper-container-swiperImg .swiper-slide {
             width: 100%;
             height: auto;
             border-radius: .24rem;
             overflow: hidden;
         }
         
         .swiper-container-swiperImg .swiper-slide img {
             display: block;
             width: 100%;
             height: auto;
         }
         
         .swiper-pagination-bullet {
             width: 4px;
             height: 4px;
             display: inline-block;
             border-radius: 100%;
             background: #fff;
             opacity: 1;
             border: 2px solid #C7C7C7
         }
         
         .swiper-pagination-bullet-active {
             opacity: 1;
             background: #C7C7C7;
         }
         
         /*.nav {
             width: 100%;
             height: 1rem;
             background: #3667CD;
             padding: .4rem 0 .1rem 0;
         }*/
         
         .menu {
             display: flex;
             width: 95%;
             height: auto;
             margin: 0 auto;
             justify-content: space-between;
         }
         
         .menu-item {
             flex: 1;
             border-right: 1px solid #5E85D6;
             font-size: .52rem;
             font-weight: 400;
             color: #FFFFFF;
             text-align: center;
            
         }
         
         .menu-item span {
             display: inline-block;
             width: auto;
         }
         
         .menu-item span::after {
             display: inline-block;
             content: "";
             width: .4rem;
             height: .24rem;
             background: url(../images/menu-item-down.png) no-repeat center;
             background-size: 100%;
             margin-left: .2rem;
             margin-top: -.1rem;
             vertical-align: middle;
         }
         
         .menu-item:last-child {
             border-right: 0;
         }
         
         .pm-select {
             position: fixed;
             top: 0;
             left: 0;
             z-index: 99999;
             width: 100%;
             height: 100%;
             background: #F7F7F7;
             display: none;
         }
         
         .history {
             width: 100%;
             height: auto;
             background-color: #fff;
             padding: .3rem 0 .4rem 0;
         }
         
         .city-history {
             width: 100%;
             height: auto;
             background-color: #fff;
             padding: .3rem 0 .4rem 0;
             margin-top: 2rem;
         }
         
         .pm-select-title {
             width: 95%;
             height: auto;
             margin: 0 auto;
             font-size: .64rem;
             font-weight: bold;
             color: #282828;
         }
         
         .history-group {
             display: flex;
             width: 95%;
             height: auto;
             margin: .3rem auto 0 auto;
             flex-direction: row;
             flex-wrap: wrap;
             justify-content: flex-start;
         }
         
         .history-group-item {
             background: #F6F6F6;
             border-radius: 8px 8px 8px 8px;
             font-size: .56rem;
             font-weight: 400;
             color: #1C1C1C;
             width: 3.3rem;
             height: 1.2rem;
             line-height: 1.2rem;
             text-align: center;
             margin-right: .33rem;
         }
         
         .history-group-item:last-child {
             margin-right: 0;
         }
         
         .history-city {
             display: flex;
             width: 95%;
             height: auto;
             margin: .3rem auto 0 auto;
             flex-direction: row;
             flex-wrap: wrap;
             justify-content: flex-start;
         }
         
         .history-city-item {
             background: #F6F6F6;
             border-radius: 8px 8px 8px 8px;
             font-size: .56rem;
             font-weight: 400;
             color: #1C1C1C;
             width: 3.3rem;
             height: 1.2rem;
             line-height: 1.2rem;
             text-align: center;
             margin-right: .33rem;
         }
         
         .history-city-item:last-child {
             margin-right: 0;
         }
         
         .select-list {
             width: 100%;
             height: 100%;
             margin-top: .5rem;
             background: #fff;
             padding-top: .5rem;
         }
         
         .tabPm {
             width: 96%;
             height: 100%;
             margin: .5rem auto 0 auto;
         }
         
         .tabPm_menu {
             width: 30%;
             height: 100%;
             float: left;
         }
         
         .tabPm_menu li {
             float: left;
             width: calc(100% - 1rem);
             height: 1.6rem;
             line-height: 1.6rem;
             padding-left: 1rem;
             font-size: .56rem;
         }
         
         .tabPm_menu li.selected {
             color: #FFF;
             background: #3667CD url(../images/tabPm_menu-bg.png) no-repeat center right;
         }
         
         .tabPm_box {
             float: left;
             width: 70%;
             height: calc(100% - 4.4rem);
             background: #F7F7F7;
             font-size: .56rem;
             overflow-y: auto;
         }
         
         .tabPm_box ul li {
             width: 100%;
             height: 1.6rem;
             line-height: 1.6rem;
             border-bottom: 1px solid #fff;
             box-sizing: border-box;
             padding-left: 1rem;
         }
         
         /*.hide {
             display: none
         }*/
         
         #citycon {
             display: none;
             max-width: 100%;
             height: 100%;
             background-color: #fff;
             overflow-x: hidden;
         }
         
         #citylist {
             width: 100%;
             height: 100%;
             background-color: #fff;
             overflow: auto;
         }
         
         #citylist {
             width: 92%;
             margin-left: 2%;
             /* margin-top: 2rem; */
         }
         
         #citylist ul li {
             width: calc(100% - .5rem);
             height: 1.68rem;
             line-height: 1.68rem;
             border-bottom: 1px solid #f2f2f2;
             box-sizing: border-box;
             font-size: .56rem;
             padding-left: .5rem;
         }
         
         #sellist {
             width: 92%;
             margin-left: 2%;
             /* margin-top: 2rem; */
         }
         
         #sellist li {
             width: calc(100% - .5rem);
             height: 1.68rem;
             line-height: 1.68rem;
             border-bottom: 1px solid #f2f2f2;
             box-sizing: border-box;
             font-size: .56rem;
             padding-left: .5rem;
         }
         
         .letter {
             line-height: 1.5em;
             font-size: .52rem;
             position: fixed;
             top: 160px;
             right: 6px;
             text-align: center;
             z-index: 999;
         }
         
         .letter ul li a {
             position: relative;
             color: #929292;
         }
         
         .letter ul li a.letter-active i {
             position: absolute;
             top: -.3rem;
             left: -2rem;
             content: "";
             width: 1.08rem;
             height: 1.2rem;
             line-height: 1.2rem;
             background: url(../images/letter-bg.png) no-repeat center;
             background-size: 1.48rem 1.2rem;
             font-style: normal;
             font-size: .68rem;
             color: #fff;
             text-align: left;
             padding-left: .4rem;
         }
         
         .myhead {
             overflow: hidden;
             height: 1.32rem;
             position: fixed;
             top: 0;
             left: 0px;
             width: 100%;
             text-align: center;
             z-index: 999;
             background: #fff;
             padding-top: .5rem;
         }
         
         .input-lg {
             width: calc(96% - 1.5rem);
             height: 1.32rem;
             height: 1.32rem;
             margin: 0 auto;
             border-radius: 3rem;
             background: #F1F1F1 url(../images/search.png) no-repeat .4rem center;
             background-size: .88rem;
             border: 0;
             padding-left: 1.5rem;
             overflow: hidden;
             font-size: .52rem;
         }
         
         .text-bold {
             width: calc(100% - 1rem);
             background: #F2F2F2;
             border-radius: .16rem;
             opacity: 0.8;
             height: 1.28rem;
             line-height: 1.28rem;
             font-size: .64rem;
             color: #3667CD;
             padding-left: .5rem;
         }
         
         .time-select {
             position: fixed;
             top: 0;
             left: 0;
             z-index: 999;
             width: 100%;
             height: 100%;
             background: #fff;
             display: none;
         }
         
         .time-title {
             width: 95%;
             height: auto;
             margin: 0 auto;
             font-size: .64rem;
             font-weight: bold;
             color: #282828;
             margin-top: .5rem;
         }
         
         .time-select ul {
             width: 95%;
             height: calc(100% - 2rem);
             margin: 0 auto;
             margin-top: .5rem;
             overflow-y: auto;
         }
         
         .time-select ul li {
             font-size: .56rem;
             color: #1c1c1c;
             height: 1.6rem;
             line-height: 1.6rem;
             border-bottom: 1px solid #F7F7F7;
         }
         
         .time-select ul li a {
             float: right;
             color: #1c1c1c;
         }
         
         .time-select ul li .time-active a i {
             display: inline-block;
             width: .64rem;
             height: .64rem;
             background: url(../images/time-icon.png) no-repeat center;
             background-size: .64rem .64rem;
             margin-right: .5rem;
             margin-top: -.1rem;
             vertical-align: middle;
         }
         
         .time-select ul li .time-active a {
             font-weight: 800;
             color: #3667CD;
         }
         
         .form {
             width: 95%;
             height: auto;
             margin: 0 auto;
             background-color: #fff;
             border-radius: .24rem;
             margin-top: .4rem;
             padding: .5rem 0 .8rem 0;
         }
         
         .form-title {
             position: relative;
             width: 96%;
             height: auto;
             display: table;
             margin: 0 auto;
         }
         
         .form-title>div {
             /* position: relative; */
             float: left;
             font-size: .48rem;
             font-weight: bold;
             color: #282828;
             text-align: center;
         }
         
         .form-title div>span i {
             position: absolute;
             top: .35rem;
             width: .64rem;
             height: .64rem;
             background: url(../images/menu-down.png) no-repeat center;
             background-size: .64rem .64rem;
             margin-right: .5rem;
             margin-top: -.1rem;
             vertical-align: middle;
         }
         
         .show-div {
             position: absolute;
             display: none;
             top: 1.2rem;
             left: -5%;
             right: 0;
             width: 110%;
             height: auto;
             z-index: 999;
             background-color: #fff;
             padding-bottom: 1rem;
         }
         
         .form-title div>span.up {
             color: #3667CD
         }
         
         .form-title div>span.up i {
             position: absolute;
             top: .4rem;
             width: .64rem;
             height: .64rem;
             background: url(../images/menu-up.png) no-repeat center;
             background-size: .64rem .64rem;
             margin-right: .5rem;
             margin-top: -.1rem;
             vertical-align: middle;
         }
         
         .downlist-list {
             width: 96%;
             height: auto;
             margin: 0 auto;
             text-align: left;
         }
         
         .downlist-list ul {
             width: 95%;
             height: 8.2rem;
             margin: 0 auto;
             overflow-y: auto;
         }
         
         .downlist-list ul li {
             width: 100%;
             height: 1.6rem;
             line-height: 1.6rem;
             border-bottom: 1px solid #f1f1f1;
         }
         
         .downlist-list ul li i {
             float: right;
             width: .8rem;
             height: 1.6rem;
             background: url(../images/downlist.png) no-repeat center;
             background-size: .8rem .8rem;
             margin-right: .8rem;
         }
         
         .downlist-list ul li span {
             float: left;
             width: 22%;
             text-align: center;
             font-size: .48rem;
             font-weight: 400;
             color: #1C1C1C;
         }
         
         .downlist-list ul li.list-up span {
             color: #3667CD;
         }
         
         .downlist-list ul li.list-up i {
             background: url(../images/downlist-active.png) no-repeat center;
             background-size: .8rem .8rem;
         }
         
         .btn-group {
             width: 90%;
             height: auto;
             margin: 1rem auto 0 auto;
             display: flex;
             justify-content: space-between;
         }
         
         .btn-group a {
             display: block;
             width: 5.6rem;
             height: 1.6rem;
             line-height: 1.6rem;
             text-align: center;
         }
         
         .btn-group a.reset {
             border: 2px solid #797979;
             color: #1C1C1C;
             font-size: .52rem;
             border-radius: .2rem;
             box-sizing: border-box;
         }
         
         .btn-group a.determine {
             color: #fff;
             font-size: .52rem;
             border-radius: .2rem;
             background-color: #3667CD;
         }
         
         .form-title>div:nth-child(1) {
             width: 22%;
             height: 1.2rem;
             line-height: 1.2rem;
             border-bottom: 1px solid #797979;
         }
         
         .form-title>div:nth-child(2) {
             width: 17%;
             height: 1.2rem;
             line-height: 1.2rem;
             border-bottom: 1px solid #797979;
         }
         
         .form-title>div:nth-child(3) {
             width: 17%;
             height: 1.2rem;
             line-height: 1.2rem;
             border-bottom: 1px solid #797979;
         }
         
         .form-title>div:nth-child(4) {
             width: 18%;
             height: 1.2rem;
             line-height: 1.2rem;
             border-bottom: 1px solid #797979;
         }
         
         .form-title>div:nth-child(5) {
             width: 26%;
             height: 1.2rem;
             line-height: 1.2rem;
             border-bottom: 1px solid #797979;
         }
         
         .mask-bg {
             display: none;
             position: absolute;
             bottom: 0;
             left: 0;
             z-index: 9;
             width: 100%;
             height: calc(100% - 7rem);
             background: rgba(0, 0, 0, .4);
         }
         
         .form table {
             width: 96%;
             height: auto;
             display: table;
             margin: 0 auto;
             border: 0;
             border-collapse: collapse;
         }
         
         .form table tr th {
             font-size: .48rem;
             color: #1c1c1c;
             font-weight: bold;
             color: #282828;
             text-align: center;
             line-height: 1rem;
             border-bottom: 1px solid #797979;
         }
         
         .form table tr td {
             font-size: .48rem;
             color: #1c1c1c;
             font-weight: 400;
             color: #797979;
             text-align: center;
             border-bottom: 1px solid #EEEEEE;
             line-height: 1.4rem;
         }
         
         .form table tr td a {
             color: #3667CD;
         }
         
         .form table tr td:first-child {
             color: #3667CD;
         }
         
         .form>a {
             display: block;
             width: 65%;
             height: 1.4rem;
             line-height: 1.4rem;
             text-align: center;
             background-color: #3667CD;
             font-size: .59rem;
             color: #fff;
             margin: .8rem auto 0 auto;
             border-radius: .2rem;
         }
         
         .form a img {
             display: inline-block;
             width: .48rem;
             height: .48rem;
             vertical-align: middle;
             margin-top: -.05rem;
         }
         
         .am-share {
             font-size: 14px;
             border-radius: 0;
             bottom: 0;
             left: 0;
             position: fixed;
             -webkit-transform: translateY(100%);
             -ms-transform: translateY(100%);
             transform: translateY(100%);
             -webkit-transition: -webkit-transform 300ms;
             transition: transform 300ms;
             width: 100%;
             z-index: 1110;
             min-height: 19rem;
             display: table;
             background-color: #fff;
             border-top-left-radius: .56rem;
             border-top-right-radius: .56rem;
             text-align:left
         }
         
         .am-share-main {
             width: 94%;
             height: auto;
             display: table;
             margin: 0 auto;
         }
         
         .am-share-close 
         {
              width:1.2rem;
              height:1.2rem;
              
               text-align:center;
             position: absolute;
             top: .4rem;
             right: .4rem;
         }
         
         .am-share-close img {
             width: 1.08rem;
             height: 1.08rem;
         }
         
         .am-share-title {
             font-size: .72rem;
             font-weight: bold;
             color: #1C1C1C;
             margin: .88rem 0 0 0;
         }
         
         .play-info {
             padding-bottom: .2rem;
         }
         
         .play-info div {
             margin-top: 1rem;
         }
         
         .play-info div:last-child {
             margin: .6rem 0 0 1.05rem;
             font-size: .52rem;
             font-weight: 400;
             color: #3667CD;
         }
         
         .play-info div:last-child a {
             color: #0075ff;
             border-bottom: 1px solid #0075ff;
             padding-bottom: .1rem
         }
         
         .play-info div:last-child a i {
             display: inline-block;
             width: .64rem;
             height: .64rem;
             vertical-align: middle;
             margin-top: -.1rem
         }
         
         .play-info div:last-child a i img {
             width: .64rem;
             height: .64rem;
         }
         /* .play-info p {
            margin-top: .4rem;
            font-size: .56rem;
            color: #797979;
        }

        .play-info p span {
            color: #1C1C1C;
        }

        .play-tip {
            font-size: .52rem;
            font-weight: 300;
            color: #797979;
            margin-top: .4rem;
        } */
         
         .play-info label {
             display: inline-block;
             font-size: .56rem;
             font-weight: bold;
             color: #1C1C1C;
             margin-top: -.1rem;
         }
         
         .play-info p {
             font-size: .48rem;
             font-weight: 400;
             color: #797979;
             margin: .08rem 0 0 1.02rem;
         }
         
         .play-info input[type="radio"] {
             display: inline-block;
             vertical-align: middle;
             margin: -.1rem .2rem 0 0;
         }
         
         .play-list-list {
             font-size: .6rem;
             font-weight: bold;
             color: #1C1C1C;
         }
         
         .paly-list {
             display: flex;
             justify-content: space-between;
             flex-wrap: wrap;
             height: 2.2rem;
         }
         
         .paly-list-item {
             float: left;
             position: relative;
             width: 4.2rem;
             height: 2rem;
             border: 1px solid #C7C7C7;
             box-sizing: border-box;
             border-radius: .24rem;
             text-align: center;
             margin-right: .5rem
         }
         
         .paly-list-item:nth-child(2) {
             float: left;
         }
         
         .paly-active {
             border: 1px solid #E5AF1B;
             box-sizing: border-box;
             background: rgba(229, 175, 27, 0.06);
         }
         
         .play-time {
             font-size: .48rem;
             line-height: 2rem;
             /*font-weight: bold;*/
             color: #1C1C1C;
             /* margin-top: .48rem; */
         }
         .play-time strong{ font-weight:normal}
         .paly-active .play-time strong {
             color: #E5AF1B;
             font-weight:normal
             /* margin-top: .48rem; */
         }
         
         .play-time font {
             color: #C7C7C7;
         }
         
         .play-time span {
             font-size: 12px;
         }
         
         .play-time img {
             width: .56rem;
             height: .56rem;
             display: inline-block;
             vertical-align: middle;
             margin: -.1rem .16rem 0 0;
         }
         
         .play-number {
             font-size: .64rem;
             font-weight: 400;
             color: #E5AF1B;
         }
         
         .play-number span {
             display: inline-block;
             font-size: .32rem;
             font-weight: 400;
             color: #797979;
             vertical-align: middle;
         }
         
         .paly-active-icon {
             display: none;
             position: absolute;
             width: .64rem;
             height: .64rem;
             bottom: -1px;
             right: 0px;
             z-index: 9;
             overflow: hidden;
             line-height: 0;
         }
         
         .paly-active-icon img {
             width: .64rem;
             height: .64rem;
         }
         
         .paly-active .play-number {
             font-size: .64rem;
             font-weight: bold;
             color: #E5AF1B;
         }
         
         .paly-active .paly-active-icon {
             display: block;
         }
         
         .play-list-time {
             font-size: .6rem;
             color: #1C1C1C;
             font-weight: bold;
             margin: .6rem 0 .32rem 0;
         }
         
         .ratio-checked {
             float: left;
             width: 100%;
             height: 1rem;
             font-size: .52rem;
             color: #1C1C1C;
             margin-top: .8rem;
         }
         
         .radio-group {
             float: left;
         }
         
         .ratio-checked input {
             display: inline-block;
             vertical-align: middle;
             margin-top: -.1rem;
             background-color: #fff;
         }
         
         .ratio-checked a {
             color: #3E80EE;
         }
.play-time-activity{display:none}
         .activity-price {
             font-size: .4rem;
             font-weight: 400;
             color: #E5AF1B;
             margin-top: .15rem;
             text-align: center
         }
         
         .activity-price span {
             font-size: .56rem;
             font-weight: bold;
         }
         .activity-price span i{
            font-style: normal
         }
         .original-price {
             font-size: .36rem;
             font-weight: 400;
             text-align: center;
             color: #797979;
             text-decoration: line-through
         }
         
         .tips-text {
             float: left;
             width: 100%;
             font-size: .44rem;
             font-weight: 400;
             color: #797979;
             margin-top: .5rem
         }
         
         .tips-text::before {
             display: inline-block;
             content: "";
             width: .48rem;
             height: .48rem;
             background: url(//www.lgmi.com/images/tips.png) no-repeat center;
             background-size: .48rem .48rem;
             vertical-align: middle;
             margin: -.15rem .2rem 0 0;
         }
         .tips-text2::before {
             display: inline-block;
             content: "";
             width: .48rem;
             height: .48rem;
             background: url(//www.lgmi.com/images/tips-ios.png) no-repeat center;
             background-size: .48rem .48rem;
             vertical-align: middle;
             margin: -.15rem .2rem 0 0;
         }
         
        /* .play-button button {
             float: right;
             display: block;
             width: 4.8rem;
             height: 1.76rem;
             line-height: 1.76rem;
             color: #FFFFFF;
             text-align: center;
             border: 0;
         }*/
         
         .am-modal-active {
             transform: translateY(0px);
             -webkit-transform: translateY(0);
             -ms-transform: translateY(0);
             transform: translateY(0)
         }
         
         .sharebg {
             background-color: rgba(0, 0, 0, 0.6);
             bottom: 0;
             height: 100%;
             left: 0;
             opacity: 0;
             position: fixed;
             right: 0;
             top: 0;
             width: 100%;
             z-index: 1100;
             display: none;
         }
         
         .sharebg-active {
             opacity: 1;
             display: block;
         }
         
         .play-info label.serie-active {
             color: #0075ff;
         }
         
         .paly-list-box1,
         .paly-list-box2 {
             display: none;
         }
         
         .heart2 {
             /* animation: heart 1s linear forwards; */
             animation: heart2 .5s ease-in-out 0s 1 alternate forwards;
         }
         
         .ios-tips {
             position: relative;
             bottom: -.6rem;
             display: none;
             width: 100%;
             height: 0.96rem;
             line-height: 0.96rem;
             background: #fcf9ee;
             text-align: center;
             font-size: 0.48rem;
             font-weight: 400;
             color: #c8960d;
         }
         
         .play {
             float: left;
             width: 100%;
             max-width: 750px;
             height:3.2rem;
             background: #fff;
             margin: 0 auto;
             border-top: 1px solid #F1F1F1;
             box-sizing: border-box;
             margin-top: .6rem;
         }
         
         .play-main {
             width: 94%;
             height:auto;
             display:table;
             margin: .7rem auto 0 auto
         }
         
         .play-price {
             float: left;
         }
         
        /* .play-button {
             float: right;
             width: 4.8rem;
             height: 2rem;
             overflow: hidden;
         }
         
         .play-button button {
             border: 0;
         }
         
         .play-button img {
             width: 4.8rem;
             height: 1.76rem;
         }
         */
         .play-button {
    float: right;
  
    overflow: hidden;
     margin-top:.2rem
}

.play-button button 
{
    width:4.2rem;
    border: 0;
    background:none;
   
}

.play-button img {
    width: 4rem;
    height: 1.44rem;
}

.play-button1 {
    display: none;
    float: right;
    width: 4.8rem;
    height: 1.76rem;
    overflow: hidden;
}

.play-button1 button {
     width:4.8rem;
    
    border: 0;
    background:none;
}

.play-button1 img {
    width: 4.8rem;
    height: 1.76rem;
}
         .ratio-checked {
             font-size: .52rem;
             color: #1C1C1C;
             margin-top: .1rem;
         }
         
         .ratio-checked input {
             display: inline-block;
             vertical-align: middle;
             margin-top: -.1rem;
         }
         
         .ratio-checked a {
             color: #3E80EE;
         }
         .ratio-checked a:hover {
             color: #3E80EE;
             text-decoration: none
         }
         .play-amount {
             font-size: .56rem;
             /*font-weight: bold;*/
             color: #797979;
         }
         
         .play-amount span {
             color: #FB7470;
             font-weight:bold
         }
         
         @keyframes heart2 {
             2% {
                 transform: translate(0px, 2px);
             }
             25% {
                 transform: translate(0px, -4px);
             }
             50% {
                 transform: translate(0px, 6px);
             }
             75% {
                 transform: translate(0px, -4px);
             }
             98% {
                 transform: translate(0px, 2px);
             }
             0%,
             100% {
                 transform: translate(0, 0) rotate(0);
             }
         }
         
         .ball-box {
             position: fixed;
             width: 3rem;
             height: 2rem;
             text-align: center;
             border-radius: 50%;
             color: #fff;
             /*border: 1rem solid transparent;*/
             text-decoration: none;
             bottom: 5rem;
             right: 0;
             z-index: 99;
         }
         
         .ball-box .ball-close {
             position: relative;
             top: 0;
             right: -.7rem;
             width: .64rem;
             height: .64rem;
         }
         
         .ball-box .ball-close img {
             display: block;
             width: .64rem;
             height: .64rem;
             margin: 0 auto;
         }
         
         .ball img {
             width: 2rem;
             height: 2rem;
         }
         
         /*´يخَجلت¾*/

.theme-error {
    display: none;
    z-index: 1;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999999
}

.theme-error-mask {
    background: none;
    opacity: 0.4;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    display: none;
}



.theme-popover-error {
    position: absolute;
    right: 0;
    left: 0;
    top: 49%;
    width: 50%;
    height: auto;
    background-color: rgba(0, 0, 0, .6);
    border-radius: 5px;
    line-height: 1.4rem;
    margin: 0 auto;
    padding: 0 5%;
    color: #fff;
    text-align: center;
}

/*³ة¹¦µ¯´°*/

.theme-success {
    display: none;
    z-index: 1;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999
}

.theme-success-mask {
    background-color: rgba(0, 0, 0, .6);
    opacity: 0.4;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    display: none;
    width: 100%;
    height: 100%;
}

.theme-success-popover {
    z-index: 9999;
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    width: 80%;
    height: auto;
    display: block;
    margin: -3.46rem auto 0 auto
}

.theme-success-text {
    width: 100%;
    height: auto;
    border-radius: .56rem;
    margin: 0 auto;
    text-align: center;
    background: #fff;
}

    .theme-success-text h2 {
        font-size: 0.72rem;
        font-weight: 400;
        color: #000000;
        padding-top: .6rem;
    }

    .theme-success-text p {
        font-size: .52rem;
        font-weight: 400;
        color: #000000;
        text-align: left;
        margin: .5rem 12% 0 12%;
        line-height: 1rem;
    }

.close-button {
    width: 100%;
    height: 1.72rem;
    line-height: 1.72rem;
    font-size: .64rem;
    font-weight: 400;
    color: #2883CA;
    border-top: 1px solid #f1f1f1;
    margin-top: 1rem;
}


.app-show{ color:#0075ff}