* {
    margin: 0;
    padding: 0;
    border: none;
}
html, body {
   margin:0;height:100%;position: relative;
   background: url(/static/images/bg-img1.jpg) center center / cover no-repeat fixed;
}

input {
    outline: none;
}
.text_center,.text-center {text-align: center;}
.text-green{color:#40c9cc;}
.clearfix:after{content:".";display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}

/*子帐号*/
#account {
    padding: 0 14px;
     max-width: 330px;
	 width:80%;
     margin:0 auto;
     background-color: #fff;
     min-height:245px;
	 position: fixed;
	 left:50%;
	 top:50%;
	 transform: translate(-50%,-50%);
	 border-radius: 10px;
}
header {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid rgba(238, 238, 238, 1);
    text-align: center;
    font-size: 18px;
   max-width: 640px;
   margin:0 auto;
  
}
header .back-div {
    position: absolute;
    width: 50px;
    height: 50px;
}
header .back-div .back {
    position: absolute;
    top: 15px;
    left: 18px;
    width: 11px;
    height: 20px;
    background-size: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAA7CAYAAAAaa4isAAAEZElEQVRYR72ZW8tVVRSGny+1sjKtjCgk+hfVhRcqUkpZplFKhkUnD5UnQjyUmnmRSlpZERQiKIVWlEQHRUQjoW66NVSoNNAKyoo8lMoTY8pkuT732nuvteeV7G87xzvfMcY7DruP3p4BwO3A08AzwNG+HtofCNwFbACuBz4A5vcSwJ3AG8AtgHZPAdt7AUDaRwIfA1cH42eB34GZTQO4FJgYtF+XuftXYDGwsWkAGl8PjAjaxSD1jwFbgRNNAfDeW4EvgSEZ7X8D0yMA//+4CQDSfg/wTmZcW8eAJdIOnE7uqBuA900G1gA3Zz6X9ieB94F/8tSvG8BtBdqTzwW1vUxz6gJwebz8TeCqzNARYCGwBTjTFAAV7hHgReCGzMhJ4NEIOP9deupgYEL4VhbS0eB4YFcrqe8GgAYfAKR9cJZqPwPPBe2t7Hechqaa+fwSMDyz8qfyGiLTL+11ZIFRnfI8sajBeyMLSgOujiCU6oeAV4HkcwvLj8Bc4KOWnBe+0E4MaFAxWQYMy+75BZgV1U7Baeu0A0CfvwZcmUm4tNtkGO2VaW83Bnz5gxHtOe2H4+WlCleVhlYM6PMngJUFhfspfP5JXliqGm2HgceBl4GhGe2WVGnfC/zXidEqAC4D7gPeLUS7tD8M7O7WcPr/ZS4wyGYDywGBpHMgWmmbjK5f3h8AG0iNW1hSJ+N3/wLGAfvqNO7FOQO+VpF5vUD7D6H539RFe1kMWMNnxMtz2vcDc4AvABWv9iMDg8K3SyPakxFpt9TuqZv2IgM2DU4s6eW+1JJqqn1X+5NLaoETinmejh2rQ8Pqpo2nIHRIcHi4IgzKgEpnyf22aRDGgD2do7JVLk+9E4AD5VdNx4CPVHyc2Z/P2is//x54tuksSCxb6aYB6wruOBTy+3UT7ihK8SWhhKuClWRTd4wJJaxVD8pqgcEo7bojb7UPBrgddcZEf/2AmnA/8FbGhC9Xli3RO+tyR6uGRJEyJpTq9N2UHfYDHbVhZbWgvwfpgqeAFYUUtS+wan4K/NsNG60Y8G5BTI1W3HT16A6zQxCfNw0g3W+pfrugE7pjdGRHRziqMJAuNjAt2S8U5oKjEZgycX7zURVNOwC80y7ZnnBtITtMUfsGY6Kt0y6AdLkz4OZMMf3cIWVsdMuVQXQKwCbGFHVeyKfjP2IF57xQaUzrFEDKjinZuJayw0F1AbCtCg3dAPB+a8fd4Y48RY/H54rVRU+3ALw87YhcVrgFT8eYUD8MzEZ3RMkdlvJXClXUzmpR01uy9GLdoSi5pEirOhXTxaSp6+8DF5w6XJBfKggD04b2xuwP1gt7Tzelquf5UzcAL1Yx3Z75y0i+tOzJrji9zBlzFPBhYVuuTijn76UvNsFAzrBM2E+4QU22dIebVX8vONk0AN3hesfsuCZD5i8mZsempgFoU9m+I1Ix//HiN9c8vQCQHq5iuta9KfvV7LNeApCJSeGOa0Mv5vUSQJJt5wt3jvOdws8BLkbZjfLjB/wAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
}
.add-account {
    display: flex;
    align-items: center;
    margin-top: 14px;
    margin-bottom: 10px;
}

