@charset "UTF-8";
.banknum{ letter-spacing:5px;}
.button-shopping,.user-form-btn2,.user-form-btn,.mini-button{ width:214px; height:53px;    background:linear-gradient(#ffae00,#ff9900);   border:none; border-radius:9px; cursor:pointer; color:#FFF; font-size:18px; font-family:"微软雅黑"}
.mini-button{ width:90px; height:35px; display:inline-block; text-align:center; line-height:35px;}
.user-form-btn:hover,.user-form-btn2:hover,.button-shopping:hover,.mini-button:hover{background:#ffad00; color:#fff; text-decoration:none}
 .user-form-btn2{ background:linear-gradient(#bdbdbd,#a1a0a0); }
.user-form-btn-small{ width:102px; height:44px; line-height:44px;}
h3{ font-family:"微软雅黑"; font-weight:lighter; font-size:20px; color:#333}
.pages{ text-align:center; margin-top:20px; clear:both}
.pages a{ background-color:#ff6600; color:#fff; padding:3px 10px; margin:0 5px;cursor:pointer;}
.pages a:hover{ background-color:#e5630c;color:#FFF;text-decoration:none;}
.pages strong{padding: 3px 10px;  margin: 0 5px; background-color: #d5d5d5; color: #555; }
.sec-banner{ height:150px; position:relative; width:100%}
.event{ background:url(../images/sbanner.jpg);}
.banner-games{ background:url(../images/banner-game.jpg)}
.newscenter{ background:url(../images/banner-newscenter.jpg)}
.bread-road {  left:355px; bottom:15px; font-family:"微软雅黑"; color:#34288a; font-size:18px; line-height:54px}
.bread-road  a{ color:#34288a;font-size:18px}
.event-list li{ padding:30px 0; line-height:30px; border-bottom:1px solid #eae7ea ; float:left; width:100%}
.event-list li a img{ margin-right:20px;}
.event-list li h3{ margin-bottom:15px;}
#content .title-h2{width:100% ; height:70px; background:url(../images/bottomline.png) left bottom repeat-x;}
#content .title-h2 h2{line-height:54px; font-family:"微软雅黑"; font-size:30px; color:#333; font-weight: normal; border-bottom:6px solid #f0703e; display: inline-block; text-decoration:none}
.tab{ width:100%;background:url(../images/index_09.png) left bottom repeat-x;line-height:40px; color:#CCC}
.tab a{ margin:0 15px; color:#CCC;font-family:"微软雅黑"; font-size:20px;line-height:50px}
.tab a:hover,.tab a.current{ color:#ff6600;text-decoration:none}
.newscenter-list{ padding:20px;}
.newscenter-list li,.recharge-result-link li{ line-height:46px; float:left; border-bottom:1px solid #eae7ea; width:100%; background:url(../images/index_16.png) left center no-repeat; padding-left:15px}
.newscenter-list li a{ width:80%; overflow:hidden; float:left}
.newscenter-list li .date{ width:20%; overflow:hidden; float:right; text-align:right; }

.news-info .h2-title{ width:100%; padding-bottom:15px; border-bottom:1px solid #e5e5e5; margin-bottom:15px; text-align:center; padding-top:15px}
.news-info .h2-title h2{ font-weight:lighter; font-size:30px;}
.news-info .h2-title span{ color:#CCC;}
 
.news-info-content{ line-height:30px; border-bottom:1px solid #e5e5e5; padding-bottom:20px;}
.more-list li{ float:left; width:50%; background:url(../images/index_16.png) left center no-repeat; padding-left:15px; }
.service,.usercenter{ background:#ff9900 url(../images/sbg.jpg) 170px bottom no-repeat; }
 
.usercenter{ background:#ff9900 url(../images/vipback.jpg) 170px bottom no-repeat;}
.vip-h2{ background:url(../images/vipcenter.jpg) no-repeat; height:70px; text-indent:-9999px; margin-bottom:10px}
.service .left-box,.usercenter .left-box{ width:15%;float:left;min-height:600px;}
.service .right-box,.usercenter .right-box{width:85%; float:right; background-color:#fff;min-height:600px; padding:15px 50px 30px 50px; border:1px solid #f2f2f1; border-left:none}
.ser-menu { margin-top:15px;}
.ser-menu li { text-align:right}
.ser-menu li a{ line-height:48px; color:#fff; padding-right:25px; display:inline-block; font-size:20px}
.ser-menu li a.current,.ser-menu li a:hover{ background:#fff ; width:90%; color:#333; text-decoration:none}
#content .service .right-box .title-h2,#content .usercenter .right-box .title-h2{  background: url(../images/bottomline.png) left -28px repeat-x;}
#content .service .right-box .title-h2 h2,#content .usercenter  .right-box .title-h2 h2{ border-bottom:1px solid #ff4800; line-height:59px}
.content-info{ line-height:30px; padding:20px 0;}
.btn-kf,.btn-kf-gray{ padding:10px 15px; background:url(../images/qq.png) 15px center no-repeat #ff9702; text-decoration:none; padding-left:50px; border-radius:9px; color:#fff; display:inline-block; }
.btn-kf:hover{ background-color:#ffaf02; text-decoration:none; color:#fff}
.btn-kf-gray{ background-color:#bbb;}
.btn-kf-gray:hover{ color:#fff;text-decoration:none; }

.btn-flat{padding: 5px 10px; border: 1px solid; border-radius: 5px;filter:grayscale(0.2);cursor:pointer;}
.btn-flat:hover{text-decoration: none;filter:none;}
.btn-flat.disabled{filter:grayscale(1)!important;pointer-events:none;}
.btn-flat.red{color:red;border-color:red;}
.btn-flat.orange{color:#ff9900;border-color:#ff9900;}
.btn-flat.blue{color:#009ce0;border-color:#2fb3ed;}

.content-info label{   min-width: 120px;margin-left:10px;}

.gamelist{position:relative; margin: 0 auto ; width:100%; margin-top:40px; }
#content .gamelist .title-h2{ background:none; height:40px}
#content .gamelist .title-h2 h2{ border:0}
.listwap{ width:100%;    margin:0 auto; bottom:0}
.listwap .list-wap-box{ text-align:left;width:100%;overflow:hidden;overflow-x:scroll; padding-top: 30px; }
.listwap .list-wap-box div{   word-break:keep-all; white-space:nowrap;  height: 220px; position:relative;transition-property:left;transition-duration:.5s;transition-timing-function: ease-in-out; width:100%;}
.listwap .list-wap-box a{ margin:0 19px;   cursor:pointer;display: inline-block}
.listwap .list-wap-box a img{animation:jump-out .3s 1}
.listwap .list-wap-box a.current img,.listwap .list-wap-box a:hover img{margin-top:-20px; animation: jump-in .3s 1;  }
 .buttonRow{ width:30px; height:45px; border:2px solid #95e5ff; border-radius:30px; background-color:#fff; position: absolute; display:inline-block; font-size:20px; line-height:40px; text-align:center ; color: #95e5ff;
} 
#content .download-div{ position: absolute;  top:0; background:none; background-color:#f5f5f5; border-radius:30px; padding:30px; width:auto}
#content .download-div a,#content .download-div,#content .download-div .codepic{ color:#333}
.buttonRow:hover{ text-decoration:none; border-color:#bcefff; color:#bcefff}
.buttonRow.leftrow{ left:-40px;    bottom: 60px;}
.buttonRow.rightrow{ right:-40px;    bottom: 60px;}
.game-title{ color:#999 }
.game-title h3{ font-size:36px }
.gameinfo .left-box{ width:65%;   padding-right:60px; }
.gameinfo .right-box{ width:300px; float:right; background-color:#fff;  }
.gameinfo .right-box .pc-down{ padding:20px; border-bottom:1px solid #eae7ea}
.gameinfo .right-box .phonecode{padding:20px; text-align:center}
.gameinfo{  padding-bottom:20px; position:relative  }
 
.screen-photo .title-h2{ background:none}
.screen-photo h2{ border-bottom:0;}
.screen-photo ul{ word-break:keep-all; white-space:nowrap}
.screen-photo li{ display:inline-block; margin:0 20px;}
.photo-wap{ width:1200px; overflow-x:scroll; padding-bottom:20px; }

.pay-give{ width:100%; background:url(../images/tittle-back.jpg) left top repeat-x; text-align:center; margin:40px 0}
.pay-give li{ width:105px; text-align:left; background:url(../images/titleh2-back.jpg) center top no-repeat; display:inline-block; margin:0 20px; text-align:center; padding-top:50px; color:#666 ; line-height:24px;}
.pay-give li span{ color:#ffae00}

.i-mini{width: 18px;height: 18px;display: inline-block;margin: 1px;background-size: contain;vertical-align: middle;}
.i-wechat{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAB1UlEQVRYhcWXzY2DQAyFvxJSAiWkg00HSwfJYQtIB6EEOoAO0Mwo56QD6GC3g9BB9jBD+FkYM0C0liwhMeDn94xtIMQMMZoMzQ1FieaJ5umub+7eZ9A7RSuI0GQoHq+AktuzGQXRmsA7DJegwGNADBcKduHBuxSvdUU5H8SV/aqsfWxc2c/JfPvgXRCTTGxNe7AciuTtwVsQyTD7aCb1P2juL1fU20ihyIWH7hgOo9JpTg5YKIi8C2A6k95BT/FqqmAWgKa9Tmc+12wRh0liiP30G+IOS2mLGtsv7LlzR45zIAsprqDGD3TNENsHehmnGL5Q5M4Tl9Dcmrjj1U4yG+w8es9wEIEoSmSNJoMnaE5egHPqQqDo5gGQ9q6b5mJ7Stvt7GfqBSB9PtkEvW32BVFv9g97xvS7K38Rtt6n2nDwyjM0bxHKXfDpMs5QfNOsXl0JfObrM4pcakS+Cn6IK5c0YV8sLh8q5eSSIQVX1O3hOTJIhao4ovlAcXR7YCSAz7too8Us+CSaGvGK+u9S8q8LSaNZ6Ehd5pVUtdtKIVI/NLuWbw9CUctr+fvkqJb+HSWr2FDU4wUXBiRyy8Z8IDZwHp61ZHYryrEDrOpRbNf0PGhIAb/sAH9daKVzgAAAAABJRU5ErkJggg==);}
.i-qq{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEIElEQVRYhbVX3W/TVhzNPxC3BaGWIlaDUtrEZku3gLqqHw/9YAlZk2bVJlY6UfoQJPbRZg/tQGsjVjRgWtQhUVIKS5ZtRE18k0GCtFZjZCpiQpNo4QFeqqGyN9uauycmrdHZQ8HETWo7i3alI1m27z3nnt/9/e69BkMRzZIQXQzhQywn3GI4fpElAlgigOH4RZYTbjGED1kSoquYMTVbfVKiGcKHWCJIzwl1QGIIH6KTUnlJ5CwRxoskzhPCEmG8aGI6KZXnWlwqGI5f1O0Gk+StJc5687AkeavmzPWSmyPLMJ1Ow3Q6jbrgPd0iNnVCr+11wXuosg+AoowKbGX3Y/eJ73WFo6AAlgh+rc61gQzKqnbkkediZ/9JPU74FeT1SYnWst4cWUbFbrNM1ObpK/hMUUY9TihDwXB8WEv1S96zMsHY1wRP+D8RSNyEy+sDAMw//EP+vm1fh55QhHPt11x42/a1ywR3V0T0DJ/CyHQco9OzsDrfBQCFC+bIsqYLBoPBYDBzolvPCs4dPJC4icTCbxidnoXL+3GeAxRlhGkipZ1JnOjWZf9GARRlxNDnn8LR2wxHbzM+OjUE+9sHihbAcOKkgSVCRutH55k5bK2pBUUZcf68B2LaUhB3SJcsoHHkGz3ZkDHoyf3PDg5gtKEFW+g9aO58DVzIjZ/Dnbg248S1GSeiF3oQu9SDQ4Od6+StLlxqaNFXEzTjFFnG2aaDiNeYcLF2L5qbHCiv3I5Dg5344txhjIz04ZPxt7CF3gOLrQMnmpyI15gQqXtZz0KEpoCd/SexvWoH/I1diNeYZETqrThua8dxWzsm976u+PZVQytMdB2q3jiiLYAh/JLaDxW76kFRRnR7fZh5f0xBtBGhVgfSwSi6vT5d6cgQfkl1EdYGMvJAbw4cQ/jDFwJ+ubGgwFNJwlo2i7VsViFAIxsyqmlomkiBoowoq6wGRRkRPPCOLOA5WSG0efrkPvTwlHoaahWiil31ME2kUFZZjVjsRwTfG8JFz+Cm5Ct/PZVnXlZZrbpVmznRvV6KOWFVLQtYIoAenkK316c687VsFuPfplHt+UC7BnDCalGbUUfiAXp9RxGdX9iUPHb3EV6x23E4Ma+nBrzYjOikVK7mgn32VzxO7YeYtmDuShNGLwTw06MnkP7+B2vZLO485vFlPI7JM11yVTwS+0F19nknI1blQNIYuY+r3x3FSsomE6ykbBgLjaE/cA4Pr7cqSvIsOYaW6AM1B5QHEjkUGjWh7fJtdE3NwXFlDo2R+/L7V6O/y+/bLt9Wt57wSwXJ9YSiZBSyPs+FJG/9X0RwwqrmsTzXCa1wFAOG8Ev/6ZrGEsFfkhvrff1FE+e5wfHhooRwwirD8eGSL6cbm5kT3c+KViY3RM+eMwwnTsrlVWf7F9K7alkbFZHSAAAAAElFTkSuQmCC)}


/*充值*/
.label100 {
  width: 90px;
  display: inline-block;
  text-align: right;
  padding-right: 10px;  }

.nolabel100 {
  padding-left: 94px; }

.ipt1{
 
  width: 286px; }

.ipt2 {
  width: 146px; }

.em1 {
  color: #5e6585;
  font-size: 14px; }

.em2 {
  color: #ff6600;
  font-size: 18px; }

.p-1 {
  font: 16px "微软雅黑",Arial;
  color: #333;
  padding: 50px 0 40px 130px; 
      width: 1000px;
    background-color: rgba(255,255,255,.9);
  
  }

.pay-style input {
  display: none;
  display: inline-block\9; }

.pay-rad {
  display: inline-block;
  
  background: #e2e0e8;
  width: 102px;
  height: 30px;
  text-align: center;
  line-height: 28px;
  color: #333333;
  margin: 0 10px 0 -13px\9;
  *margin: 0 10px 0 -20px;
  vertical-align: middle;
  cursor: pointer; }

.pay-rad-cur {
  border: 2px #ff7800 solid;
  background: #ff9900 url(../images/chk.png) no-repeat right bottom;
  width: 100px;
  height: 30px;
  line-height: 26px;
  color:#fff
  
  }
.sel-game {
  background: #ffffff;
    color: #888888;
    border: 1px #cacacc solid;
    height: 30px;
    line-height: 30px;
    margin-right: 6px;
    vertical-align: middle;
    padding: 5px 0;
 }
.bank-list {
  margin-left: 94px; }

.bank-info {
  background: #fff;
  width: 422px;
  padding: 7px;
  margin-bottom: 15px; }

.bank-list input {
  display: none;
  display: inline-block\9; }

.bank-list span {
  margin: 4px 5px;
  display: inline-block;
  width: 126px;
  height: 33px;
  float: left; }

.bank-list label {
  display: inline-block;
  background: url(../images/combo.png) no-repeat;
  width: 126px;
  height: 30px;
  cursor: pointer;
  border: 1px #dedede solid;
  padding: 1px;
  margin: 0 0px 0 -13px\9;
  *margin: 0 0 0 -20px;
  vertical-align: middle; }

.bank-list label:hover, .bank-list .bank-cur label {
  border: 2px #ff7800 solid;
  padding: 0; }

.bank-list label:hover em, .bank-list .bank-cur em {
  float: left;
  background: url(../images/chk.png) no-repeat right bottom;
  height: 28px;
  width: 122px; }

.bank-list .bank01 {
  background-position: 0 -651px; }

.bank-list .bank01:hover, .bank-list .bank-cur .bank01 {
  background-position: -1px -652px; }

.bank-list .bank02 {
  background-position: 0 -3px; }

.bank-list .bank02:hover, .bank-list .bank-cur .bank02 {
  background-position: -1px -4px; }

.bank-list .bank03 {
  background-position: 0 -183px; }

.bank-list .bank03:hover, .bank-list .bank-cur .bank03 {
  background-position: -1px -184px; }

.bank-list .bank04 {
  background-position: 0 -1011px; }

.bank-list .bank04:hover, .bank-list .bank-cur .bank04 {
  background-position: -1px -1012px; }

.bank-list .bank05 {
  background-position: 0 -76px; }

.bank-list .bank05:hover, .bank-list .bank-cur .bank05 {
  background-position: -1px -77px; }

.bank-list .bank06 {
  background-position: 0 -327px; }

.bank-list .bank06:hover, .bank-list .bank-cur .bank06 {
  background-position: -1px -328px; }

.bank-list .bank07 {
  background-position: 0 -256px; }

.bank-list .bank07:hover, .bank-list .bank-cur .bank07 {
  background-position: -1px -257px; }

.bank-list .bank08 {
  background-position: 0 -544px; }

.bank-list .bank08:hover, .bank-list .bank-cur .bank08 {
  background-position: -1px -545px; }

.bank-list .bank09 {
  background-position: 0 -1398px; }

.bank-list .bank10 {
  background-position: 0 -613px; }

.bank-list .bank11 {
  background-position: 0 -940px; }

.bank-list .bank11:hover, .bank-list .bank-cur .bank11 {
  background-position: -1px -941px; }

.bank-list .bank12 {
  background-position: 0 -793px; }

.bank-list .bank13 {
  background-position: 0 -975px; }

.bank-list .bank13:hover, .bank-list .bank-cur .bank13 {
  background-position: -1px -976px; }

.bank-list .bank14 {
  background-position: 0 -902px; }

.bank-list .bank14:hover, .bank-list .bank-cur .bank14 {
  background-position: -1px -903px; }

.bank-list .bank15 {
  background-position: 0 -1431px; }

.bank-list .bank16 {
  background-position: 0 -1466px; }

.bank-list .bank17 {
  background-position: 0 -400px; }

.bank-list .bank17:hover, .bank-list .bank-cur .bank17 {
  background-position: -1px -401px; }

.bank-list .bank18 {
  background-position: 0 -218px; }

.bank-list .bank18:hover, .bank-list .bank-cur .bank18 {
  background-position: -1px -219px; }

.bank-list .bank19 {
  background-position: 0 -39px; }

.bank-list .bank19:hover, .bank-list .bank-cur .bank19 {
  background-position: -1px -40px; }

.bank-list .bank20 {
  background-position: 0 -397px; }

.bank-list .bank21 {
  background-position: 0 -1117px; }

.bank-list .bank22 {
  background-position: 0 -363px; }

.bank-list .bank22:hover, .bank-list .bank-cur .bank22 {
  background-position: -1px -364px; }

.bank-list .bank23 {
  background-position: 0 -1502px; }

.bank-list .bank24 {
  background-position: 0 -1264px; }

.bank-list .bank24:hover, .bank-list .bank-cur .bank24 {
  background-position: -1px -1265px; }

.bank-list .bank25 {
  background-position: 0 -292px; }

.bank-list .bank25:hover, .bank-list .bank-cur .bank25 {
  background-position: -1px -293px; }

.bank-list .bank26 {
  background-position: 0 -580px; }

.bank-list .bank26:hover, .bank-list .bank-cur .bank26 {
  background-position: -1px -581px; }

.timecar-list label {
  background: url(../images/cari.jpg) no-repeat; }

.timecar-list .timecar01 {
  background-position: 0 0; }

.timecar-list .timecar01:hover, .timecar-list .bank-cur .timecar01 {
  background-position: -1px -1px; }

.timecar-list .timecar02 {
  background-position: 0 -30px; }

.timecar-list .timecar02:hover, .timecar-list .bank-cur .timecar02 {
  background-position: -1px -31px; }

.timecar-list .timecar03 {
  background-position: 0 -60px; }

.timecar-list .timecar03:hover, .timecar-list .bank-cur .timecar03 {
  background-position: -1px -61px; }

.timecar-list .timecar04 {
  background-position: 0 -90px; }

.timecar-list .timecar04:hover, .timecar-list .bank-cur .timecar04 {
  background-position: -1px -91px; }

.timecar-list .timecar05 {
  background-position: 0 -120px; }

.timecar-list .timecar05:hover, .timecar-list .bank-cur .timecar05 {
  background-position: -1px -121px; }

.timecar-list .timecar06 {
  background-position: 0 -150px; }

.timecar-list .timecar06:hover, .timecar-list .bank-cur .timecar06 {
  background-position: -1px -151px; }

.timecar-list .timecar07 {
  background-position: 0 -180px; }

.timecar-list .timecar07:hover, .timecar-list .bank-cur .timecar07 {
  background-position: -1px -181px; }

.timecar-list .timecar08 {
  background-position: 0 -210px; }

.timecar-list .timecar08:hover, .timecar-list .bank-cur .timecar08 {
  background-position: -1px -211px; }

.timecar-list .timecar09 {
  background-position: 0 -240px; }

.timecar-list .timecar09:hover, .timecar-list .bank-cur .timecar09 {
  background-position: -1px -241px; }

.timecar-list .timecar10 {
  background-position: 0 -270px; }

.timecar-list .timecar10:hover, .timecar-list .bank-cur .timecar10 {
  background-position: -1px -271px; }

.refill{ background:url(../images/loginbg.jpg) right bottom no-repeat }





.p-1 .user-form-btn {  margin: 40px 0 0 40px; }
.p-2{  padding-top:20px;   line-height:24px; color:#999; margin-top:40px; font-size:14px;}
.selcet-button{ width:428px; height:82px; border: dashed 2px #ff9900; background: #fff ; display: inline-table; cursor:pointer; text-align:center; color:#ff9900; line-height:78px; position:relative}
.selcet-button>label{ vertical-align: middle; display: inline-table; cursor:pointer; background: url(../images/add.png)  left center no-repeat; padding-left:40px; line-height:26px;}
.ticket-box{ position:absolute; z-index:9; top:0; cursor: pointer; background:url(../images/t1.jpg) left center no-repeat;     width: 430px;  height: 73px;margin: 2px; font-size:12px; padding-left:130px; padding-top:20px; color:#484848}
.coupon-item .ticket-box{     margin-bottom: 5px;  margin-left: 3px; margin-top: 5px;}
.ticket-box>p{line-height:20px; text-align:left;  }
.ticket-box i{ position:absolute; left:40px; top:10px; color:#5323ab; font-size: 25px; font-family:"黑体",Arial }
.popwin-select{ width:464px; height:324px; cursor: default;border: solid #ff9900 2px;  position:absolute; z-index:99; background:#fff;  padding:5px;top: -330px; color: #333;}
.popwin-select div.titlediv,.popwin-select .tipsbottom{ height:40px; line-height:40px; text-align:left; font-size:12px;}
.popwin-select div.titlediv label{ margin-right:5px;}
.popwin-select div.titlediv span{ margin-left:50px;}
.popwin-select .ticket-info	{ height:240px; overflow-y:scroll; background-color:#f0f0f0}
.popwin-select div.titlediv .closed{ background:url(../images/closed.png ) left center; width:19px; height:19px; display: block; right:10px; position:absolute; top:10px}
.popwin-select div.titlediv .closed:hover{opacity: 0.8;}
.ticket-info .ticket-box{ position:relative; margin-bottom:10px;}
.ticket-box:active{opacity: 0.8; }
.underline {text-decoration: underline; }
.recharge-result{ min-height:400px; padding-top:400px; }
.recharge-result-info,.recharge-result-link{ width:100%; text-align: center; font-size:16px; line-height:30px; }
.recharge-result-info label{ color:#999}
.recharge-result-info li{ width:100%; overflow:hidden}
.failed{ background:url(../images/failed.jpg) center top no-repeat}
.card-success{ background:url(../images/card.jpg) center 160px no-repeat; padding-top:300px;background-color:#fff}
.recharge .success{ background:url(../images/success.jpg) center top no-repeat}
.recharge-result-link li{ border:none; display:inline; width:auto; float:none; font-size:14px; margin:0 15px}
.recharge-result-card{ width:40%;}
.recharge-result-card .ask{ color:#ff6600}
.changebtn{    width: 30px;height: 80px;display: inline-block; background-color:#eaf9f9; vertical-align: top; position: relative;left: -10px;left:-5px\9; z-index: 0;border-radius: 0 10px 10px 0;
    border: 1px solid #ccc;    line-height: 80px; padding-left: 8px;font-size: 10px; }
.info-list a.changebtn{ color:#999}
.info-list a.changebtn:hover{ background-color:#f0f0f0; color:#333; text-decoration:none}
.user-form-tips{ color:#ff0000; text-align:center;  width:100%} 
.user-form .info-list .form-tit{
	min-width:120px; text-align:right; display:inline-block; line-height:30px; height:50px;
	 }
.payees{display: flex;font-size:18px}
.payees .leftwrap{float:left;}
.payees .rightwarp{ flex-grow:1; border:1px solid #ededed; min-height:600px; width:82%; position:relative}
.info-list a{ color:#0066ff;}
.info-list a:hover{ color:#F00}
.avatar-border{ height:120px; width:120px; display: inline-block; overflow:hidden; vertical-align:middle; position:relative; z-index:1; background-color:#fff}	 
.avatar-border{ border-radius:120px}
.tab.recharge li{ display:inline-block; margin-right:30px; cursor:pointer}
.tab.recharge li.current{ border-bottom:2px solid #F60; height:35px; color:#ff6600}
.tab.recharge { background:none}
.search { color: #333; font: 14px "微软雅黑",Arial;padding: 15px 0 8px 0 ;
}

.payzj_time {
  font-size: 16px;color: #333;width:168px;height: 35px;line-height:35px;padding: 4px 0 4px 8px;border: 1px #ccc solid;background: #FFF url(../images/dateicon.png) no-repeat 99% center; vertical-align: middle;
}
.pay-table{border-top: 1px #d8d8d8 solid;border-left:1px #d8d8d8 solid;color:#333 ;text-align:center;width:100%; font-size:14px}
.pay-table th,.pay-table td{border-bottom: 1px #f0f0f0 solid;border-right:1px #f0f0f0 solid;height:40px}
.pay-table thead{background:#2d365c;color:#fff;font-size: 14px}
.pay-table thead th{  background-color:#fafafa; color:#333; font-size:16px}
.pay-table a{ color:#ff6600}
.mess-table{color:#fff6c2;width:100%}
.mess-table .mess-tit a{color:#333}
.mess-table .mess-tit a:hover{ text-decoration: none; color:#ff6600}
.mess-table td{border-bottom: 1px #ececec solid;height:50px;padding-left:3px; line-height:50px; color:#333}
.mess-table input{vertical-align: middle}
.chk-all{line-height:28px;}
.chk-all input{vertical-align: middle;margin-right: 13px}
.chk-all a{margin-left: 15px; }
.mess-page{padding:50px 0 50px 4px }
.mess-page .pages{width:550px;padding:0; margin:0; clear:none;}
.link4{ background: url(../images/deleteicon.png) left center no-repeat; padding-left:15px; color:#C00}

.save-center{padding: 27px 0 80px 0; width:824px; margin: 0 auto}
.save-center .top-tip{height:22px; padding:9px 0; background-color:#1a203c; color: #fff; text-align: center; margin-bottom: 3px}
.save-center .editor-save-tips{line-height:21px}
.save-center .editor-save-tips em{display: inline-block; width: 21px; height: 21px; background-position: 0 0; margin-right: 12px; vertical-align: middle}

 
.save-center-item{clear: both; border-bottom:1px solid #f1f1f1}
.save-center-item .item-td{float: left; height: 56px; line-height: 56px; overflow: hidden;   }
.save-center-item .item-td1 .user-ico{display: inline-block; width: 29px; height: 29px; margin-right: 27px; vertical-align: middle}
.save-center-item .item-td1 .ico-ok{background-position: 0 -60px;background-image: url(../images/user-ico.png)}
.save-center-item .item-td1 .ico-erro{    background-image: url(../images/user-ico.png);background-position: 0 -26px}

.save-center-item .item-td1{width: 30%; padding-left: 19px;  }
.save-center-item .item-td2{width: 40%; color:#333;}
.save-center-item .item-td3{width: 30%;text-align: right}
.save-center-list .btn-ok{ vertical-align:baseline}
.save-center-list .link4{ text-decoration: underline}
.editor-save-tips{ color:#ff0000}
.top-tip{ width:100%; margin-bottom:20px; background-color:#f1f1f1; padding:5px 15px; text-align:center}
.user-ico{    background: url(../images/user-ico.png) 0 0 no-repeat; width: 22px;height: 22px;display: inline-block;vertical-align: middle;margin-right: 10px;}
#dialog-idCard .user-form-tip { font-size: 12px; color: #ff0000; width: 420px; background-color: #f0f0f0; padding: 6px 0; margin:0 auto 20px auto; text-align: center; }
.placeajaxmessage{color:red;font-size: 12px;margin-top:5px;height:14px;text-align: center}
.passport-lay{width:370px; height:100px; text-align:left; padding-left: 100px;font-size:12px;line-height:30px;color:#333}
 
.form-select {    width: 180px; height: 32px;line-height: 28px;background: #f3f6f7;border: 1px solid #ccc; color: #333;height:auto\9; padding:5px\9}
.user-form.idalog-form{ padding:0 50px; margin-left:0}
.voice{ background:url(../images/voice.png) left top no-repeat; padding-left:30px; line-height:26px; display:inline-block}
.total-num{ color:#ffa800; font-size:20px; margin:0 10px; line-height:30px; position:relative; top: 2px;}
table.pay-table.voice-set td,table.pay-table.voice-set th{ border-right:0; padding-left:15px;}
table.pay-table.voice-set td{ padding:10px 10px;}
table.pay-table.voice-set th:last-child,table.pay-table.voice-set td:last-child{ border-right:1px solid #ccc}
table.pay-table.voice-set td.lastboder,table.pay-table.voice-set th.lastboder{ border-right:1px solid #ccc\9}
.opration{ border-top:1px solid #ccc; padding:10px 0; }
.opration label{ width:100%; display:inline-block; margin:0}
 
.opration-leftlayer .form-textarea,.info-list .form-textarea{ width:460px; height:100px;vertical-align: top;
}
.opration-leftlayer .form-textarea{ margin:0}
.opration-midlayer select{ width:145px}
#dialog-buy .form-tit.form-tit2 { height:auto}
#dialog-buy .info-list .total-num{ margin-left:0}
.form-tit.form-tit2.dack{ color:#CCC}
.info-list{ position:relative; line-height:30px;}
.info-list .btn-commn{ position:absolute; width:100%;left: 400px; line-height: 50px; }
#content .p-1.recharge-result{ padding-left:0; padding-top:450px; background-color: rgb(255,255,255);}


/*新加样式*/
.content-info .form-input-desc{color: grey;font-size: 14px;}
.content-info.vipcenter .form-input{ font-size:16px; height:35px; vertical-align:baseline; width:250px; }
.content-info.vipcenter label.form-tit{ padding-top:15px}
.content-info.vipcenter textarea.form-input{ width:350px; height:150px; vertical-align:text-top; padding:5px;}
.user-form-btn-big{ width:130px; height:55px; font-size:24px; font-weight:normal}
 
.content-info.vipcenter span.input-infor{ color:#999}
#content .p-1.recharge-result .p-2{ padding-left:200px}
.uploadphoto,.dateicon{ background:url(../images/icon-edit.png) left center no-repeat;    padding: 5px 0 5px 30px;}
.dateicon{cursor:pointer;background:url(../images/dateicon.png) left center no-repeat;  }
.title-h2.select-title a  { margin-right:30px;text-decoration:none;}
#content .usercenter .right-box .title-h2.select-title a h2{ border-bottom:none; color:#999999}

#content .usercenter .right-box .title-h2.select-title a.current h2{ border-bottom:1px solid #ff6600 ; color:#333}
.paymode .paymode-list{ width:200px; height:70px;  display: inline-block;line-height: 70px;padding-left: 90px; font-weight:normal; font-size:24px; margin-bottom:10px; background-color:#f7f7f7; background-image:url(../images/payicon.png); background-repeat: no-repeat; cursor:pointer;}
.paymode .paymode-list.current{ border:2px solid #5fbfff; background-color:#fff; }
.paymode.paymode-hover .paymode-list:hover{ border:2px solid #5fbfff; background-color:#fff; }
.paymode-list:hover{ text-decoration:none}
.paymode-list.Alipay{
 background-position:  10px 14px  ;}
.paymode-list.Wechat{
 background-position: 10px -61px  }
.paymode-list.DebitCard{
 background-position: 10px -141px  }
.paymode-list.CloudFlash{
 background-position: 10px -214px ;}
.paymode-list.HuaBei{
 background-position: 10px -294px  }
.paymode-list.CreditCard{
 background-position:  10px -368px;}

.vipcenter-title-h2 { background-color:#f7f7f7; line-height:70px; line-height:67px}
.paymode-infor li { float: left; margin-right:15px;  }
.paymode-infor li a{ text-align:center; width:150px; background-color:#ebebeb; height:60px; margin-top:10px; color:#999999; display: block; line-height:60px; }
.paymode-infor li a.current{ background-color:#fff; color:#333333}
.vipcenter .addbutton{  width: 88px; height: 35px; text-align: center; line-height: 31px; margin-top: 15px; font-size:38px} 
.vipcenter .addbutton:hover{text-decoration: none; }
.vipcenter.rightwarp .vipcenter-form-inforlist{ padding:40px 30px 40px 30px;}
.vipcenter.rightwarp .vipcenter-form-inforlist .form-tit{ width:18%}

.user-form-btn2:hover{background:#888787;}
.payee-qrcode{width:200px;height:200px;padding: 10px; background: #f7f7f7;}
.payee-qrcode  img{ border:10px solid #fff; }
.vipcenter .payee-qrcode{position: absolute;top: 110px; right: 47px;;}

.shoppingmall-list > div { display: inline-block; }
.shoppingmall-list li { width:390px; height:170px; float:left; border:1px solid #e2e2e2; background:#fbfbfb; position:relative; padding:10px; font-size:16px; margin:10px 14px;}
.shoppingmall-list li .payments{display: inline-block;width: 100%;text-indent: 85px; }
.shoppingmall-list li .payments .paymode-list{ margin-left:4px; }
.shoppingmall-list li .avatar-border img,.shoppingmall-list li .avatar-border{ width:90px; height:90px;}
.shoppingmall-list .shoppingwarp{ position:absolute;right: 15px; bottom: 57px;}
.shoppingmall-list .shoppingwarp .priceicon{ font-size:14px}
.shoppingmall-list .shoppingwarp .button-shopping{ width:105px; height:40px; font-size:20px; line-height:36px; display:block; color:#fff; text-align:center }
.shoppingmall-list .shoppingwarp .button-shopping:hover{ color:#fff;}

.system-icon{ position:absolute ; background:url(../images/renzheng.png);    position: absolute;  right: -5px;  top: -5px; height: 73px;  width: 73px;  text-indent: -9999px;}
.usertype.type01{ background:url(../images/fenkouicon.png) right center no-repeat; padding:5px 55px 5px 0; }
.usertype.type02{ background:url(../images/shangrenicon.png) right center no-repeat; padding:5px 60px 5px 0; }

.pages{ margin-top:25px;}
.subtotal-info{  padding:20px 30px; }
.content-info.vipcenter .sell-form label.form-tit{ margin-bottom:10px;}
.vipcenter .mini-button{ color:#fff}
.vipcenter .sell-form .input-infor{ display:inline-block; vertical-align:text-top; width:80%}
.sell-form .info-list label.form-tit{ width:9%}
.sell-form .paymode {display:inline-block;}
.sell-form .paymode li { display:inline-block; margin-right:15px}
.selectmenu{ width:322px; height:36px; background:linear-gradient(#f2f2f2,#ebebeb); border-radius:9px; border:1px solid #e9e8e8; overflow:hidden; display:inline-block; vertical-align:bottom;}
.selectmenu li{ float:left}
.selectmenu li a{ width:80px; height:36px; display: block; text-align:center; line-height:32px; border-right: 1px solid #e9e8e8; color:#333}
.selectmenu li a:hover{ text-decoration:none}
.selectmenu li a.current{background:linear-gradient(#ffae00,#ff9900); color:#fff}
.content-info.vipcenter .pay-table{ border-left:1px solid #f0f0f0; border-top:1px solid #f0f0f0}
.payment-min .paymode-list{ background-image:url(../images/payicon.png); background-size:30px; background-repeat:no-repeat; padding:5px 0 5px 30px; }
.payment-min .paymode-list.Alipay{ background-position:0 6px}
.payment-min .paymode-list.Wechat{ background-position:0 -29px}
.payment-min .paymode-list.DebitCard{ background-position:0 -65px}
.payment-min .paymode-list.CloudFlash{ background-position:0 -100px}
.payment-min .paymode-list.HuaBei{ background-position:0 -136px}
.payment-min .paymode-list.CreditCard{ background-position:0 -171px}

.paymode-horizon li{ float:left; margin:0 15px;}
.paymode-horizon .paymode-list {background-size: 55px;  width: 155px; height: 50px;  padding-left: 65px;  font-size: 18px; line-height: 50px; }
.paymode-horizon .paymode-list.Alipay{ background-position:8px 6px}
.paymode-horizon .paymode-list.Wechat{ background-position:8px -57px}
.paymode-horizon .paymode-list.DebitCard{ background-position:8px -123px}
.paymode-horizon .paymode-list.CloudFlash{ background-position:8px -185px}
.paymode-horizon .paymode-list.HuaBei{ background-position:8px -252px}
.paymode-horizon .paymode-list.CreditCard{ background-position:0 -315px}

.order-info{width: 570px;min-height: 450px;padding:0 50px!important; line-height:34px;}

.status-nocomfir,.status-nopay{ padding:5px 10px; background:#2fb3ed; color:#fff; border-radius:6px; cursor:pointer;user-select:none;}
.status-nopay{background:#ec4a4a; }
.status-comfir{ color:#45aa1d}
/*新加样式*/

.review-status::before{ margin: auto 3px; display: inline-block;  }
.review-status-0::before{color:#de5e26;content:"🕔未审核"}
.review-status-1::before{color:#00a700;content:"✔已审核"}

@keyframes jump-in{
  from{
    margin-top:0;
  }
  to{
    margin-top:-20px;
  }
}
@keyframes jump-out{
  from{
    margin-top:-20px;
  }
  to{
    margin-top:0;
  }
}

	
/*弹出层样式*/
.user-form{ position:relative;}
.range{ width:598px; height:650px;position: absolute;}

.click_pop{ display:block;}
.pop {display: none;width: 598px;margin:auto;z-index: 130;border-radius: 5px;background-color: #fff; box-shadow:0px 0px 10px #999; background:#f0f0f0;}
.pop_tit{font-size:26px; color:#333333; line-height:58px; padding-left:24px;}
.pop-foot{  height:50px;  line-height:50px;  width:100%; text-align: right;  }
 #image-cropper{display:none;width:100%;height:100%;position: fixed;left:0;top:0;z-index:999;}
 
 /*选项卡*/
 
.tab{overflow: hidden;}
.tab-menu{overflow: hidden; padding:0 15px;}
.tab-menu ul{list-style:none;}
.tab-menu li{display:block; float:left; width:153px; line-height:72px; text-align:center; font-size:18px; color:#0066ff; text-decoration:underline;}

/* 改变选项卡选中时候的样式 */
.tab-menu .change{background: url(../images/tab_libg.png) no-repeat left top;color:#5275a8;text-decoration:none;}

/*弹出层样式*/

/*弹出层修改头像样式*/
.topimg{ background:#9fa1a5;}
.topimg img{ width:100%;}
.bottombtn{ background:#fff; padding:15px 0; overflow:hidden;}
.bbtn_left{ width:115px; float:left; height:40px; position:relative;text-align:center; color:#fff; line-height:40px; background:linear-gradient(#53b0ed,#3b8fe5); border-radius:6px; margin-left:15px;}
.bbtn_left input{width:115px;height:40px;filter:alpha(opacity=0); opacity:0; position:absolute; top:0; left:0}
.bbtn_right{ float:right;}

.bbtn_right span{ display:block; float:left;background:linear-gradient(#53b0ed,#3b8fe5); border-radius:6px;height:40px; margin-right:15px;}
.bbtn_right span input{ width:64px; height:40px; border:none;}
.change_small input{ background:url(../images/magnifiter_a.png) no-repeat center center;}
.change_big input{ background:url(../images/magnifiter_b.png) no-repeat center center;}
.deter{ width:178px; line-height:55px; float:right;background:linear-gradient(#ffaf00,#ff8400); text-align:center; color:#fff; border-radius:6px; margin:15px 0; font-size:25px;cursor:pointer;}

.sale-status{}
.sale-status.sale-status-0{color:#666;}
.sale-status.sale-status-1{color:#2bbc48;}
.sale-status.sale-status-2{color:#FF9800;}
.sale-status.sale-status-3{color:#a1917a;}