/* login */
.viewport{background:#f6f6f6; }
.loginbar{width:170px; height:44px;background:url(../images/logo.png?t=3) no-repeat center ; background-size: 100% auto; margin: 40px auto; margin-bottom: 10px;}

.form-group01 label span{display: inline-block; position:absolute; right:10px;}
.icon-sj{width: 21px;height:19px; background:url(../images/icon-arrow.png) no-repeat right 5px; background-size:16px;}
.icon-closeeye{ width:42px; height: 38px; background:url(../images/closeeye.png) no-repeat right 0px; background-size:21px;}
.icon-openeye{ width:42px; height: 38px;  background:url(../images/openeye.png) no-repeat right 0px; background-size:21px;}

.form-group01 label{position: relative; background: #ffffff; width:305px; padding: 10px; display: block; margin: 20px auto;}
.form-group01 label i{width: 22px; height:22px; display: inline-block; float:left;}
.form-group01 label input{ border: none; color:#cccccc; }
.form-group01 label code{ padding:0 20px;font-size:14px;}
.form-group01 .icon-user{background: url(../images/icon-user.png) no-repeat center;background-size: 100% auto; }
.form-group01 .icon-key{background: url(../images/icon-key.png) no-repeat center; background-size: 100% auto; }

.btn-tj{width:325px;line-height:44px;background: linear-gradient(#ff8f19,#ff8f19);color: #ffffff;text-align: center; border-style: none;border-radius:6px;font-size: 18px; margin: 12px auto;display: block;}
.loginbg{background: url(../images/bg-text.png) no-repeat center bottom #f6f6f6; background-size:170px;}
/* header */
.ser-header{width: 100%; height:50px; line-height: 50px; padding: 0 10px;   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden;  font-size:1.8rem;  color:#333333;  text-align:center; position:fixed; top:0px; left:0; z-index:1000; }
.ser-header .ser-header-left {left: 15px; top:0px; position: absolute; }
.ser-header .ser-header-left.img01 img{ height:18px; display:inline-block; vertical-align:middle; margin-top:-8px;}
.ser-header .ser-header-right { right:15px; top: 0px; position: absolute;}
.ser-header .ser-header-right.img01 img{ height:22px; margin-left:5px; vertical-align:middle; margin-top:-10px;}
.ser-header .ser-header-right i{ position:absolute; right:-5px; top:8px; background:#fff; border-radius:5px; padding:0px 3px; line-height:14px; font-size:12px; color:#ff412d;}

.ser-header .ser-header-right.wenz-r{ color:#818181;}
.ser-header .ser-header-right.wenz-r a{ color:#818181; font-size:1.2rem;}

/* btfanli */
.wapper{position: relative;}
.tip{ height: 40px; background: #fff3e6; color:#ff8f19;font-size: 12px; line-height: 40px; padding-left: 10px; position: relative;}
.tip a{ height:26px; width:64px; line-height: 26px;border:1px solid #ff8f19; color: #ff8f19;position: absolute; right: 10px; top: 6px; background: #ffffff;border-radius: 15px;}
.tip a span{ display:block; margin:0 auto; padding-left:16px; background: url(../images/kefu.png) no-repeat left center; background-size:12px; width:24px;}
.nonelist{ background: url(../images/nonelist.png) no-repeat center; background-size: 57px; padding-top:100px;font-size:18px; font-weight: bold; text-align: center; color: #999999; width: 150px; margin: 40px auto;}

.question-fanli{ position: absolute; bottom:0px; padding: 20px; width: 100%;box-sizing: border-box;}
.question-fanli .title{ background:#f6f6f6;width:100%;height:34px;line-height: 33px; text-align: center; border-radius:17px;margin: 10px auto; font-size: 14px; font-weight: bold;}
.question-fanli p{font-size: 13px; line-height:22px; color: #818181;}

.fanli-list{}
.fanli-list li{ height:70px;clear: both; padding:15px; border-bottom: 1px solid #eeeeee; position: relative;}
.fanli-list li a.btn-sq{width:50px;border-radius:50%; display:block;border: 1px solid #ff8f19; text-align: center; color: #ff8f19;font-size: 14px;}
.fanli-list li i{display: block; width: 50px;font-size: 12px; text-align: center; color: #999999; padding-top: 2px;}
.fanli-list li img{ height: 70px; width: 70px; margin-right:10px;}
.fanli-list li span{display:block;font-size: 16px; font-weight: bold; padding-bottom: 10px;}
.fanli-list li p{font-size: 12px; color:#999999; line-height: 20px; }

/* btfanli-record */
.fanli-list li a.record{font-size: 12px; padding-right:18px; background: url(../images/btn-link.png) no-repeat right;background-size:10px; display: inline-block; position:absolute; right:20px; top: 42px;color:#999999;}
.fanli-list li a.fontbule{color:#3478f6!important;}

/* form-box */
.form-box{ padding:0px 15px;}
.form-group02 label{position: relative; background: #ffffff; width:100%; padding: 10px 0; display: block; margin: 10px auto;border-radius:6px;font-size: 14px;}
.form-group02 label i{width: 22px; height:22px; display: inline-block; float:left;}
.form-group02 label input{ border: none; color:#333; }
.form-group02 label code{ padding-left:10px; width:60px;display: inline-block;}
.form-group02 label.rightbox{ position: relative;}
.form-group02 label.rightbox div{float: right; height:20px; position:absolute;top:10px; right:10px;line-height:20px;}
.form-group02 .default{ display: inline-block;}
a.btn-del{height:20px;width: 26px; background: url(../images/del.png) no-repeat left center; display: inline-block;background-size: 20px; float: left;}
a.btn-history{ color:#3478f6; position: absolute; right: 10px;}
a.btn-link{height:20px;width:10px; background: url(../images/btn-link.png) no-repeat left center; background-size:20px; display: inline-block;background-size:8px; float: left;}
.textbox{ clear:both;height: 40px!important;padding:5px 0!important;zoom:1;overflow: hidden;}
.textbox code{float: left; height: 40px; display: inline-block; line-height: 40px;}
.textbox textarea{display:inline-block;height:40px;border: 0;width:60%;padding:0 10px;border-radius:6px;color:#333;line-height: 24px;text-align: left; -webkit-transition: all .5s; -moz-transition: all .5s;-o-transition: all .5s; transition: all .5s;}
.btm-tj{ width:100%; height: 44px; line-height: 44px; color: #ffffff; text-align: center; font-size:16px; background:#ff8f19; display: block; margin: 5px auto;border-radius: 5px;}
.m-b30{padding-bottom:10px;}

.showmoney{line-height: 30px;height: 30px; color: #3478f6; text-align: center;font-size:12px;}
.showmoney span{color:#ff0000}

.form-title{ color: #333333; font-size:14px; clear:both; line-height: 15px; margin-top:10px; border-top: 1px solid #eeeeee; padding-top:15px;}
.form-title i{display: inline-block; width:4px; height: 15px; float: left; background: #ff8f19; border-radius: 2px; margin-right: 10px;}
.form-title span{ font-size: 12px;color: #ff0000; display: block; padding:6px 0 0 12px;}

/* props reward */
.btn-save{display: inline-block; background:#ff8f19; width: 62px; height: 26px;font-size:14px; color: #ffffff;line-height:26px; border-radius:13px;position:absolute;top: 12px;right: 0px;}
.tip-list{ padding: 10px 15px; text-align: justify;}
.tip-list li{line-height:18px; padding: 4px 0; clear: both;zoom:1; overflow: hidden;}
.tip-list li span{display: inline-block; float: left; width:16px; border-radius:50%; text-align: center; font-size: 12px; margin-right: 4px;}

.textbule li{color: #3478f6;}
.textbule li span{color:#ffffff; background: #1e4ff7;}

.textbox02{ width:90%; margin:10px auto;display: block; padding: 0 10px; height: 170px;}
.textbox02 textarea{display:inline-block; background:#ffffff;border:0;width:92%;padding:5px 4%; height: 160px;border-radius:6px;color:#333;line-height: 24px;text-align: left; -webkit-transition: all .5s; -moz-transition: all .5s;-o-transition: all .5s; transition: all .5s;}

/* base state */
.mianbox{ text-align: center; margin-top: -5px; color: #ffffff;zoom:1;overflow: hidden;}
.state{ height:20px; font-size:12px; width:80px; margin: 0 auto; border-radius: 10px;line-height: 20px;}
.state p{color:#ffffff;}


.bigtitle span{display: block; font-size: 30px; padding-top:16px;}
.bigtitle i{color: #fff000; line-height: 24px; font-size: 13px; display: block;}

.examinegame-list{ padding:15px 15px;}
.examinegame-list li{ padding:8px 0; line-height: 22px; position: relative; clear: both;zoom:1;overflow: hidden;}
.examinegame-list li span{position: absolute;left:0;  display: block;  background: #f6f6f6; color:#999999; height: 22px; border-radius: 11px; width: 80px; text-align: center; margin-right: 5px;}
.examinegame-list li p{float: left; padding-left: 90px; line-height: 22px; font-size:14px;}

/* wait-examine */
.waitexaminebg{background:url(../images/wait-examinebg.png)  no-repeat center top #f2f2f2; background-size: 100% 100%;}
.waitexaminebg .ser-header{ color: #ffffff;}

.waitexamine{background:url(../images/wait-examine.png)  no-repeat center top; background-size:100% 100%; padding-top: 28px;}
/* 兼容浏览器透明背景 */
.waitexamine .state{background-color: rgba(43,91,226,0.33);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
    .waitexamine .state{
        background: #2b5be2;
        filter:Alpha(opacity=33);
        position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
        *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
    }
    .waitexamine .state p{
        position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
    }
}
/* 兼容浏览器透明背景end */

.textpurple{ padding: 10px 8% 38px 8%!important;}
.textpurple li{color: #dcdfff;font-size: 13px;}
.textpurple li span{color:#737df0; background: #dcdfff;font-size: 10px;}

/* complete */
.completebg{background:url(../images/completebg.png)  no-repeat center top #f2f2f2; background-size: 100% 100%;}
.completebg .ser-header{ color: #ffffff;}

.complete{background:url(../images/complete.png)  no-repeat center top; background-size:100% 100%; padding: 28px 0 46px 0;}
.complete .state{background: #f98734;}

/* acceptance */
.acceptancebg{background:url(../images/acceptancebg.png)  no-repeat center top #f2f2f2; background-size: 100% 100%;}
.acceptancebg .ser-header{ color: #ffffff;}

.acceptance{background:url(../images/acceptance.png)  no-repeat center top; background-size:100% 100%; padding: 28px 0 42px 0;}
/* 兼容浏览器透明背景 */
.acceptance .state{background-color: rgba(245,51,85,0.45);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
    .acceptance .state{
        background: #6173eb;
        filter:Alpha(opacity=45);
        position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
        *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
    }
    .acceptance .state span{
        position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
    }
}
/* 兼容浏览器透明背景end */

.textred{ padding: 10px 8%!important;}
.textred li{color: #ffd7db;font-size: 13px;}
.textred li span{color:#f53a54; background: #ffd7db;font-size: 10px;}

.acceptance p{padding:0 8%; color: #fff000; font-size: 12px; text-align: justify; line-height: 20px;}

.fontred{ color:#ff0000;}

/* application-failure */
.application-failurebg{background:url(../images/application-failurebg.png)  no-repeat center top #f2f2f2; background-size: 100% 100%;}

.application-failure{background:url(../images/application-failure.png)  no-repeat center top; background-size:100% 100%; padding: 28px 0 38px 0;}
.application-failure .state{background:#d2d2d2;}
.application-failure .state p{color: #818181!important;}

.application-failure .bigtitle span{color:#333333!important;}

.application-failure p{padding:10px 8%; color: #ff0000; font-size: 12px; text-align: justify; line-height: 20px;}

.textgray{ padding:0px 8%!important;}
.textgray li{color: #818181;font-size: 13px;}
.textgray li span{color:#ffffff; background: #818181;font-size: 10px;}

/* request-withdraw */
.request-withdraw{background:url(../images/request-withdraw.png)  no-repeat center top; background-size:100% 100%; padding: 28px 0 30px 0;}
.request-withdraw .state{background: #d2d2d2;color: #818181!important;}

.request-withdraw .bigtitle span{color:#333333!important;}
.request-withdraw p{padding:5px 8%; color: #777777; font-size: 12px; line-height: 20px;}

/*弹框*/
.cover{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    z-index:99; display:none;
}

.cover-50 {
    position: fixed;
    top:-1000px;
    left: 50%;
    z-index: 1002;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.topA{ top: 50%; transition: all 0.5s;
    -moz-transition: all 0.5s;	/* Firefox 4 */
    -webkit-transition: all 0.5s;	/* Safari 和 Chrome */
    -o-transition: all 0.5s;	/* Opera */}

.choosebox{ width:88%;border-radius:6px; background: #ffffff;}
.choosetitle{background:#ff8f19; color:#ffffff; text-align: center;line-height:40px; font-size: 18px; border-radius: 6px 6px 0px 0px;}
.choosebox a.btn-qd{ height:45px;line-height: 45px; text-align: center;display:block; font-size:16px;color: #ff8f19;}

.choose-list{zoom:1;overflow: hidden;}
.choose-list li{position: relative; padding:15px 20px;zoom:1;overflow: hidden; border-bottom: 1px solid #eeeeee;}
.choose-list li div{float: left; width:80%;}
.choose-list li div span{ padding:2px 5px;border-radius: 6px;}
.choose-list li div p{ padding-top:5px; display: block;}
.choose-list li a{position: absolute;right:10px; top: 30px; display: block; width: 18px; height: 18px;}


.choose-list li.choose span{ background: #666666;color: #ffffff;}
.choose-list li.choose p{ color: #666666;}
.choose-list li.choose a{background:url(../images/choose.png)  no-repeat;background-size:18px;}

.choose-list li.choose-no span{ background: #cccccc;color: #ffffff;}
.choose-list li.choose-no p{ color:#cccccc;}
.choose-list li.choose-no a{background:url(../images/choose-no.png)  no-repeat;background-size:18px;}