.add-account .add {
    width: 25px;
    height: 25px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAEAElEQVRoQ92aTYhbVRSAvzPJi9NaRKS6EKrF/vmzULSCLhTqH+imhVJsrdqNzEzSYVzpwqIbqwtdWOo0ycxKqq1iKeiqqNWiGwVFdGHRqa1VwYVOhwqlDu8mOfJeJtNJJ+bdm7yXMe9uc3LO+e69591zzz1CTEMLy1ZBZRPKRpANoKuBlcCVgAAXgGmQs6A/IXwD2RNS/Of3OFwIDHQ8dGjwBgYquxDZDtzaoaKTqL5HJntQDsz+2qGOcKachw57tzPAHmArMOCsoPUfasBRarwiE+Z7V51OIDrCdYj3GvD03HZxtWcjr8BB1DwvZf60+UMgYw2i+dw20EngalvlXcqdBxmSkn/ERk8kiG4jx0pvH5C3UZiATJlp86wcwW+nuy2IFliB5o6CPpKAgw4q5WPE3yrF8MvXcvwniA6xnKx3HOVeB4vJiQpfUjEPySQXWxlpCTK3nY4BDyTnWQealU85Zx5rtc1ag+S9Yiwxcc0q2DkBN90DZ76CQ8Mw0/X5V5aSWRSvi0C0kHs8PKDiGGPH4OYHL2ma+hz2Pdy9ZpUdUvabfGwC0dHl11M1P8T2id1/AbK5S47XqjC6rHsQOE/Gu03GL/7RUNYMkvcOAU/EYSnUUWzxxSwsAOvO0GEpmZ2LQHS3dye1IJGzPyQj/UgWRBlgoxww3zad7DqS/QCRzZHOuQgkCwKqH0q5smUeRHcP3kiteibGBLCOmzQI1Mhk1sr47C9hjGghuweVvS6TbSWbPAiIvCxF/6U6SN47Cdxi5ZyLUC9AYEpKZoOENzut/Obin7Vsb0CAzBrRvLcLeMvaORfBXoEIz4gWvDdRRl38s5btHci4aD73UWJpeu9APgm21s/AGutZdhHsFQicDkD+Bq5q618ji113f3Pu5ALlKlvx4dQXthnzuQAkuOy3H5dnsVHycf5ulzH7diBvzMAVK+J0z15XsDJjkbZDkOit9f9fkRm7YA9i5MlJWHtf72Kkauox8k5wq4w8r4NgT8vnNz0HYmpSlJQkjSlI409Jyazv/4sVsldK/ot1kJHB1Uj1dN9fdeswKSg+zMXJXcDXfV8OmoPp/wJdCJKWkmk9VnLbEX3XPj1tI7lUReyGS5r3SsBI1zCNZLPxrGCXALY3K0xI0Szyrb8eeuAzps2j1g894RZLw9Pb/BZLw2PoPEzwPH2ttx9luOuY6USBMMFfZqyr5+mFdpekYUBlWMr++zb8kQ0DTTD1Fo7XgadizQCaPQ2qOm+j5rlEWjiagAreHSgvJNJUI7wqRfOdzSoslHFakcuVL2hz2tHxs4TwIzU9vCRtTq1mK4TKVDcBdyOsR2k0njWKUvXGM+EsylSYoFYzJ2RyNrJEYrM6/wLlXaVr2os+zgAAAABJRU5ErkJggg==);
    background-size: 100%;
    background-repeat: no-repeat;
}

