form .help-block {
    color: #C33;
}

@charset "utf-8";
/* CSS Document */
/* 基本 */
*{ margin:0; padding:0; list-style:none; font-style:normal;font-family:"Microsoft Yahei",Tahoma,Arial,sans-serif !important; }

input {-webkit-tap-highlight-color:rgba(0,0,0,0);}
table {border-collapse:collapse; border:none;}
ol,ul {list-style-type:none;}
.clears:before,.clears:after {content:'';display:table;}
.clears:after {clear:both;}
.clears {*zoom:1;}
.clear {clear:both;height:0;overflow:hidden;}
a {text-decoration:none; outline:none;color: black;}

a,textarea,input {outline:none; border:none;}
textarea {overflow:auto;}
img {border:none;}
.z_index {position:fixed;_position:absolute;z-index:10;display:none;}
.pr {position:relative;}
.pa {position:absolute;}
.fl {float:left;}
.fr {float:right;}
a:hover {text-decoration:none;}
.hide {display:none;}
.show {display:block;}
.v-tt {vertical-align: text-top;}
.v-s {vertical-align: sub;}
.v-b {vertical-align: baseline;}
/*********************************************************************************************************/
.header-btn {font-weight:700;background:#e6262e !important;border:1px solid #e6262e;padding:4px 16px;font-size:16px;color: #fff !important;}
.ts-con li {width: 25%;float: left;padding:3px 0;border:1px solid #c7c7c7;border-right: none;background: #e2e0e0;font-size: 20px !important;}
.ts-con li:nth-child(1){border-right: transparent;}
.ts-con li:nth-child(4){border-right: 1px solid #c7c7c7;}
.ts-con .media {margin:0 5px;}
.buy-box {border:solid #e6262e;border-width:1px 0;background:#191919;color:#e6262e;position:absolute; top:0;left:0;}
.buy-btn { 
    font-weight: 700;
    /*background: #eca61a;*/
    color: #2e0f0d;
    border: 1px solid #eca61a;
    font-size: 16px;
    padding: 10px 0;
    width:100%;
    }
/*tab*/
.footer{

}
.nav-tabs>li {
    width:20%;
     border:1px solid #c7c7c7;
     border-right: none;
     text-align: center;
     margin-bottom: 20px;
     background: #d0cece;
     /*font-weight:600 ;*/
 }
.nav>li>a {
    width: 99%;
    padding: 10px 0;
    text-align: center;
    }
.nav-tabs>li>a:hover {
     /*border-color:inherit;*/
     background-color: inherit !important;
}
#feature-tab>li:last-child {
     border-right:1px solid #c7c7c7; 
}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
   /*border:1px solid #c7c7c7;*/
   text-align: center;
    font-size: 1.2rem;

    float: left;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    /*border-bottom:solid  #e6262e;*/
    border-width:0 0 2px 0;
   background: #d0cece;
    color: #3db5e6;

}

/*.bg0 { background:#000;}*/
.discbox { width:8.6rem; height:8.6rem; border:2px solid #e6262e; border-radius:50%; position:relative; margin:1rem auto;}
.disc_center { width:3.14rem; height:3.14rem; background:#e6262e; position:absolute; top:50%; margin-top:-1.57rem; left:50%; margin-left:-1.57rem; border-radius:50%; font-size:0.6rem; color:#fff; text-align:center;box-sizing:border-box; -webkit-box-sizing:border-box; padding-top:6%;z-index:100;}
.cellbox { width:100%; height:100%; position:relative; -webkit-transition:all ease-out 0.5s;transition:all ease-out 0.5s;z-index:100;-webkit-transform:rotate(0deg);transform:rotate(0deg);}/*-webkit-transform:rotate(45deg);transform:rotate(45deg);*/
.cell { text-align:center;padding-top:0.8rem;transform-origin:bottom center; height:4.3rem;box-sizing:border-box; -webkit-box-sizing:border-box; position:absolute; top:0; left:3.6rem;}
.cell em { font-size:0.36rem; color:#e6262e; display:block;}
.cell b { font-weight:normal; color:#fff;font-size:0.36rem;}
.cell1 { transform:rotate(0deg);}
.cell2 { transform:rotate(45deg);}
.cell3 { transform:rotate(90deg);}
.cell4 { transform:rotate(135deg);}
.cell5 { transform:rotate(180deg);}
.cell6 { transform:rotate(225deg);}
.cell7 { transform:rotate(270deg);}
.cell8 { transform:rotate(315deg);}
.cell_on { left:3.4rem;}
.cell_on em {font-size:0.5rem;}
.cell_on b {font-size:0.5rem; color:#f6aeb1;}
.lightbeam { width:3rem; height:86rem; background:-webkit-linear-gradient(#000,#8a1926 30%); position:absolute; top:0.3rem; left:50%; margin-left:-1.5rem; z-index:10; transform:perspective(800px) rotateX(-81deg);transform-origin:top center;}
.div1 {background:#fff; color:#000; font-size:16px; width:100%; height:50px;}
.buys a { color:#e6262e;}
.buys { position:relative;height: 50px;line-height: 25px;}
.lp { position:absolute; bottom:-55px; left:25%}
.lp_bottom { border-bottom:1px solid #e6262e; border-top:1px solid #e6262e; padding:12px 0px;}
.selects { background:#e63235; color:#fff;}

/*初始*/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;font-size: 1.5rem;}
.flexslider {margin: 0; padding: 0;border: none !important; box-shadow: none !important;}
.flexslider .slides > li {display: block;float:left; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
.no-js .slides > li:first-child {display: block;}
.mar_b90 { margin-bottom:98px;}
/* 滑块
*********************************/

.slides {   
    margin-left: 30px;
    margin-top: 10px;
    margin-bottom: 15px;}
.slides li { width:33.3%; }
.circle_mid { 
 
background-color:none;  
width:60px;  
height:60px;  
border-radius: 50%;  
margin: 0 auto;  

}  
.circle_bot {
border:2px solid #13b5eb;  
margin:-60px auto 0;    
background:#fff;
width:60px;  
height:60px;  
text-align: center;
line-height: 60px;
/*color:#E6262E;*/
font-size:25px; 
border-radius: 50%;
position:relative;
}  
.select_circle_bot { background:#ee7624; color:white; border: 2px solid #ee7624; }
.circle_bot span { position: absolute;
    top:0px;
    left: 0px;
    width: 100%;
    text-align:center;
    font-size: 0.6em;}
.c { text-align:-webkit-center; display:block; overflow:hidden;}

.flexslider {  position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right:0px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width:21px; height:21px; margin: -20px 0 0; position: absolute; top: 62%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8);  text-indent:-999em; background:url(../images/arr.png); background-size:cover; }
.flex-direction-nav .flex-prev { left: -10px; background-position:0 0 }
.flex-direction-nav .flex-next {right: -10px; background-position:-147px 0}
.flexslider:hover .flex-prev { opacity: 0.7; left: 5px;}
.flexslider:hover .flex-next { opacity: 0.7; right:5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }


/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd}
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center; display:none;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
.carousel li { margin-right:0px; margin-left:-1px; }
.flex-direction-nav .flex-prev { opacity: 1; left: 2px;}
.flex-direction-nav .flex-next { opacity: 1; right: 2px;}
}
.sellselects {
    background: #1eb83e;
    color: #fff;
}
.lp_bottom2 {
    border-bottom: 1px solid #2a3;
    border-top: 1px solid #2a3;
    padding: 12px 0;

}
.fl {
    float: left;
}
.fr {
    float: right;
}
.font-money{
    font-size: 1.3rem !important;
}
.price_cell{
font-size: 18px;
}
.navbar-fixed-bottom{
    position: fixed;
    bottom: 0px;
    left: 0px;
    height: 50px;
    background: #2d2c3c;
    z-index: 30;
    margin-top: 70px;
}
.navbar-fixed-bottom em{
    display: block;
    color: white;
    margin-top: 3px;
}
footer{
    z-index: 30;
}
.footer_nav li {width: 25%;
    text-align: center;
    /*line-height: 30px;*/
    color: white !important;
    font-size: 12px;
    margin-top: 2px;
}
.footer_nav img {

    margin-top: 4px;
}

.mask {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
    top: 0px;
    left: 0px;
    background: black;
    opacity: 0.7;
    display: none;
}
.order-area {
    width: 100%;
    min-height: 260px;
    position: fixed;
    left: 0px;
    bottom: 0px;
    display: none;
    z-index: 200;
    background: #eee;
}
.order-area-title {
    color: red;
    font-size: 16px;
}
.title {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid lightgray; 
}
.no-padding{
    padding: 0px !important;
}
.btn_no{
    width: 70px;
    height: 25px;
    line-height: 12.5px !important;
    border:1px solid #3db5e6 ;
    border-radius: 5px;

}

.line1,.line2,.line3,.line4,.line5{
    /*height: 40px;*/
    line-height: 35px;
    margin: 10px 0px !important;
}
/*.line1,.line2,{
     height: 60px;
     margin: 40px 0px !important;
     padding: 10px 0px !important;
     line-height: 40px !important;
}*/
.line3{
    margin-top: -5px !important;           
}
.line5{
    margin-top: -10px !important;
}
.btn_active {
    color: white !important;
    border: 1px solid #3db5e6; 
    background:#3db5e6; 
}
.num-sub, .num-add {
    width: 30px;
    height: 25px;
    line-height: 25px;
    border:1px solid lightgray;
    border-radius: 5px;
    margin-top: 10px;
}
.num {
    width: 30px;
    height: 25px;
    line-height: 25px;
    margin-top: 10px;
    color: red;
}
.order-area #cancelBtn {
    width: 40%;
    margin: auto; 
    height: 30px;
    line-height: 30px;
    margin-left: 10px;
    border-radius: 5px;
    border: 1px solid lightgray;
}
.order-area #submitBtn {
    width: 50%;
    margin: auto;
    height: 30px;
    line-height: 30px;
    margin-left: 10px;
    border-radius: 5px;
    border: 1px solid lightgray;
    background: #e6262e;
    color: white;
}
.row {
    position: relative;
}
.bargain {
    position: absolute;
    right: 10px;
    top: 0px;
    padding-right: -5px !important;
}
.chart {
    position: relative;
}
.denomination{
    position: relative;
}
.denomination-text{
    position: absolute;
    width: 100%;
    height: 25px;
    line-height: 25px;
    left: 0px;
    top: 18px;
    text-align: center;
    
}

.waves-effect{
    border-radius: 100%;
    background-color:blue;
    left: 20px;
    top: 20px;
    transform: scale(0);
    width: 10px;
    height: 10px;
    position:absolute;
}
.waves-effect-animation{
    animation: animation-definition 1s ease-out;  
    /*兼容各大浏览器*/
    -moz-animation: animation-definition 1s ease-out;  
    -webkit-animation: animation-definition 1s ease-out;  
    -o-animation: animation-definition 1s ease-out;  
}
@keyframes animation-definition {  
    from{  
        transform: scale(0.1);  
        opacity: 1;
    }  

    to{  
        transform: scale(2); /*因为涟漪的大小为标签的最长边，为了保证点击标签边缘时，涟漪也能覆盖整个标签，scale值最小应为2*/
        opacity: 0;            
    } 
}
.line1-img {
    height: 45px;
    line-height: 45px;

}
.line1-img img {
    width: 70px;
    height: 40px;
    margin-top: 10px;

}
.order-text {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid lightgray;
}
.bargain-text{
    margin-top: 10px;
}
.selects,.sellselects{
    /*width: 100%;*/
    height: 50px;
}

/*修改密码页面*/

body{
    background: #333242;
}
.call-back-icon img{
    width: 10px;
    height: 15px;

}
.modify-row1{
    width: 100%;
    height: 50px;
    /*line-height:50px;*/
    background: white;
    margin-bottom: 5px;
    margin-left: 0px !important; 
    /*font-size: 2.2rem !important;*/
}
.input-text{
    /*height: 50px;*/
    /*line-height: 50px;*/
}
#modifyBtn{
    width: 100%;
    background: #999999;
    color: white;
}
/*我的体验券*/
.ticket-row1{
    background: white;
    height: 60px;
    line-height: 60px;
    /*margin-top: -25px;*/
}
.quantity{
    border: 1px solid #eee;
}
.ticket-row2 img{
    width: 90%;
    margin-left: 5%;
    height: 90px;
}
.ticket-row2{
    position: relative;
    margin-top: 5px;
}
.money-left{
    position: absolute;
    left: 40px;
    top: 40px;
    color: red;
}
.num-middle{
    position: absolute;
    left: 48%;
    top: 40px;
}
.time-right{
    position: absolute;
    right: 40px;
    top: 40px;
}
/*交易记录*/
.trade-row1{
    height: 60px;
    margin:0px;
    line-height: 30px;
    background: #fff;
    /*margin-top: -25px;*/
}
.trade-row1-title{
    font-weight: 700;
}
.trade-row2{
   height: 60px;
    margin:0px;
    line-height: 60px;
    background: white;
    margin-top: 5px; 
}
.trade-row-name{
   height: 40px;
    margin:0px;
    line-height: 40px;
    background: white;
    margin-top: 5px; 
    color: #333 !important;
    font-weight: 700;
    font-size: 16px !important;
}

/*充值记录*/
.recharge-line1{
    height: 80px ;
    line-height: 35px;
    background: white;
    /*margin-top: -25px; */
    margin-bottom: 5px;
    font-size: 30px;
}
.bold-text{
    font-weight: bold;
    font-size: 14px;
}
.recharge-success{
    color: #e63235;
}
/*出金记录*/
.withdraw-success{
    color: #3db5e6;
}
/*充值*/
.amount-container{
    margin-top: -28px;
}
.amount-row1,.amount-row2{
    background: white;
    margin-bottom: 5px;
}
.amount-text{
    height: 50px;
    line-height: 50px;
}
.input-amounttext{
    height: 45px;
    line-height: 45px;
}
#rechargeBtn{
    width: 90%;
    margin-left: 5%;
    background: #3db5e6;
    color: white;
    margin-bottom: 50px;
}
.amount-row3{
    margin: 10px 0px;
}
.payImage{
    width: 53px;
    height: 40px;
    vertical-align: middle;
}
.pay{
    height: 50px;
    line-height: 50px;
    /*border-bottom: 1px solid lightgray;*/

}

.payicon img{
    width: 50px;
    height: 30px;
    padding: 0px;
    margin: 0px !important;
}
.sum-pay{
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid lightgray;
}
.unionpay-block{
    background: white ;
    margin-top: 20px !important;
    padding: 0px; 
    display: none;
}
.unionpay-block input{
    height: 30px;
    line-height: 30px;
    padding: 0px !important;
    margin-top: 10px;
}
.unionpay-row1,.unionpay-row2,.unionpay-row3,.unionpay-row4{
    width: 100% !important;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid lightgray;
}
.common-circle{
    height: 30px;
}
}
.recharger-record .row{
    background: white;
}
/*登录*/
.logo img{
    width: 80px;
    height: 80px;
    margin-top: 80px;
    margin-bottom: 40px;
}
.cellphone-login,.password-login{
    position: relative;
}
.cellphone-login input,.password-login input{
    text-indent: 3rem;
}
.usericon,.passwordicon{
    width: 13px;
    height: 15px;
    position: absolute;
    left: 30px;
    top: 10px;
}
.password-login input{
    background: #eee;
    border: 1px solid #60c0e8;
}
.forget-label{
    position: absolute;
    right: 23px;
    top: 8px;
}
#registBtn,#submitBtn{
    /*width: 45%;*/
}
#submitBtn{
    background: #60c0e8;
    color: white;
    /*margin-top: 40px;*/
    /*margin-bottom: 20px;*/
}
#registBtn{
    background: white;
    color: #60c0e8;
}

/*找回密码*/
.forget-input{
 margin: 10px 0px !important;
}
.code-input,.get-code{
    width: 42%;
}
.get-code{
    background: #60c0e8;
    color: white;
}
#forgetBtn{
    background: #60c0e8;
    color: white;
    margin-top: 20px;
}
.cellphone{
    position: relative;
}
.phone-zone{
    position: absolute;
    top: 18px;
    left: 25px;
    padding-right: 5px;
    border-right: 1px solid gray;
}
.password-label label{
    font-weight: 500 !important;
}
.no-content{
  
    margin-top: 45%;
}
.agent-container input{
    height: 100%;
   font-size: 14px;
   margin-top: 7px;
   border: none !important;
   /*border: 1px solid red;*/
   box-shadow: none !important;
   vertical-align: middle;
}
.agent-container input:focus{
   box-shadow: none !important;
}
.agent-row{
    height: 50px;
    line-height: 50px !important;
    border: 1px solid #eee; 
     background: white;
     font-size: 14px !important;
}
.agent-row6 button{
    background: #3db5e6;
    color: white;
    margin-top: 20px;
    font-size: 14px;
    height: 40px;
}
.agentSuccess-row1{
    background: white;
    margin-bottom: 5px;
}
.agentSuccess-container{
    background: white;
     font-size: 14px;
}
.agentSuccess-container .row{
    height: 70px;
    border-bottom: 1px solid #eee; 
    font-size: 14px;
}
.agentSuccess-container .row img{
    width: 60px;
    height: 60px;
    border-radius: 70px;
    margin-top: 5px;
    border: 1px solid lightgray;
}
.agent-line{
    line-height: 70px !important;
}
.agent-line2{
    height: 50px;
    line-height: 25px;
    /*border: 1px solid red; */
    margin-top: 10px;

}
.color-red{
    color:#fc2828;
}
.color-blue{
    color: #4d94ff;
}
#submitBtn{
    /*width: 100%;*/
}
.code-input{
    width: 100%;
    border: 1px solid red;
}
.field-user-verifycode{
    line-height: 70px;
}
.field-user-verifycode input{
    height: 30px;
    line-height: 50px;
    margin-top:10px;
    width: 60%;

}
#verifyCodeBtn {
    width:80px;
    height: 30px;
    border: 1px solid lightgray;
    color:#666;
    text-align:center;
    text-indent:0;
    border-radius: 5px;
    /*padding: 0px 10px;*/
    float: right;
}
#user-captcha {
    height: 30px;
    margin-top: 10px;


}
.code-img {
    width: 100px;
    height: 40px;
    /*margin-top: -10px;  */
}
.page{
    /*text-align: center;*/
    vertical-align: middle;
}
.wechat-container,.alipay-container {
    background: white;
    text-align: center;
}
.wechat-icon {
    width: 50%;
    height: 50%;
    margin:10px auto;
}
.alipay-icon {
    width: 50%;
    height: 50%;
}
.dimension {
    width: 50%;
    height: 50%;
    /*margin-top: 10px;*/
}
.welcome {
    font-size: 1.5rem;
    /*margin-top: -20px;*/

}
.use-way,.use-flow {
    width: 82%;
    margin: 5px 9%;
    text-align: left;
    line-height: 20px;
    font-size: 1rem;
    /*margin-top: -20px;*/
    margin-bottom: 20px;
}
ol li {
    line-height: 20px;
   }
@media screen and (min-width:320px){
  #verifyCodeBtn {
    width:70px;
}
}