div.layui-layer-page .layui-layer-content{overflow: inherit}
.buy-btn-copy{text-decoration: none;}
.btn{display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}
.btn-success{color: #fff;background-color: #5cb85c;border-color: #4cae4c;}
.btn-success:hover{color: #fff;background-color: #449d44;border-color: #398439;}
div.buy-box .code-pic-cent,div.buy-box .code-pic-cent div,div.buy-box .code-pic-cent textarea{height: auto}
div.buy-copy{border-radius: 8px;background: #fff}
.buy-box .img img,.buy-copy img{border-radius: 5px;display: block}
div.buy-opacity{width: 300px;height: 480px;margin-left: -99999px}
div.buy-pic-box{width: 85%;height: 230px}
.buy-taokoulin{width:380px;height:380px}
.buy-copy img{width: 100%}
.layui-layer-iframe.buy-copy .layui-layer-content{padding-top: 0!important}
.buy-box-tab{color: #fff;height: 40px;line-height: 40px;text-align: center;padding: 0 10px;font-size: 14px}
.buy-box .img{margin: 0 10px;padding: 10px 0;width: 280px;height: 280px;background: center center no-repeat;background-size: 100% 100%}
.buy-box .img img{width: 280px;height: 280px}
.buy-box .layui-layer-content{background: #fff}
.buy-copy .info{margin: 0 130px 0 10px;padding-bottom: 10px}
.buy-copy .info .q1{color: #ED145B;font-size: 14px;margin-bottom: 7px}
.buy-copy .info .q1 span{color: #ED145B;font-size: 22px}
.buy-copy .info .q1 span em{font-size: 14px;font-style: normal}
.buy-copy .info .q2{height: 50px;line-height: 50px;font-size: 24px;text-align: center;color: #fff;background: #FC3F78;position: relative;border-radius: 8px;z-index: 2}
.buy-copy .info .q2 b{float: left;width: 40px;line-height: 28px;position: relative;font-weight: 400;top: 11px;color: #ffd136;font-size: 24px;left: 0;border-right: solid 1px #fff;display: block}
.buy-copy .info .q2 span{display: block;padding-left: 28px}
.buy-copy .info .q2 em{font-size: 14px;font-style: normal;margin: 0 5px}
.buy-copy .info div{font-size: 12px;color: #666;padding-top: 7px}
.buy-box-center{position: relative;z-index: 0}
.buy-box-center .code{position: absolute;right: 10px;bottom: 10px;width: 100px;height: 100px;background: #000}
.buy-box-center .code-img{position: fixed;left: 50%;top: 50%;width: 300px;height: 480px;margin: -240px 0 0 -150px}
.buy-box{position: relative}
.buy-box .buy-box-tab-bg{text-align: center;background:#00a6ff;-webkit-background-clip: text;color: transparent;font-size: 18px;font-weight:600}
.layui-layer-ico.layui-layer-close.layui-layer-close2:hover{animation: spin 2s linear infinite;}
.buy-box .cente-text{padding: 10px 0;background: #F1F1F1;color: #333;font-size: 14px;line-height: 24px;min-height:200px;border-radius: 4px;overflow: hidden}
.buy-box .cente-text div{margin: 0 10px;height: 200px}
.buy-box .cente-text .textarea,.buy-box .cente-text textarea{height: 240px;width: 100%;background: 0 0;border: 0;color: #333;font-size: 16px;line-height: 20px}
.buy-box .cente-text .textarea{height: auto}
.buy-box .text{line-height: 18px;color: #c17b7b;font-size: 12px;padding:8px;}
.buy-box .buy-btn-copy{background:#ffe400;display: block;border-radius: 50px;line-height: 40px;height: 40px;text-align: center;color: #000000;font-size: 16px;margin: 10px 0;}
.buy-box .buy-btn-copy.active{background: #1FB931}
.buy-box .buy-btn-copy.error{background: #ff0000}
.buy-box .buy-btn-copy.no{background: #CCC}
.buy-box .msg{text-align: center;line-height: 45px;height: 45px;color: #FF6C00;font-size: 14px}
.buy-box .code-cent{margin: 0 10px}
div.buy-copy-img{margin-top: -10px}
@media only screen and (max-width:330px){.buy-box .buy-msg-bottom{height: 50px}}
.icon_msg{position: fixed;z-index: 19891016;zoom: 1;top: 50%;left: 0;width: 100%;margin: -20px 0 0;display: inline-block;text-align: center;color: #fff;font-size: 13px;opacity: 0;-webkit-transform: translateY(50px) translateX(0);transform: translateY(50px) translateX(0);-o-transition: all .4s ease 0s;-moz-transition: all .4s ease 0s;-webkit-transition: all .4s ease 0s;transform-origin: center}
.icon_msg span{background: rgba(0,0,0,.7);border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;padding: 8px 10px;max-width: 90%;min-width: 100px;display: inline-block;color:#fff}
.icon_msg.active{opacity: 1;-webkit-transform: translateY(0) translateX(0);transform: translateY(0) translateX(0);-o-transition: all .4s ease 0s;-moz-transition: all .4s ease 0s;-webkit-transition: all .4s ease 0s;transform-origin: center}
.icon_msg.up{transition: all .4s ease 0s}
.icon_msg.up{opacity: 0;-webkit-transform: translateY(-50px) translateX(0);transform: translateY(-50px) translateX(0);-o-transition: all .4s ease 0s;-moz-transition: all .4s ease 0s;-webkit-transition: all .4s ease 0s;transform-origin: center}
@media screen and (max-width: 1200px){.buy-taokoulin{width: 85%;}}
@keyframes spin{from{transform: rotate(0deg);}
to{transform: rotate(360deg);}}