.add-account .text {
    margin: 0 6px;
    font-size: 16px;
    color: #ff6905;
}

.add-account .question {
    width: 15px;
    height: 15px;
    background-image: url(data:image/png;base64,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);
    background-size: 100%;
    background-repeat: no-repeat;
}

.account-list {
    overflow: hidden;
}

.account-item {
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    margin-top: 15px;
    padding: 0 10px;
    background-color: rgba(245, 245, 245, 1);
}

.account-item div {
    display: inline-block;
    line-height: 50px;
    font-size: 0;
}



.account-item .change-name {
    font-size: 15px;
    color: rgba(255, 105, 5, 1);
}

.account-item .name {
    font-size: 15px;
    color: rgba(51, 51, 51, 1);
}

.account-item .name-div {
    font-size: 15px;
    color: rgba(51, 51, 51, 1);
    display: inline-flex;
	width:33%
}

.account-item .name-span {
    font-size: 15px;
    color: rgba(51, 51, 51, 1);
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
}

.account-item .into {
    float: right;
    font-size: 15px;
    color: rgba(23, 149, 255, 1);
    margin-top: 15px;
}

.account-item .into i {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 6px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAEQklEQVRIS5WX328UVRTHP2e22y5Ja7GKQEM0mBqRRqNUirAsKfiDxNQINV2prUTkwVcTH4xP9tU/wBgSoRboLlnR2ICgEm1FsRQsiaAikBAgkYgSULTQ7u7M1+yUH7vLdtmZx5nPPZ87M/ece64tT+ptxELEuAM7xv9jZOwNy1Diakno3ohYbcZzlfClYty4Z7EBfSBjMVAjj13ySPwQ4Thxc4sHRpNqNJcuHLoq4cuKlyf1rnnEMJ4U/O3AdjdNMvwAJ4ZXWjZ/cGyLZilCu4nuSviy4mhCzebSSoi4iSjGX54Y9By2jZzgGL235AtTqp6ZYa7jsaoSvqw493DZVt3nhImaiAueBtIm9npGf3guPw6vtIn8IEH5UhOwqZuy6GZqrZqoOfRgvjwi4xPPY6vCHB6J27VbAYLyt6uvi6ceLEyptiHDU2a8DKzJzQj4Kmv0jWc4eHS9jeeHCMrnjy0Q+/L3VVt/F4+FQnSY6ADuljFkol+w//tuu1wgD8jfTKdS3z+3iBomecSMbhkvmTFb8I1B/2SE4UMdXALLfY0bXyoQnxt02xvfnEhKoViWZokOg/UYDYhRjG1p2DfaxZ/YLTkB+enFQNuQqrzzzJf5/7sbaALG8Eiax5f7T3OWXvNuTDYIX1bsB+yV09ZEY9YhDqy3KfnPMhJ47K46xbnhvFyvlL+z+Hq6rUgyTx7tMl43WCDjNzx2yuOziaucLqzvsnL8hcucqVA8leuLU8yuyfCs4ef6E4LzwG7z2OtNcvTARvs3P9en4+VyKIB4Sr5kO3VhY50ZbwIPAScFWyarGDgctz8Ks2QaXnwbUAxtfYq41ayRw1smHpd88YdZIzH6il0oTs9SvDl+alZ+PZNS/USamIXowaMVuAjscsUXk/X8MvaCXc2PNi0fYrRi8dKUGizLSsNfXC0GZ3HYKRi85HDm17il86Xl+KprnKtALHt4M7X3zODFEGwAFgHHEYlJl88PRThX2DRUxpcXS7Z0K42halbjsQHzW6SfctUr47FvtIff80snAfjpxZItS3C/I9pxeM3E/FzVkkO/hdj3XScXC0pmQL60uFfOkiYaw46/Peaq1YOCIYmPDIaKd6hctQrEl9okWjYpHK6nKeyyVkaXwRxg2BN9E2EOjMXtn/xFFJQvuS3mgtTU0hxy6ECsA+qAr3NvesVlpLgRCMqXbgQ2KbxsStp9fSvMNQCfZl36rJojha0PEJQvKhf+P44Oqs4ZZ5FEp8HzmL/L75HHtsvVHCnO0aB8qRJlbds1LwOPOg6dwj8lXJUYdI2BmjkcK+itOxVqbWdmOERrRXyZomgrktrowSoTq4AJwUA2y8DBCCeLTxPRzaqzGX7v/WolfLlibLGE3hMsRf5CGnTT7BjZwyk+vv0IE0tpljKsxeiphL+T+B2JBQZXsg7J9BUOT3doy4nJslry9+Q78uXE/wOJIdIdCmAsEgAAAABJRU5ErkJggg==);
    background-size: 100%;
    background-repeat: no-repeat;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
}

