@charset "utf-8";
/* CSS Document 阿 泽 源 码 网 w w w . l y z w l k j . v i p*/
html { height: 100%; font-size:68.8%;}

* { margin: 0; padding: 0; list-style: none; font-style: normal;}
body, a, input { color:#333; font-size:12px;  font-family: "Microsoft Yahei", "Droid Sans Fallback", "Arial", "Helvetica", "sans-serif", "宋体"; color:#333; font-size:12px; }
h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form, img, p, div {margin: 0; padding: 0;border: none; list-style-type: none; font-weight: normal;}
input, textarea, select, label {font-family: inherit; font-size: inherit; font-weight: inherit;}

a{text-decoration:none;color: #666; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none;}<!--手机点击时，灰色阴影-->
a:focus{color: #666;}

img {border: 0; display:inline-block; max-width: 100%;}
input, textarea, select, label {font-family: inherit; font-size: inherit; font-weight: inherit;}


input[type="button"], input[type="text"], input[type="submit"], input[type="password"], input[type="search"], input[type="email"], input[type="number"], input[type="phone"], button, select, textarea{
	-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;
	-webkit-box-shadow: none; 
	box-shadow: none; outline:none;
}
*:focus {outline: none}/*表单蓝色边框、虚线框*/
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: rgb(250, 255, 189);
    background-image: none;
    color: rgb(0, 0, 0);
} /*pc 黄色边框*/


.d_c { margin-left: auto; margin-right: auto;}
.hidden { display: none !important;}
.clear{ clear:both; height:0x; display:block; overflow:hidden;}
.fl{ float:left !important;}
.fr{ float:right !important;}


/*自定义*/

.c-zise{color:#9381f1 !important}
.c-zise a{color:#9381f1 !important;}
a.c-zise{color:#9381f1 !important;}


.blue{color:#0066ff !important}
.blue a{color:#0066ff !important;}
a.blue{color:#0066ff !important;}

.blue-q{color:#3399ff !important}
.blue-q a{color:#3399ff !important;}
a.blue-q{color:#3399ff !important;}

.c-org{color:#ff7200 !important;}
.c-org a{color:#ff7200 !important;}
a.c-org{color:#ff7200 !important;}

.c-be{color:#bebebe !important;}
.c-be a{color:#bebebe !important;}
a.c-be{color:#bebebe !important;}

.cb1{color:#1b1b1b !important;}
.cb1 a{color:#1b1b1b !important;}
a.cb1{color:#1b1b1b !important;}

.c3{color:#333 !important;}
.c3 a{color:#333 !important;}
a.c3{color:#333 !important;}

.c65{color:#656564 !important; } 
.c65 a{color:#656564; }
a.c65{color:#656564;}

.c65-b{color:#656564 !important; text-decoration:underline;} 
.c65-b a{color:#656564; text-decoration:underline;}
a.c65-b{color:#656564; text-decoration:underline;}

.c6{color:#666 !important;}
.c6 a{color:#666;}
a.c6{color:#666;}

.c6-b a{color:#666; text-decoration:underline;}
a.c6-b{color:#666; text-decoration:underline;}

.c9{ color:#999;}

.c-red{ color:#ff2626  !important;}
.c-red a{ color:#ff2626  !important;}
a.c-red{ color:#ff2626  !important;}
a.c-red-b{ color:#ff2626  !important; text-decoration:underline;}

.fs13{ font-size:1.3rem !important;}
.fs14{ font-size:1.4rem !important;}
.fs15{ font-size:1.5rem !important;}
.fs18{ font-size:1.8rem !important;}
.fs20{ font-size:2rem !important;}

.mtb5{ margin:3px 0;}
.mr7{ margin-right:7px;}
.ml10{ margin-left:10px;}
.mt10{ margin-top:10px !important;}
.mt15{ margin-top:15px !important}
.mt25{ margin-top:25px !important}
.m20{ margin:20px;}
.m25{ margin:25px;}
.mt30{ margin-top:30px;}
.mb15{ margin-bottom:15px;}

.viewport-yh{
    max-width: 640px;
    margin: 0 auto;
    padding-top: 50px;  padding-bottom:90px;
}
.viewport-login{
    max-width: 640px;
    margin: 0 auto;
    padding-top: 50px;
}
.bge9{ background:#e9e9e9;}
.bgf6{ background: #f6f6f6;}

.border-t1{ border-top:1px solid #d7d7d7 !important;}
.border-b1{ border-bottom:1px solid #d7d7d7 !important;}
.border-b5{ border-bottom:5px solid #e9e9e9 !important;}
.border-b7{ border-bottom:7px solid #e9e9e9 !important;}
.border-b10{ border-bottom:10px solid #e9e9e9 !important;}
/*end 定义*/

/*小图片*/
.little-img-l{ width:20px; margin:-5px 5px 0 0; vertical-align:middle;}
.little-img-r{ width:20px; margin:-5px 0 0 5px; vertical-align:middle;}
/*end 小图片*/

/*暂无*/
.zanwu-img img{ width:100%; margin:20% 0 20px 0;}
.zanwu-img p{ font-size:1.4rem; text-align:center;}
.zanwu-img p a{ font-size:1.4rem;}
/*end 暂无*/

/*header*/
.header-list{ color:#656564; font-size:1.8rem;} 

.ser-header {
	width:100%; height:50px; line-height:50px; font-size: 1.8rem;  color: #333;
    padding-left: 10px;
    padding-right: 10px;
	box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center; background:#f6f6f6;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10;
}
.ser-header.border-b1:after{      content: "";  position: absolute;
    left:0px;
    bottom:-2px;
    content: "";
    width: 100%;
    height: 1px; background: #fff;}

.ser-header .ser-header-left {left: 15px; top:0px; position: absolute; }
.ser-header .ser-header-left.img01 img{ height:20px; display:inline-block; vertical-align:middle ; margin-top:-5px;}


.ser-header .ser-header-right { right:15px; top: 0px; position: absolute;}
.ser-header .ser-header-right.wenz-r{ color:#333;}
.ser-header .ser-header-right.wenz-r a{ font-size: 1.6rem; color:#656564;}
.ser-header .ser-header-right.img01 img{ height:15px; display:inline-block; vertical-align:middle; margin-top:-5px;}

.login-p{ color:#ff3300; font-size:1.5rem;text-align: center;}
/*end header*/

/*foot*/
.ser-foot{ background:#fff; height:55px; position:fixed; bottom:0px; left:0px; width:100%; z-index:101; box-shadow:0px -2px 1px #f4efef; -webkit-box-shadow:0px -2px 1px #f4efef;}
.ser-foot a{ font-size:1.3rem; display:inline-block; width:33.3333%; text-align:center; float:left; color:#999999; line-height:1.6rem; margin-top:7px; font-weight:normal;}
.ser-foot .icon-01{ background:url(../images/foot-icon01.png) no-repeat; background-size: 25px auto;}
.ser-foot .icon-02{ background:url(../images/foot-icon02.png) no-repeat; background-size: 25px auto;}
.ser-foot .icon-03{ background:url(../images/foot-icon03.png) no-repeat; background-size: 25px auto;}
.ser-foot a.hover .icon-01{ background:url(../images/foot-icon01-in.png) no-repeat; background-size: 25px auto;}
.ser-foot a.hover .icon-02{ background:url(../images/foot-icon02-in.png) no-repeat; background-size: 25px auto;}
.ser-foot a.hover .icon-03{ background:url(../images/foot-icon03-in.png) no-repeat; background-size: 25px auto;}
.ser-foot a i{ width:25px; height:25px; display:inline-block;}
.ser-foot a.hover{ color:#ff7200;}
/*end foot*/

/*登录*/
.logo{  background:url(../images/logo.png) no-repeat center center; background-size:auto 25px; height: 28px;width: 100%;}
.login-main {
    padding: 0 20px;
}
	/*账号注册 div包围*/
.form-group{ border-radius: 5px;  background: #fff; margin-top:20px; box-shadow:0 0 3px 3px #eee; -webkit-box-shadow:0 0 3px 3px #eee; padding:0 5px;}    
.form-group > div{display: block;  height:24px; line-height:24px; padding: 15px 0; border-bottom:1px solid #eeeeee;  }	
.form-group > div:last-child{ border-bottom: 0;}
	/*账号注册 div包围*/
.form-group > div ::-webkit-input-placeholder { /* WebKit browsers */ 
color: #bcbdbc; font-size:16px; 
} 
.form-group > div :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #bcbdbc;  font-size:16px; 
} 
.form-group > div ::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #bcbdbc;  font-size:16px; 
} 
.form-group > div :-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #bcbdbc; font-size:16x; 
} 

	/*input-缓存*/
.input-xl{ width:100%; position:absolute; top:44px; left:0px; background:rgba(237,237,237,.9); box-sizing:border-box;  color:#999; z-index:1000; border-radius:6px;}
.input-xl ul{ overflow-y:auto; max-height:120px; padding-bottom:5px;}
.input-xl ul li{ width:100%; line-height:30px; display:inline-block; width:94%; margin-left:3%; border-bottom:1px solid #dbdbdb; box-sizing:border-box;}
.input-xl ul li b{ background:url(../images/icon-delete.png) no-repeat 100% center; background-size:20px; width:20px; height:20px;  cursor:pointer;
 float:right; margin-top:5px;}
	/*end input-缓存*/

.form-group input,.form-group select{  border-style: none;background: none; width:65%; height:24px; line-height:24px; font-size:16px;}
.form-group select{ width:85%; -webkit-appearance: none; color:#333; font: 13.3333px Arial;}
.form-group .iphone-in{  font-size:1.5rem; float:left;}
.form-group .iphone-in span{ color:#666;}
.form-group .iphone-in a{ font-size:1.5rem; color:#666;}

	/*label 左边文字*/
.form-group code{ width:85px; height:100%; line-height: 24px; margin-right: 5px; float:left; text-align:center; display:block; font-size:16px; color:#333;}	
	/*end label左边文字*/	

	/*label 左边小图标*/
.form-group > div{position: relative;}
.form-group > div > i{width:50px; height:100%; float:left; display: inline-block;   vertical-align:middle;}

.icon-user{background: url(../images/icon-user.png) no-repeat center;background-size:20px auto;}
.icon-lock{background: url(../images/icon-lock.png) no-repeat center;background-size:16px auto;}
.icon-user-02{background: url(../images/icon-user-02.png) no-repeat center;background-size:auto 22px ;}
.icon-lock-02{background: url(../images/icon-lock-02.png) no-repeat center;background-size:auto 20px ;}
.icon-user-03{background: url(../images/icon-user-03.png) no-repeat center;background-size:auto 20px ;}
.icon-lock-03{background: url(../images/icon-lock-03.png) no-repeat center;background-size:auto 20px ;}
	/*end label 左边小图标*/
	
	/*label 右边小图标*/	
.form-group > div > span{ width:25px;height: 25px; display: inline-block; position:absolute; right:12px; top:10px;}
.icon-sj {
    background: url(../images/icon-sj.png) no-repeat  center 15px;
    background-size: 15px;
}	
.icon-open {
    background: url(../images/icon-open.png) no-repeat 100% 7px;
    background-size:25px auto;
}
.icon-colse{
    background: url(../images/icon-colse.png) no-repeat 100% 11px;
    background-size:25px auto;
}

.icon-no{
    background: url(../images/icon-no.png) no-repeat center 10px;
    background-size:15px auto;
}
	/*end label 右边小图标*/

	/*获取验证码*/
.icon-forget{ position:absolute; right:12px; top:9px; width:85px; height:30px; line-height:30px; background:#ff8f19; text-align:center; border-radius:3px;}
.icon-forget a{ font-size:1.4rem; color:#fff; text-decoration:none;}
.icon-forget.bg-ca{ background: #cacaca;}
	/*end 获取验证码*/


.btn{width: 100%;line-height: 44px;background: #ff8f19; box-shadow:0 0 4px 1px #d8f0ef; color: #fff;text-align: center;border-style: none;border-radius:5px;font-size: 1.8rem; }	
	/*btn 下面*/
.remeber{ width:100%;}	
.remeber a{ display:inline-block;}
	/*end btn 下面*/	
/*end 登录*/

/*SDK-我的礼包*/
.pack{ margin: 0 20px;}	
.pack .center-box .media-img { padding-top: 5px;
    width:19%;
    text-align: left;
}
.pack .center-box .media-img img {
    width:85%;
    border-radius: 12px;
    display:inline-block;
}
.center-box{ padding:15px 0; width:100%;  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; display: table; position:relative;}		  	 
.center-box > div {
    display: table-cell;
    vertical-align: middle;
}
.center-box .media-img {
    width:70px;
    text-align: left;
}
.center-box .media-img img {
    width:70%;
    border-radius: 12px;
    display:inline-block;
}
.center-box .med-center h4{ font-size:1.5rem; font-weight:bold;}	

.center-box .med-center p.jianjie{           display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow:ellipsis;
    overflow: hidden; width:75%; height:14px; line-height:14px;}
.center-box .med-center p{ color:#999; font-size:1.3rem;}
.center-box .med-center p a{ color: #999; font-size:1.3rem;}
.center-box .med-center p img{ width: 10px; vertical-align: middle; margin: -2px 3px 0 0 ;}
.center-box .med-right{ width:60px; text-align:left; position: absolute; top:30px; right:0px;}
.center-box .med-right button{ width:60px; border-radius:6px; text-align:center;  font-size:15px; line-height:30px; background:#fff; color:#ff8f19; border:1px solid #ff8f19;}

    /*提示*/
.h6-tishi{ margin:35px;     font-size: 1.2rem;
    color: #999; text-align: center;}
.h6-tishi img{ height: 4px; vertical-align: middle; margin: 0 5px;}
    /*end 提示*/
/*end SDK-我的礼包*/


/*SDK-消费记录*/
.news-jl{ margin:15px 12px 0 12px;}
.news-jl li{ font-size:1.2rem; line-height:2.2rem; padding:10px 35px 10px 15px; overflow:hidden; position:relative; 
    border-radius: 5px;
    background: #fff;
    margin-bottom:10px;
    box-shadow: 0 0 3px 3px #eee;
    -webkit-box-shadow: 0 0 3px 3px #eee; position: relative;

}
.news-jl li:after{    position: absolute;
    right: 15px;
    top:40%;
    content: "";
    width:10px;
    height:10px;
    border-left: 1px solid #c7c7cb;
    border-top: 1px solid #c7c7cb;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);}
.news-jl li .news-jl-r{ text-align:right;}
/*end SDK-消费记录*/

/*SDK-消费记录-明细*/
.news-mx{ width:100%; padding:0 20px; box-sizing:border-box; -webkit-box-sizing:border-box; }
.news-mx p{ color:#666;font-size: 3.6rem; width: 100%; text-align: center; margin:6% 0 8% 0;}
.news-mx ul li{  font-size:1.5rem; color:#777; line-height:4rem; border-bottom: 1px solid #f1f0f0; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; overflow:hidden;}
.news-mx ul li:first-child{ border-bottom: 1px solid #d7d7d7;}
.news-mx ul li:last-child{ border-bottom: 0;}
.news-mx ul li.border-b1{ padding-bottom:5px; margin-bottom:5px;}
.news-mx ul li .text-r{ text-align:right; color: #999;}

.news-mx .mx-xx ul li span i{ margin-left: 5px;}

.kefu{ position:fixed; bottom:10px; left:0; width:100%; text-align:center; font-size:1.2rem; color:#999;}
/*end SDK-消费记录-明细*/



/*SDK-找回登录密码*/
.lianxi-qt{ width:100%; text-align:center;}
.lianxi-qt a{ margin:0 10px; text-align:center; display:inline-block; font-size:1.5rem;}
.lianxi-qt a span{ font-size:1.2rem;  width:55px; height:55px; background: #fff; text-align:center; display:inline-block;   border-radius:50%; margin-bottom:5px;}
.lianxi-qt a span img{ height:40px; margin:7px 0 0 0;}
/*SDK-找回登录密码 end */

/*SDK-充值金币币*/
.charge-input{ margin: 0 20px; overflow: hidden;}
.input-box{ float: left; font-size:16px; padding:15px 0 15px 0;  box-sizing:border-box; -webkit-box-sizing:border-box; display:inline-block;}
.input-box em{  color: #666;}
.input-box em img{ width: 17px; margin:-2px 3px 0 0; vertical-align: middle;}

.charge-num{ width: 100%; overflow: hidden;}
.charge-num p,.charge-form p{ line-height:3rem; background:#e9e9e9; color:#999999; font-size:1.2rem; padding:0 0 0 20px;}
.charge-num ul{ padding:0 10px 0 20px; overflow:hidden;}
.charge-num ul li{ width:33.333%; float:left; margin-bottom:10px; }
.charge-num ul li.active a{ background:#ff8f19; color: #fff;}
.charge-num ul li a{ margin:0 10px 0 0; display:block; background:#fff; text-align:center; border-radius:5px; padding:10px 0; font-size:15px;  color:#666;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 3px 3px #eee;
    -webkit-box-shadow: 0 0 3px 3px #eee;
}
.charge-num  label.num-text{  padding:10px 0 10px 0px; color:#666;  font-size:16px; line-height: 24px;  text-align:center; background: #fff;    margin: 0 20px 20px 20px; display:block; 
    border-radius: 5px;
    box-shadow: 0 0 3px 3px #eee;
    -webkit-box-shadow: 0 0 3px 3px #eee;
}
.charge-num  label.num-text input{ border:0; width: 100%; line-height: 24px; background:none; text-align:center; font-size: 1.5rem;}

.charge-num  label ::-webkit-input-placeholder { /* WebKit browsers */ 
color: #999;   font-size:16px;
} 
.charge-num  label :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #999;   font-size:16px;
} 
.charge-num  label ::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #999;   font-size:16px;
} 
.charge-num  label :-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #999;   font-size:16px;
} 



.charge-form{ background:#fff;}
.charge-form ul li{ border-bottom:1px solid #eee; padding:15px 10px; position:relative; color:#666666; font-size:1.4rem;}
.charge-form ul li:last-child{ border-bottom:0;}
.charge-form .icon-pay1,.charge-form .icon-pay2,.charge-form .icon-pay3{ width:30px; height:30px; display:inline-block; vertical-align:middle; margin:-4px 5px 0 0;}
.charge-form .icon-pay1{ background:url(../images/pay02.png) no-repeat; background-size:30px auto;}
.charge-form .icon-pay2{ background:url(../images/pay01.png) no-repeat; background-size:30px auto;}
.charge-form .icon-pay3{ background:url(../images/pay03.png) no-repeat; background-size:30px auto;}
.charge-form .icon-checked{ width:25px; height:25px; background:url(../images/icon-checked.png) no-repeat; background-size:25px auto; position:absolute; top:17px; right:10px;}
.charge-form ul li.active .icon-checked{ background:url(../images/icon-checked-in.png) no-repeat; background-size:25px auto}


.charge-form02{ margin:0 10px 25px 20px; overflow: hidden;}
.charge-form02 ul li{  width:50%; float: left;}
.charge-form02 ul li a{ margin:0 10px 0 0; display: block;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 3px 3px #eee;
    -webkit-box-shadow: 0 0 3px 3px #eee;
    padding:10px 0; overflow: hidden; border:1px solid #fff; text-align: center; color:#666666; font-size:1.4rem; 
}
.charge-form02 .icon-pay1,.charge-form02 .icon-pay2{ width:30px; height:30px; display:inline-block; vertical-align:middle; margin:0px 5px 0 0;}
.charge-form02 .icon-pay1{ background:url(../images/pay02.png) no-repeat; background-size:30px auto;}
.charge-form02 .icon-pay2{ background:url(../images/pay01.png) no-repeat; background-size:30px auto;}
.charge-form02 ul li a.active{ border:1px solid #ff8f19; color: #ff8f19;}


    /*提示*/
.pay-tishi{ margin:0 20px; }   
.pay-tishi p{ font-size: 1.2rem; color: #666; line-height:1.6rem;} 
.pay-tishi p b{ font-weight: bold; font-size:2.4rem; vertical-align:middle;}
/*end SDK-充值金币币*/

/*SDK-支付*/
.pay-list,.charge-form{ margin:0 20px;}
.pay-list ul,.charge-form ul{
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 3px 3px #eee;
    -webkit-box-shadow: 0 0 3px 3px #eee;
    padding: 0 5px; overflow: hidden;
}    
.pay-list ul li{ border-bottom:1px solid #eee; padding:10px; font-size:1.4rem;  position:relative; }
.pay-list ul li span,.pay-list ul li s{ color:#999; float:right; font-size:1.4rem; }
.pay-list ul li i.yhj-i{ border-radius: 3px; border:1px solid #ff2626; padding:1px 3px; margin-left: 4px; font-size:11px !important; line-height: 11px; position: absolute; top:30%; left:23%;}
.pay-list ul li.sanj-r:after{    position: absolute;
    right: 5px;
    top: 37%;
    content: "";
    width: 10px;
    height: 10px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);}

h6.title01{ display:inline-block; line-height:4.4rem;  color: #666; font-weight:bold; font-size:1.5rem; text-align:left; margin:0 20px; display: block;}
h6.title01 span{ font-weight: normal;}
    /*弹框*/
.youhuij-box{ width:100%; position:fixed; top:0;  z-index:1000; padding:53px 0 0 0; background:#f6f6f6; right:-1000px; transition:all 0.5s;}
.youhuij-box .xz-header{ right:-1000px; transition:all 0.5s;}
.main-box{ overflow:auto;}
.zanwu{ line-height:10rem; text-align:center; color:#999; font-size:1.5rem;}
h4.yhj-h4{ text-align:center; font-size:1.2rem; color:#999; width:100%; position:relative;}
h4.yhj-h4:before {
    display: inline-block;
    position: absolute;
    left:0%;
    top: 7px;
    content: "";
    width:28%;
    height: 1px;
    background: #c7c7cb;
}
h4.yhj-h4:after {
    display: inline-block;
    position: absolute;
    right:0%;
    top: 7px;
    content: "";
     width:28%;
    height: 1px; background: #c7c7cb;}
	

.youhj-no{ width:100%; padding:10px 20px; box-sizing:border-box; -webkit-box-align:border-box;  position:fixed; bottom:0; right:-1000px; transition:all 0.5s; }	
.youhj-no a{ width:100%; padding:10px 0; display:block; box-shadow:0 0 3px 3px  #eee; background:#fff; text-align:center; font-size:1.5rem; color:#666; border-radius:4px;}    
	/*end 弹框*/	
/*end SDK-支付*/




/*SDK-用户中心*/
    /*账号*/
.top-box{ padding:15px 20px;}  
.top-box .media-img img{ width:55px; border-radius:50%; } 
.top-box .med-center h4{ color: #666; font-size: 1.6rem; font-weight: normal; margin:0 0 2px 0;}    
.top-box .med-center p{ font-size: 1.4rem; line-height:24px; height: 24px; padding: 0 0 0 14px;}
.top-box .med-center p.iphone-wei{ color: #ff3300; background:url(../images/icon-yh.png) no-repeat left center; background-size: 4% auto;}
.top-box .med-center p.iphone-yi{ color: #999999; background:url(../images/icon-yh-in.png) no-repeat left center; background-size: 4% auto; }
.top-box .med-right{ width:auto; right:20px !important; top:32px !important;}   
.top-box .med-right a{ font-size: 1.6rem;}
    /*end 账号*/
.game-pack .med-right button{ background:#2acfc8;}

.nav-list{ width:100%; display:table;}
.nav-list ul li{ width:50%; float:left; line-height:4rem; text-align:center; font-size:1.5rem; background:#fff; position:relative;}
.nav-list ul li.in{ background:#2acfc8; color:#fff;}
.nav-list ul li.in:before {
content: ""; 
position:absolute; bottom:-4px; left:48%;        
width: 0;
height: 0;
border-top:4px solid #2acfc8; 
border-left:4px solid transparent;
border-right:4px solid transparent;
}

.little-number{     padding: 0 20px;
} 
.little-number ul {    border-radius: 5px;
    background: #fff;
    margin-bottom: 15px;
    box-shadow: 0 0 3px 3px #eee;
    -webkit-box-shadow: 0 0 3px 3px #eee;
    padding: 0 5px;
}
.little-number ul li{ padding:12px 20px 12px 7px; color:#666; font-size:1.4rem; line-height:26px; position:relative; border-bottom:1px solid #e9e9e9;background:#fff;}
.little-number ul li:last-child{ border-bottom:none;}
.little-number ul li span{ font-size:1.4rem; line-height:26px; margin:0 5px 0 0; color:#999; display: inline-block;}
.little-number ul li img{ width:8%; vertical-align: middle; margin: -3px 7px 0 0;}
.little-number ul li b{ font-weight: normal; width: 70%; display: inline-block; white-space:nowrap;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;height:2.6rem; line-height: 2.6rem; font-size: 1.4rem;}

.little-number ul li:after{
    position: absolute;
    right: 10px;
    top:21px;
    content: "";
    width:7px;
    height:7px;
    border-left: 1px solid #c7c7cb;
    border-top: 1px solid #c7c7cb;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
/*end SDK-用户中心*/

/*SDK-小号管理*/
.add-xiaoh-yh{ border-bottom: 1px solid #d7d7d7; height: 6rem; line-height: 6rem; font-size: 1.6rem; margin: 0 20px;}
.add-xiaoh-yh a{ font-size: 1.6rem;}

.add-xiaoh{ margin: 0 20px;}
.add-xiaoh h5.xiaohao{ font-size:1.6rem; display: block; height: 60px; line-height: 60px;}
.add-xiaoh h5.xiaohao img{ width: 18px; vertical-align: middle; margin: -5px 5px 0 5px;}
.add-xiaoh h5.xiaohao a{ font-size: 1.4rem; line-height: 20px;  margin-top: 12px; padding:1% 3px; color: #fff; border-radius: 3px; background: #ff8f19; width: 60px; text-align: center; display:table; }
.add-xiaoh .tishi{ text-align:left; font-size:1.3rem; width:100%; color:#999999; margin-bottom: 10px;}
/*end SDK-小号管理*/

/*SDK-优惠劵*/
.shangc-main {
    width: 100%;
    padding: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.youhj-tihsi{ color:#ff3b3b; font-size:1.3rem; background:#fff;  width:100%; line-height:3rem; text-align:center;}	

.sc-youhj{ width:100%; position:relative; margin-bottom:10px;}	
.sc-youhj .jy-bj01{ width:100%;}
.sc-youhj .sc-youhj-r{ width:30%;  padding-right:2%;  padding-top:7.5%; position:absolute; left:0px; top:0;}
.sc-youhj .sc-youhj-r .yhj-rmb{  text-align:center; color: #fff; }
.sc-youhj .sc-youhj-r .yhj-rmb i{ width:80%;display: inline-block; margin-top:5px;   text-align: center;  color: #fff;    border-radius: 5px;}

.sc-youhj .sc-youhj-l{ width:68%;  position:absolute; right:0px; top:0;text-align:left;}
.sc-youhj .sc-youhj-l .time{ padding-left:5px; }
.sc-youhj .sc-youhj-l .time b{ display:block; margin-bottom:5px; line-height:18px;}
.sc-youhj .sc-youhj-l i span{ border-radius:10px; font-size:11px !important; padding:3px 4px; margin:0 3px 0 0;  line-height: 11px; float:left; text-indent:0px;  font-weight:normal; display:block;}
.sc-youhj .sc-youhj-l .bg-red{  background:#fd5557; color: #fff; }
.sc-youhj .sc-youhj-l .bg-yellow{ background:#ff8f19; color: #fff;}
.sc-youhj .sc-youhj-l .time i{ line-height:1.2rem; width:100%; display:inline-block; position:relative; text-indent:8px; }
.sc-youhj .sc-youhj-l .time i:before {
    display: inline-block;
    position: absolute;
    left: 0;
    top:3px;
    content: "";
    width:4px;
    height:4px;
    background: #ccc; border-radius:50%;
}
.sc-youhj .sc-youhj-l .biaos{ position:absolute; right:0px; top:0px}
.sc-youhj .sc-youhj-l .biaos{ width:45px;}
.sc-youhj .sc-youhj-l .fangfa{ position:absolute; right:15px; bottom:0px; color:#2acfc8; font-size:1.1rem;}

.sc-youhj i.ing-yhj{  box-sizing:border-box; -webkit-box-align:border-box; background:url(../images/yhj-ing.png) no-repeat 96% 78%; background-size:22px auto; display:inline-block; position:absolute; right:0px; bottom:0px; z-index:1000; }
.sc-youhj i.ing-yhj.in{   background:url(../images/yhj-ing-in.png) no-repeat  96% 78%; background-size:22px auto; }

	/*失效的优惠劵*/
.sc-youhj-sx .sc-youhj-r .yhj-rmb{ color: #fff; }
.sc-youhj-sx .sc-youhj-r .yhj-rmb i{ color: #fff;  }
.sc-youhj-sx .sc-youhj-l .time{ color:#ccc;}
.sc-youhj-sx .sc-youhj-l .time i{ color:#ccc; }
.sc-youhj-sx .sc-youhj-l .fangfa{  color:#ccc;}
.sc-youhj-sx .sc-youhj-l .bg-c{ background: #ccc; color:#fff;}
/*end SDK-优惠劵*/

/*客服中心*/
.rmb-pints{ position:relative; z-index:1; background:#fff; }
.rmb-pints img{ width:100%;}
.rmb-pints i{ width:25px; height:25px; position:absolute; top:15px; left:15px; display:inline-block; background:url(../images/head-back.png) no-repeat; background-size:25px auto;}

.main-kefu01,.main-kefu02{ color:#333; border-radius:15px; background:#fff; box-shadow:0px 0px 15px #bbe4ff; margin:0 5%; overflow:hidden;}
.main-kefu01 img,.main-kefu02 img{ margin-right:12px; float:left;}
.main-kefu01{ padding:4% 5%; margin-top:-15%; margin-bottom:15px; position:relative; z-index:2;}
.main-kefu01 ul li{ line-height:35px; font-size:1.2rem; width:100%;}
.main-kefu01 ul li a{ color:#000; font-size:1.2rem;}
.main-kefu01 ul li img{ width:16px; margin-top:12px;}
.main-kefu01 ul li button{ background:#0099ff; color:#fff; padding:5px 5%; border-radius:6px; border:none; float:right; margin-top:5px;}
.main-kefu02 ul li{ font-size:1.3rem; background:url(../images/set-icon01.png) no-repeat 95% center; background-size:12px auto; padding:4% 5%; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; border-bottom:1px solid #ccc; overflow:hidden;}
.main-kefu02 ul li:last-child{ border-bottom:0px;}
.main-kefu02 ul li img{ width:35px; margin-top:1%;}
.main-kefu02 ul li p{ float:left;}
.main-kefu02 ul li span{ color:#999; font-size:1.1rem;}
/*end 客服中心*/

/*SDK-客服-问题反馈*/
.mb10 {
    margin-bottom: 10px;
}
.mt20 {
    margin-top: 20px;
}
.mb20 {
    margin-bottom: 20px;
}
.padding5 {
    padding-left: 5%;
    padding-right: 5%;
}
.border-t5 {
    border-top: 5px solid #e6e6e6;
    padding: 20px !important;
}
.color-red {
    color: #f01a2e;
}

.cf{ color:#fff !important;}
.cf a{ color:#fff !important; text-decoration:none;}
a.cf{ color:#fff !important; text-decoration:none;}

.form-group label{width: 100%;display: block; position: relative; background: #ededed;box-shadow: inset 0 0 6px rgba(220,220,220,.7);margin-top:20px;padding: 8px;box-sizing:border-box;border-radius: 6px;}
.form-group textarea{ border-style: none;background: none; width:100%; color:#999; min-height:100px;}

.container .main-question h4{ font-size:1.2rem; color:#fff; display:inline-block; padding:0 10px; text-align:center; border-radius:35px; line-height:30px; margin-bottom:15px;
 background: #2acfc8;}
.container .main-question p{ margin:0 5% 10px 5%; font-size:1.2rem; line-height:1.8rem;}
.container .main-question p.p02{ margin:0 0 15px 0; text-indent:0px;}
/*end SDK-客服-问题反馈*/

/*SDK-内容*/
.gonglue-xx{ padding:15px;}
.gonglue-xx h6{ font-size:1.6rem; color:#333; font-weight:bold; margin-bottom:10px; text-align:center;}	
.gonglue-xx time{ text-align:center; color:#999; margin-bottom:10px; display:inline-block; text-align:center; width:100%; font-size:1.4rem;}
.gonglue-xx p{ font-size:1.4rem; color:#666; text-indent:2.8rem;}
.gonglue-xx img{ width:100%; margin:10px 0;}	
/*end SDK-内容*/


/*申请返利*/
.shengq-jinge{ margin:15px 20px 0 20px;}
.shengq-jinge ul li{ text-indent: 15px;  border:1px solid #d7d7d7; background: #fff; border-radius: 30px; font-size: 14px; color: #656564; line-height: 35px; height: 35px; margin-bottom: 7px;}
.shengq-jinge span{ width: 75px; margin:5px 6px 0 0 ; text-align: center; height: 25px; line-height: 25px; background: #eee; color: #bebebe; border-radius: 20px; display: block;  text-indent:0; font-size: 14px;  }
.shengq-jinge span.in{ background: #ff8f19; color: #fff;}

.fanli-huod{ margin-top: 15px; }
.fanli-huod h3{ font-size: 1.6rem; font-weight:bold; margin-bottom:7px; background: url(../images/icon-sq.png) no-repeat left center; background-size:20px auto; padding: 0 0 0 25px;}
.fanli-huod ul li{ line-height: 2.6rem;}
/*end 申请返利*/

/**/

/*弹框*/
.cover{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index:1001; display:none;
}	
	
.cover-50 {
    position: fixed;
    z-index: 1002;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%); display:none;
}
		/*两个按钮*/
.btn-one {
    width: 100%;
    line-height: 45px;
    border-top:1px solid #e9e9e9; 
    color: #999;
    text-align: center;
    font-size: 1.6rem;
}

.button02{ overflow:hidden; border-top:1px solid #e9e9e9; }
.button02 button{ width:50%; color:#2acfc8; float:left; height:45px; line-height:45px; border:0; background:#fff; color: #f16a08; border-radius:0 0 6px 0; box-sizing:border-box; -webkit-box-sizing:border-box; font-size:1.8rem; text-align:center;}
.button02 button:first-child{ border-right:1px solid #e9e9e9; border-radius:0 0 0 6px; color:#999;}


.pack-box{ width:80%; max-width: 300px; border-radius: 5px; background: #fff;
}
.pack-box h3{ text-align: center; background: #ff8f19; color: #fff; line-height:4.5rem; font-size: 1.6rem; border-radius: 5px 5px 0 0 ;}
.pack-box h3 img{ width: 22px; vertical-align: middle; margin:-3px 3px 0 0;}
.pack-box p.p01{ font-size: 1.6rem;  text-align: left; padding:35px 25px 35px 25px; color: #666; text-indent: 3rem; line-height: 2.2rem;}

    /*SDK-礼包领取*/
.libao{ margin:20px 15px 0 15px;}
.libao h6{ border-radius:3px; border:1px solid #ff8f19; color: #ff8f19; padding:2px 4px; font-size: 1.5rem; display: inline-block; margin-bottom: 5px;}
.libao p{ font-size: 1.3rem; color: #666; margin-bottom: 20px;}
    /*end SDK-礼包领取*/


    /*SDK-退出*/
.pack-box.pack-out img{ padding: 10px; width: 100%; box-sizing: border-box; -webkit-box-sizing:border-box;}	

@media screen and (orientation: portrait) {
    .pack-box.pack-out{ max-width: 300px;}
}

@media screen and (orientation: landscape) {
   .pack-box.pack-out{ max-width: 350px;}
}
	/*end SDK-退出*/

	/*SDK-添加新小号*/
.pack-box .mm-box{ border:1px solid #ccc; margin: 10% auto; width:240px;  height:30px; line-height:30px; overflow:hidden;}
.pack-box .mm-box input{ width:100%; height:30px; line-height:30px; border:none; background:none; text-align:left; text-indent:12px; vertical-align:middle;}
.pack-box  code{ font-size:12px; color:#666; padding:0 5px; display:inline-block; margin-top:5px;}
.pack-box  code i{ color:#ff3a3a;}
	/*end SDK-添加新小号*/	

    /*关于小号*/
.add-p{ margin: 20px;}   
.add-p p{ text-align: left; line-height: 2.4rem; text-indent:2.8rem;}   
.add-p p:last-child{ margin-top: 5px;}
    /*end 关于小号*/

		
/*end 弹框*/

@media only screen and (max-width: 768px) {
html {
	font-size:75%;
}

	/*商场-优惠劵*/
	.sc-youhj-r .yhj-rmb{ font-size:4.2rem; line-height:24px;}
	.sc-youhj-r .yhj-rmb em{ font-size:1.5rem;}
	.sc-youhj-r .yhj-rmb i{font-size: 1.3rem; line-height:24px;}
	.sc-youhj-l .time{ font-size:2rem; line-height:35px;}
	.sc-youhj-l .time i{ font-size:1.4rem; color:#999;}
	.sc-youhj-l{ font-size:2rem; padding-top:4%;}
	.sc-youhj-l i{ font-size:1.5rem;}
	/*end 商场-优惠劵*/	
}

@media only screen and (width: 414px) {
html {
    font-size:68.8%;
}


.pay-list ul li i.yhj-i{ top:33%;}/*支付中心*/

}


@media only screen and (max-width: 414px) {
html {
	font-size:68.8%;
}

	/*商场-优惠劵*/
	.sc-youhj-r .yhj-rmb{ font-size:3.6rem; line-height:14px;}
	.sc-youhj-r .yhj-rmb em{ font-size:1.3rem;}
	.sc-youhj-r .yhj-rmb i{font-size:1.1rem; line-height: 16px;}
	.sc-youhj-l .time{ font-size:1.4rem; line-height:23px;}
	.sc-youhj-l .time i{ font-size:1.1rem; color:#999;}
	.sc-youhj-l{ font-size:1.5rem;  padding-top:4%;}
	.sc-youhj-l i{ font-size:1.1rem;}
	/*end 商场-优惠劵*/	
}
@media only screen and (max-width: 375px) {
html {
	font-size:65.8%;
}

	/*商场-优惠劵*/
	.sc-youhj-r .yhj-rmb{ font-size:3.2rem; line-height:10px; padding-top:2%;}
	.sc-youhj-r .yhj-rmb em{ font-size:1.1rem;}
	.sc-youhj-r .yhj-rmb i{font-size:1rem; line-height:12px;}
	.sc-youhj-l .time{ font-size:1.4rem; line-height:20px;}
	.sc-youhj-l .time i{ font-size:1rem; color:#999;}
	.sc-youhj-l{ font-size:1.5rem; padding-top:3.5%;}
	.sc-youhj-l i{ font-size:1.1rem;}
	/*end 商场-优惠劵*/	

}
@media only screen and (max-width: 360px) {
html {
	font-size:65.5%;
}

	/*商场-优惠劵*/
	.sc-youhj-r .yhj-rmb{ font-size:3rem; line-height:10px; padding-top:2%;}
	.sc-youhj-r .yhj-rmb em{ font-size:1rem;}
	.sc-youhj-r .yhj-rmb i{font-size:1.1rem; line-height:10px;}
	.sc-youhj-l .time{ font-size:1.4rem; line-height:18px;}
	.sc-youhj-l .time i{ font-size:1rem; color:#999;}
	.sc-youhj-l{ font-size:1.5rem; padding-top:2.5%;}
	.sc-youhj-l i{ font-size:1.1rem;}
	/*end 商场-优惠劵*/
    

    /*我的礼包*/

.pack .center-box .media-img {
    width:22%;
    text-align: left;
}
.pack .center-box .media-img img {
    width:85%;
    border-radius: 12px; 
    display:inline-block;
}   
    /*end 我的礼包*/


}

@media only screen and (max-width: 320px) {
html {
    font-size:52.5%;
}

    /*商场-优惠劵*/
	.sc-youhj .sc-youhj-l i span{ font-size: 9px !important;     padding: 3px 4px;}
    .sc-youhj-r .yhj-rmb{ font-size:3rem; line-height:10px; padding-top:2%;}
    .sc-youhj-r .yhj-rmb em{ font-size:1.1rem;}
    .sc-youhj-r .yhj-rmb i{font-size:1.1rem; line-height:10px;}
    .sc-youhj-l .time{ font-size:1.4rem; line-height:18px;}
    .sc-youhj-l .time i{ font-size:1.1rem; color:#999;}
    .sc-youhj-l{ font-size:1.5rem; padding-top:2.5%;}
    .sc-youhj-l i{ font-size:1.1rem;}
    /*end 商场-优惠劵*/
    

    /*我的礼包*/

.pack .center-box .media-img {
    width:22%;
    text-align: left;
}
.pack .center-box .media-img img {
    width:85%;
    border-radius: 12px;
    display:inline-block;
}   
    /*end 我的礼包*/

.ser-header {  font-size: 17px;}

.input-box{ float: left; font-size:14px; padding:15px 0 15px 0;  box-sizing:border-box; -webkit-box-sizing:border-box; display:inline-block;}
}


/*--遮罩--*/
.zhezhao {
    background: rgba(0,0,0,0.4);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 6;
    width: 100%;
    height: 100%;
}
.zhezhao .zhezhao-box {
    width: 15%;
    border-radius: 8px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%); z-index:1000;
    text-align: center;
}
.zhezhao .zhezhao-box img{ width:100%; opacity:0.3;}
/*--end 遮罩--*/


/*2017.11.12*/
/*
.btn-tishi{ padding:20px; position:fixed; left:0px; bottom:0px;}
.btn-tishi p{ border-radius:5px; border:1px solid #c5c5c5; padding:1.4rem; font-size:1.4rem; line-height:1.8rem; color:#656564;}
.btn-tishi span{ color:#ff6600;}
*/

/*2017.11.09*/
.ser-foot02{ box-shadow: 0px -2px 1px #d7d7d7;
    -webkit-box-shadow: 0px -2px 1px #d7d7d7; width: 100%;
}
.ser-foot02 a{ margin:15px 0; width: 50%; text-align: center; display: block; float: left; height: 25px;  line-height: 25px;
box-sizing: border-box; -webkit-box-sizing: border-box; 
}
.ser-foot02 a:nth-child(1){ border-right: 1px solid #d7d7d7;}
.ser-foot02 a i{ vertical-align: middle; margin:-2px 10px 0 0;}



/*2017.12.14*/
    .btn-tishi{
    padding: 20px; 
    width: 100%; 
    overflow: hidden;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    }

    .btn-tishi p{ border-radius:5px; border:1px solid #c5c5c5; padding:1.4rem; font-size:1.4rem; line-height:24px; color:#656564;}
    .btn-tishi span{ color:#ff6600;}  

body * { 
    -webkit-text-size-adjust : none ;
-moz-text-size-adjust : none ;
-ms-text-size-adjust : none ;
text-size-adjust : none；
}

/*2018.07.25 公告-支付*/
.gonggao-pay{ padding:0 22px;}
.gonggao-pay h6{ color:#333 !important; font-weight:bold;}
.gonggao-pay p{ line-height:22px; text-indent:24px;}

.pay-liuc{ padding:25px 0 28px 0; overflow:hidden;}
.pay-liuc li{ float:left;}
.pay-liuc .liuc-box{ border-radius:5px; background:#e5e5e5; width:45%; text-align:center; padding:18px 0;}
.pay-liuc .liuc-box b{ font-size:1.8rem; margin-bottom:10px; display:inline-block;}
.pay-liuc .liuc-box span.red{ color:#ff4949;}
.pay-liuc .liuc-box span.huis{ color:#878787;}

.pay-liuc .liuc-xtb{ width:10%; text-align:center;}
.pay-liuc .liuc-xtb img{ width:65%;}

.border-t1-d9{ border-top:1px solid #d9d9d9 !important;}
.fs16{ font-size:1.6rem;}
.c-red{ color:#ff4949;}
.c-yellow{ color:#ff8f19;}
.c-blue{ color:#3478f6;}
a.c-blue{ color:#3478f6; text-decoration:underline;}