.modal .content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 5px;
    overflow: hidden;
}

.modal .content .title {
    height: 55px;
    line-height: 55px;
    text-align: center;
    
    font-size: 21px;
    color:#000;
}

.popup1 {
    display: none;
}

.popup1 .content {
    max-width: 330px;
	width:80%;
    height: 230px;
}
.popup1 .popup_close{
	width: 30px;
	    float: left;
	    padding: 10px;
	    position: absolute;
	    left: 0;
}
.popup1 .content .text {
    padding: 21px 14px 15px;
    font-size: 15px;
}

.popup1 .content input {
        box-sizing: border-box;
        display: block;
        width: calc(100% - 28px);
        height: 40px;
        margin-left: 14px;
        padding: 0 14px;
        line-height: 40px;
        border: 1px solid rgba(220, 220, 220, 1);
        font-size: 15px;
        border-radius: 5px;
}

.popup1 .content .button {
    display: flex;
    width: 100%;
    /* height: 36px; */
    margin-top: 20px;
    line-height: 36px;
    align-items: center;
	padding:0 20px 22px;
	box-sizing: border-box;
}

.popup1 .content .button div {
    box-sizing: border-box;
    display: inline-block;
    width: 40%;
    text-align: center;
    border-radius:4px;
    font-size: 0;
}

.popup1 .content .button button {
    box-sizing: border-box;
    display: inline-block;
    width: 40%;
    text-align: center;
    font-size: 0;
    line-height: 36px;
    background-color: #2299f3;
	border-radius:4px;
}

.popup1 .content .button .left {
    font-size: 16px;
	background:#b3b2b2;
    color: #fff;
    margin-left:3%;
	margin-right:7%
}

.popup1 .content .button .right {
    font-size: 16px;
    color: #fff;
	margin-left:7%
}


.popup2 {
    display: none;
}

.popup2 .content {
    width: 300px;
    height: 292px;
}

.popup2 .content .text {
    margin-top: 10px;
    padding: 0 17px;
    line-height: 21px;
    font-size: 15px;
}

.popup2 .content .button {
    height: 40px;
        margin-top: 20px;
        line-height: 40px;
        text-align: center;
        color: #fff;
        background: #5298ff;
        margin-left: 17px;
        margin-right: 17px;
        border-radius: 4px;
}
.float_icon{ position:absolute;top:30%;z-index:10000;right:0}
#icon_left{width:40px;height:40px;position: absolute;background:url(../../../images/gameicon.png) no-repeat center center; background-size:auto 100%;right:0px;border-radius: 50%;background-color: #099cda }
.float_icon.horizontal #icon_left span {position: absolute;width:100%;height:100%;top:0;left:0;background:url(../../../images/gameicon.png) no-repeat center center/100%;border-radius: 50%;background-color: #099cda;-webkit-transform: rotateZ(90deg);-moz-transform: rotateZ(90deg);-ms-transform: rotateZ(90deg);-o-transform: rotateZ(90deg);transform: rotateZ(90deg);}
.mask{
	display:none;
	width: 100%;
	height: 100%;
	background:#000;
	position: fixed;
	left:0;
	top:0;
	opacity:0.6;
	cursor:pointer;
	z-index:99;
}
.float_page{
	width:88%;
	max-width:640px;
	position:fixed; 
	top:0; 
	bottom:0; 
	left:-100%; 
	background:#f5f5f5; 
	z-index:500;
}
.float_page.horizontal{
	width:45%;
}
.side_btn{
	left:100%;
	position:absolute; 
	/* width:13.6%; */
	width:8.6%;
	
	top:50%;
	transform: translateY(-50%);
	background-size:100% auto;
	border-radius: 0 8px 8px 0;
	    overflow: hidden;
}
.side_btn .btn{
	width: 100%;
	padding: 7px 0;
	text-align: center;
	display: block;
	color: #fff;
	background: #00b3ff;
	font-size:12px;
	border-bottom:1px solid #fff;
	text-decoration: none;
}
.side_btn .btn:last-child{
	border-bottom:none;
}
.side_btn .btn img{
	width:20px;
	display: block;
	margin:auto;
	margin-bottom:3px;
}

.float_close img{
	
	transform: rotateY(180deg);
}
.float_close .close_button{width: 30px;height:92.5px;background:url(../images/closed.png) no-repeat center; background-size: cover;cursor:pointer; z-index:99; position: absolute;left:0;top:50%;margin-top: -46px;}
.float_close .news_button{width: 30px;padding: 6px 0;height: 50px;position: absolute;left:0;top:50%;margin-top: -108.5px;z-index:99;background:#fff;text-align:center;cursor:pointer;line-height: 25px;color:#00b3fe;border-top-right-radius: 2px;border-bottom-right-radius: 2px;}
.float_close .news_button em{
	display:none;
	position: absolute;
	right:-5px;
	top:8px;
	width: 10px;
	height: 10px;
	background: #f00;
	border-radius: 50%;
}

/*游戏*/
#gameIframe {
    padding: 0;
     margin:0 auto;
     background-color: #fff;
     height:100%;
    /* max-width: 600px; */
}

/*加载页面*/
.loading-game{position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;text-align:center;z-index:2;display:table;}
.loading-message{position:absolute;left:50%;top: 5%;transform:translate(-50%,0);z-index:3;margin: 0 auto 3%;padding: 5px 12px;display: -webkit-flex;display:flex;align-items: center;justify-content: center;border-radius: .5em;background:#eee;animation:loading-message 1s linear 1;transition: 0.3s all ease;min-width:215px}
@keyframes loading-message{ 0%{ opacity:0;transform:translate(-50%,-.5rem)} 30% { opacity: .8;;transform:translate(-50%,0)} }

.loading-message .cover{width:15%;overflow:hidden;display:block;}
.loading-message .cover img{width:100%;border-radius:50%;}
.loading-message .name{font-size:13px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;margin-left:10px;color:#666;flex:88;}
.loading-message .name em{color:#d21519;}
.loading-game-logo{max-width:95px;width:100%}
.loading-game .tablecell{ top: 21%;position: absolute;left: 0;right: 0;}
.loading-text{font-size:16px;animation:loading 1s linear infinite;margin-top:25%;}
.loading-game .loading_logo{width:100%;max-width:250px;position:absolute;left:50%;transform:translateX(-50%);top:78%;}
@keyframes loading{ 0%, 100% { opacity: 1; } 50% { opacity: .3; } }      


/*支付窗口*/
.coupon-content,.platform-content,.couponlist-content{
  width: 37px;
  height: 20px;
  border-radius: 50px;
  position: relative;
  background: rgba(255,255,255,0.4);
  border: 1px solid rgba(0,0,0,0.15);
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: rgba(0, 0, 0, 0.15);
  border-left: transparent;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  float: right;
}
.coupon-content:after,.platform-content:after,.couponlist-content:after{
  content: ' ';
  width: 15px;
  height: 15px;
  border-radius: 48px;
  position: absolute;
  background: white;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
  left: 0;
  top: 0;
  border: 2px solid rgba(0,0,0,0.1);
  transition: left 0.5s;
  -moz-transition: left 0.5s;
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
}
.coupon-content.checked,.platform-content.checked,.couponlist-content.checked{
  background: rgba(65,200,204,1);
}
.coupon-content.checked:after,.platform-content.checked:after,.couponlist-content.checked:after{
  content: ' ';
  top: 0px;
  left: 18px;
}

.pay-box .pay-mode li .pay-type{
   border:1px solid #e4e4e5;
   display: inline-block;
   padding:5px 10px;
   
}
.pay-box .pay-mode li .pay-type input{opacity: 0;display: none;}
.pay-box .pay-mode li .pay-type.checked{
   border-color:rgba(65,200,204,1);
   background:url(../images/pay_type_checked.png) no-repeat right bottom;
   background-size:14px;
}
.pay-box .content { padding:10px 20px;z-index: 10002; background: #fff;  width: 80%; max-width: 320px; left: 50%;  top: 50%;position: fixed; -o-transform: translate(-50%,-50%);  -moz-transform: translate(-50%,-50%);  -webkit-transform: translate(-50%,-50%);  transform: translate(-50%,-50%); border-radius: .85rem; }
.pay-box .pay-head{ position: relative;  padding: 1.7rem 0;     border-radius: .35rem .35rem 0 0; font-size: 22px;  text-align: center; box-sizing: border-box; color:#3cd3d7;left:0;top:0;right:0}
.pay-box .box-close, .pay-box .pay-qrcode-close{position: absolute;right: -2.1rem;top: -0.8rem;color: #fff;background: #3cd3d7;font-size: 20px;width: 25px;height: 25px;text-align: center;line-height: 21px;border-radius: 50%;font-size: 1.4rem;cursor: pointer;display: inline-block;}
.pay-box .pay-head .product_price{    font-size: 1rem;  line-height: 1;}
.pay-box .pay-info{  padding-bottom: .45rem;  text-align: center;  font-size: 16px; }
.pay-box .pay-info .amount{ -webkit-tap-highlight-color: transparent;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }
.pay-box .pay-info .product_name{color:#3cd3d7;font-size: 16px;}
.pay-box .pay-mode li{color:#000; padding: 8px 0;    position: relative;  cursor: pointer;display: inline-block;margin:0 5px;}
.pay-box .platform{padding: 8px 0;  border-top: .5px #f3f3f3 solid;}
.pay-box .platform .platform-content{margin: 0 6%}
.checkbox_style+label, .pay-box .pay-mode li span{margin-top:-2px;vertical-align: middle;margin-right:5px;}
.pay_ifo_box{
    border-top: .5px #d6d2d2 solid;
    margin-top: 9px;
}
.pay-box .zf_middle_icon{
	width: 75px;
	height: 75px;
	margin: 42px auto;
	display: block;
}
.pay-box .pay_box_close{position: absolute;
    right: -.5rem;
    top: -0.8rem;
    color: #fff;
    background: #3cd3d7;
    font-size: 20px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    font-size: 1.4rem;
    cursor: pointer;
    display: inline-block;}
.pay-box .pay-btn{ display: block;  width: 100%;  margin: 5px auto;  text-align: center;  background: #3cd3d7;  color: #fff; font-size: 18px;  padding: 6px 3px;  white-space: nowrap;border-radius: .25rem;box-sizing: border-box;}
.pay-box .pay-tip{ font-size: 15px; padding: .5rem; }
.pay-box .pay-tip .user{width: 50%;}
.pay-box .pay-tip .rule input{ width: 16px;  height: 16px; appearance:checkbox;  -moz-appearance:checkbox; /* Firefox */  -webkit-appearance:checkbox; /* Safari 和 Chrome */}
.pay-qrcode .qrcode{ text-align: center;}
.pay-qrcode .qrcode img { width: 200px}
.pay-qrcode .tip{ text-align: center;  padding-bottom: 8px;}
.weixin-share{ width: 100%; height:100%; background:url(../images/share.png) no-repeat center; position: fixed; z-index: 9999;left:0;top:0;background-size:100% 100%;}
.weixin-share .weixin-share-text{ margin-top: 60%;color: #ffffff;font-size: 22px;text-align: center; position: absolute;  width: 100%; }
.codeImg-notice {  position: absolute;  display: none;  top: 20%;  left: 35%;  width: 530px;  height: 370px;  padding: 10px;  background: url(../images/wechat_pay.png) no-repeat 290px center;  background-color: rgba(0, 0, 0, 0);  background-size: auto auto;  background-size: 250px 370px;  background-color: #fff;  z-index: 9;  }

.code {  width: 200px;  height: 370px;  float: left;  margin-left: 40px;  }
/*支付横屏时*/
.horizontal.pay-box .content{max-width: 406px;}
.horizontal.pay-box .pay_info_list{overflow:hidden;border-bottom: 1px solid #ddd;}
.horizontal.pay-box .pay_info_list.list .item{float:left;width:100%;box-sizing: border-box;border-bottom:1px solid #ddd;padding: 5px 15px 5px 5px;overflow: hidden;text-overflow: ellipsis;}
.horizontal.pay-box .pay_info_list.list .item:last-child{border-bottom:none;}
.horizontal.pay-box .pay_ifo_box{border-top:none;}
.horizontal.pay-box .pay_info_list.list .item .val{float:right}
.horizontal.pay-box .pay_info_list.list .item .val.color_red{color:red}
/*弹窗*/
.icon_img {background:url(../images/icons.png)  no-repeat;background-size:801px 107px;width:40px;height:40px;display: block;margin:0 auto;}
.close_icon{height:16px;width:16px;background-position:-15px 0;}

.bottom_bg {position: absolute;background-color: #fff;width:100%;height: 100%;z-index: -1;overflow: hidden}

.pop_pos {position: fixed;top: 0;left:0;width: 100%;height:100%;z-index: 9999;background: rgba(0, 0, 0, .5)}
.pop_box {position: relative;width: 90%;margin: 0 auto;border-radius: 10px;max-width: 640px;margin-top: 10%;}

.close_pop {position: absolute;right: -5px;top: -20px;background-color: #fff;border-radius: 50%;display: block;width: 30px;height: 30px;z-index: 99}
.play-title{text-align: center; line-height: 26px; color: #000;padding: 15px;border-bottom: 1px solid #f3f3f3;}
.play-more{clear: both;margin-top: 10px;/*height:80px;*/border-bottom: 1px solid #f3f3f3; }
.play-more ul {}
.play-more ul li{float:left;padding:0 5px;/*height: 22px;*/width:25%;text-align: center;box-sizing:border-box;}
.shareBtnBox{
	font-size:0;
	text-align:center;
}
.shareBtnBox .listitem{
  float:left;
	width:33.333%;
	padding:10px;
	box-sizing:border-box;
	text-align:center;
}
.shareBtnBox .listitem img{
	max-width:60px;
	width:100%;
	display: block;
	margin:auto;
}
.shareBtnBox .listitem:nth-child(1),.shareBtnBox .listitem:nth-child(2),.shareBtnBox .listitem:nth-child(3){
	display: inline-block;
	float:none;
}
@media(max-width:450px){
	.shareBtnBox .listitem img{
		max-width:50px;
	}
}
#banner_2_0 {
    font-size: 25px;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 1;
    max-width: 600px;
}
@media screen and (orientation:landscape) {
    #formpay{
        max-height: 20rem;overflow-y: auto;
    }
}