/**
 * 刮刮卡活动  Css Document
 * 2015-01-23 
 * */

/*rest -S-*/

html,body{height:100%;width: 100%;padding: 0;margin: 0;-webkit-overflow-scrolling: touch;}
html{font-size: 10px;}
html * {outline: 0;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(255,255,255,0.5);-webkit-box-sizing:border-box;box-sizing:border-box;padding: 0;margin: 0;}
body{font: 1.4rem/1.5 "microsoft yahei",Verdana,Arial,Helvetica,sans-serif;color:#666;min-width: 320px;min-height: 100%;height: auto;position: relative;padding-bottom: 13rem;}
ul,li,ol,li{list-style: none;}
input[type=button],button{-webkit-appearance:none;-webkit-user-select:none;}
img{border:none;display:block;outline: none;}
h1,h2,h3,h4,h5,h6,strong,b{font-weight: normal;}
a{text-decoration: none;font-size: 1.4rem;color:#666;}
em,i{font-style: normal;}
/*rest -E-*/


/*nav*/
.lfHeader {height: 5rem;width: 100%;background: #3D92ED;display: -webkit-box;display: box;position: relative;}
.lfHeader-h2{-webkit-box-flex:1;text-align:center;color:#fff;font-size:1.8rem;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 5rem;position:relative;padding: 0 60px 0 50px;}
.lfback {padding-left: 2.2rem;line-height: 5rem;background: url(../../../base/img/lfw_back_icon.png) no-repeat 10px center;background-size: auto 1.8rem;width: 5rem;text-indent: -9999px;font-size: 0;overflow: hidden;-webkit-tap-highlight-color: rgba(255,255,255,.5);position: absolute;left: 0;top: 0;z-index: 1002;}

.lfHeader .nav_btn {display: block;color: #fff;position: absolute;right: 1rem;padding: 0 1rem;height: 3rem;line-height: 3rem;border-radius: .5rem;background: #2871BE;top: 1rem;width: 5rem;text-align: center;font-size: 1.4rem;}
.warp_nav {position:relative;font-size: 1.4rem;background: #fff;border-bottom: 1px solid #ACACAC;display: none;width: 100%;}
.nav_ul{overflow:hidden;padding: .5rem 0;}
.nav_ul li{float:left;width:20%;}
.nav_ul li a {color: #666;display: block;text-align: center;line-height: 2;}
.nav_user {height: 4rem;margin: 0 1rem;line-height:3.9rem;display: -webkit-box;border-top: 1px solid #EEEEEE;background: #fff;}
.user_ul {-webkit-box-flex: 1;overflow:hidden;height:3.9rem}
.user_ul li{float:left;height:3.9rem}
.user_ul li a{color:#999999;display: block;}
.user_ul li a span{padding:0 1rem;}
.user_ul li:first-child a span{padding-left:0;}
.user_ul li:first-child a span{border-right:1px solid #EEEEEE;}
.user_signBtn {display: block;width: 4.5rem;text-align: right;color:#4183EE;position:relative;}
.user_signBtn:before{content: " ";position: absolute;top: 1.2rem;left: 0;width: 1.4rem;height: 1.6rem;background: url(../../../base/img/write.png) no-repeat left -1.5rem;background-size: 100% auto;}
.warp_nav:before{content:"";display: block;position:absolute;width:0;height:0;overflow:hidden;border:.6rem solid transparent;border-bottom: .6rem solid #fff;top:-1.2rem;right:2.5rem;z-index:9999}

.fot_user {height: 4rem;line-height:3.9rem;display: -webkit-box;border-top: 1px solid #D3D3D3;border-bottom: 1px solid #D3D3D3;position:absolute;bottom: 9rem;left: 0;width: 100%;font-size: 1.4rem;}
.fot_ul {-webkit-box-flex: 1;overflow:hidden;height:3.9rem;padding-left:1rem;;}
.fot_ul li{float:left;height:3.9rem}
.fot_ul li a{color:#666666;display: block;}
.fot_ul li a span{padding:0 1rem;}
.fot_ul li:first-child a span{padding-left:0;}
.fot_ul li:first-child a span{border-right:1px solid #666666;}
.goTopBtn {display: block;padding:0 1rem;text-align: right;color:#666;position:relative;}

/*footer -S-*/
.lfFooter{width:100%;text-align: center;color: #4274ab;position: absolute;bottom: 0;left: 0;height: 9rem;}
.lfFooter section{padding:.7rem 0;}
.lfFooter p{line-height: 1.8;}
.lfFooter .banben {font-size: 1.4rem;}
.lfFooter .banben a{font-size: 1.4rem;}
.nav-fot{height:2.5rem;display:-webkit-box;background:#3D92ED;line-height: 2.5rem;}
.nav-fot a{display:block;color:#fff;font-size: 1.3rem;line-height: 2.5rem;-webkit-box-flex: 1;text-align: center;-webkit-tap-highlight-color:rgba(255,255,255,.5)}
.banben,.banben a,.tel,.tel a{font-size: 1.3rem;color:#4274ab;}
.nav-fot a:hover,.banben a:hover,.tel a:hover{text-decoration:underline;}
.copyright {font-size: 1rem;padding-bottom: .5rem;color: #666;}


/*container*/
.contentMain,.bottom_bg{background-image:url(../img/bg.png);background-size:.3rem .3rem;padding-bottom: 1px;
}
.container{min-height:52.6rem;background-color:#B82F3F;padding-bottom:1px;}
.contentMain{min-height:32.5rem;background-color:#E1BD21;position:relative;}
.contentMain .bottom_bg{position:absolute;bottom:-.8rem;left:0;width:100%;height:.8rem;background:url(../img/contentBor_bg.png) repeat-x left bottom;background-size: auto .8rem;}
.contentBox{margin:0 auto;max-width: 640px;background: url(../img/banner.png) no-repeat center 1.4rem;min-height: inherit;background-size:100% auto}
.BannerMsg{color:#7B5601;font-size:1.6rem;line-height: 1.5;text-align:center;padding-top: 20%;margin-bottom: 3rem;}
.scratchBox {background:url(../img/scratch_bg.png) center center no-repeat;background-size:100% auto;position:relative;width:26.7rem;height:12rem;margin:0 auto 1.5rem auto;}
.scratchBox img.imgPos{position:absolute;width:25%;right: -7%;top: -30%;}
.scratchMain {background: #fff;border-radius: .2rem;width: 20rem;height: 5rem;position: absolute;top: 50%;left: 50%;margin: -2.5rem 0 0 -10rem;font-size: 2rem;}
.user_lfb{font-size:1.6rem;line-height: 1.5;text-align:center;color:#fff;margin-bottom: 0.5rem;}
.user_cishu{margin: 0 auto;margin-bottom: 2rem;text-align: center;line-height: 3rem;color: #7D5903;display: none;}
.user_cishu >a {height: 3rem;display: block;width: 13rem;color: #B82334;line-height: 3rem;padding: 0 1rem;position: relative;border-radius: .5rem;text-align: center;background: rgba(255, 255, 255, 0.4);margin: 0 auto;}

.time{padding:0 1rem;display:-webkit-box;color:#7B5601;margin-bottom:2rem;}
.time > p:first-child {-webkit-box-flex: 1;}
.time > p:last-child > span{color:#CD1024;}

.contentBot{max-width: 640px;margin: 0 auto;padding-bottom: 1rem;}
.contentBot_box{margin:0 1rem;background:#AE2030;min-height:16rem;position:relative;border-radius: .5rem;overflow: hidden;padding-bottom: 10px;}
.contentBot_box > h3{background:#BF3949;height: 4rem;line-height: 4rem;border-bottom-left-radius: 50% 100%;border-bottom-right-radius: 50% 100%;color: #fff;font-weight: bolder;text-align: center;letter-spacing: 2px;position:absolute;left:0;right:0;top:0;}
.contentBot_box > div {padding: 4.5rem 1rem 0 1rem;color: #FFADB6;}
.contentBot_box > div p{line-height: 1.5;padding: .3rem 0;}

.dtbox-con {position: relative;padding: 0 1rem;margin-bottom: 1rem;overflow: hidden;}
.dtbox-con-mod {padding: 1rem;display: block;background: #AF2030;border-radius: .5rem;}
.dtbox-con-box {display: -webkit-box;}
.dtbox-con-box >.dtbox-con-line:first-child {-webkit-box-flex: 1;}
.dtbox-con-line {font-size: 1.4rem;line-height:2.5rem;color:#FFADB6;}
.icoMor {display: block;width: 2.5rem;height: 2.5rem;text-indent: -9999px;position: relative;}
.icoMor:after {content: "";display: block;height: 1rem;width: 1rem;border: .1rem solid #FFADB6;border-width: .2rem .2rem 0 0;position: absolute;top: 50%;right: 0;margin: -0.5rem .3rem 0 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

.c_tit{font-size:1.6rem;color:#fff;}
.dtbox-con-text {padding-top: .5rem;color:#FFADB6;font-size:1.4rem;text-align: center;}
.dtbox-con-ul {overflow: hidden;}
.dtbox-con-li{position:relative;padding: .8rem 0;border-top: .1rem solid #B82F3F;margin-top: -0.1rem;}
.dtbox-con-li:last-child {padding-bottom: 0;}
.dtbox-con-li span.s,.dtbox-con-li i.i{display: block;}
.dtbox-con-li span.s{color:#FFADB6;}
.dtbox-con-li p.p{color:#FFADB6;}
.dtbox-con-li i.i {color: #FFADB6;position: absolute;right: 0;top: .8rem;font-style: normal;}

/*奖品*/
.jiangping{height:11.2rem;margin-bottom:2rem;width:100%;position:relative;padding:0 3rem;}

.jiangping:before,.jiangping:after{content: "";position:absolute;width:1.6rem;height:1.6rem;top:50%;margin-top:-0.8rem;border-width: .1rem 0 0 .1rem;border-color:#D05B6A;border-style:solid;}
.jiangping:before{left:1rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.jiangping:after{right:1rem;-webkit-transform:rotate(135deg);transform:rotate(135deg);}
.jp_tit{text-align:center;color:#fff;font-size: 1.6rem;background:url(../img/jp_bg.png) no-repeat center bottom;background-size:auto 100%;height: 5.2rem;padding-bottom:1.5rem;margin-bottom:2rem;line-height: 3.7rem;margin-top: 3rem;}
.jp_box{width: 100%;height:100%;overflow: hidden;overflow-x: scroll;-webkit-overflow-scrolling: touch;}
.jp_ul{height: 100%;display: -webkit-box;display:box}
.jp_ul .jp_li{width:12.5rem;height:100%;background:#AB1026;margin-right:1rem;}
.jp_ul .jp_li a{width:100%;height:100%;display: block;padding:.1rem;}
.jp_ul .jp_li div.i{height:8.6rem;overflow: hidden;background:#fff;}
.jp_ul .jp_li p{text-align: center;color:#fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.jp_ul .jp_li div.i img{min-width: 100%;min-height: 100%;max-width:100%;}

/*弹出窗 S*/
.msgWrap {width: 100%;height: 100%;position: fixed;top: 0;left: 0px;-webkit-transform: translate3d(0,0,0);z-index: 200;display: none;}
.msgWrap .msg_overlay{width: 100%;height: 100%;background: #000;opacity: 0.36;pointer-events: none;}
.msgWrap .msg_box {position: absolute;width: 90%;top: 20%;left: 50%;margin-left: -45%;display: none;}
.msgWrap .msg_box .close{position:absolute;right:5px;top:5px;width:20px;height:20px;display: block;text-indent: -9999px;z-index: 99;}
.msgWrap .msg_box .close:after,.msgWrap .msg_box .close:before{content: "";width: 4px;height: 20px;background: #555555;position: absolute;left: 8px;border-radius: 2px;top: 0;}
.msgWrap .msg_box .close:after{-webkit-transform: rotate(45deg);transform: rotate(45deg);}.msgWrap .msg_box .close:before{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.msgWrap .msg_box .msg_con{height:auto;background: #fff;border-radius: 5px;padding:1px;position:relative; display: none;padding-bottom: 70px; }
.msg_con p {padding: 0px 20px 0 68px;position: relative;max-width: 350px;margin: 25px auto 0 auto;font-size:14px;}
.msg_con p img{width:44px;position:absolute;left:20px;top:50%;margin-top:-22px;}
.msg_con .msgBtn {display: block;max-width: 350px;height: 34px;background: #DF5451;width: 50%;color: #fff;text-align: center;line-height: 35px;border-radius: 5px;position: absolute;left: 50%;margin-left: -25%;bottom: 20px;font-size: 14px;}
#msgcon0 p{padding-left:92px;max-width: 280px;}
#msgcon0 p img {width: 67px;}
#msgcon1 .btnBox,#msgcon3 .btnBox{display: -webkit-box;height: 34px;padding: 0 10px;position:absolute;bottom: 20px;width: 100%;}
#msgcon1 .btnBox div,#msgcon3 .btnBox div {width: 50%;padding: 0 10px;}
#msgcon1 .btnBox a,#msgcon3 .btnBox a {display: block;margin: 0;color:#fff;border-radius: 5px;height: 35px;line-height: 35px;text-align: center;}
#msgcon1 .btnBox div:first-child a,#msgcon3 .btnBox div:first-child a{background:#6BAADF}
#msgcon1 .btnBox div:first-child a img,#msgcon3 .btnBox div:first-child a img{margin-right: 5px;vertical-align: middle;display: inline-block;}
#msgcon1 .btnBox div:last-child a,#msgcon3 .btnBox div:last-child a{background:#DF5451}
.msg_con .msg_con_p{padding: 0 20px;height: 60px;-webkit-box-align: center;display: -webkit-box;}

/*分享 S*/
.share {position: absolute;bottom: 0;left: 0;background: #F5F5F5;width: 100%;height: 184px;display: none;}
.shareTit {height: 50px;text-align: center;line-height: 50px;color: #8D8D8D;font-size: 14px;}
.shareBtn{background:#fff;border:1px solid #e4e4e4;width:100%;text-align:center;height:51px;line-height: 50px;color:#8D8D8D;position:absolute;bottom:0;}
.shareBtn a{display: block;widht:100%;height:100%;color:#8d8d8d;text-align:center;font-size: 16px;}

.shareList {padding: 0 10% 51px 10%;height: 134px;display: -webkit-box;}
.shareList li{-webkit-box-flex:1;width:33.3%;text-align:center;}
.shareList li a{width:100%;height:100%;font-size:14px;display: block;color:#8D8D8D;}
.shareList li a .shareIco {display: block;width: 36px;height: 45px;margin: 0 auto;background:url(../img/shareIco.png) no-repeat left top;background-size:auto 35px;padding-bottom:10px;}
.shareList li a .shareSina{background-position:left top;}
.shareList li a .shareTencent{background-position:-73px top;}
.shareList li a .shareQzone{background-position:right top;}

.shareBox .share{position: relative;display: block;bottom: auto;left: auto;height: auto; display:-webkit-box;}
.shareBox .share .shareTit {height: 50px;color: #3d3d3d;font-size: 1.7rem;padding-left: 10px;}
.shareBox .share .shareList {height: auto;padding:0;}
.shareBox .share .shareList li{height: 50px;padding: 1px;}
.shareBox .share .shareList li a{height: 36px;margin:6px 10px;width: 36px;}
.shareBox .share .shareList li a span{height: 36px;width: 36px;margin: 0;padding: 0;}

/*---------------------弹出表单填写-------------------------------*/
#formView {position: fixed;top: 0px;right: 0px;bottom: 0px;left: 0px;z-index: 1003;-webkit-transition: all 0.2s linear;transition: all 0.2s linear;-webkit-transform: translate3d(100%, 0px, 0px);transform: translate3d(100%, 0px, 0px);background:rgba(0, 0, 0, 0.8);-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform-style: preserve-3d;}
#closeBtn{z-index: 1003;}
.formWrap{background:#fff;padding:1px}
#formBox{min-height:210px;padding: 0 10px;}
#formBox div{display: -webkit-box;height: 41px;border-bottom:1px solid #c8c7cc;position:relative;}

#formBox div span{display: block;}
#formBox div span:first-child{width: 35%;padding: 10px 15px;font-family: "Helvetica Neue",Helvetica,sans-serif;line-height: 1.1;font-weight: 700;font-size: 17px;}
#formBox div span:last-child{width: 65%;}
#formBox div span:last-child input{width:100%;padding-left: 0;margin-bottom: 0;border: 0;margin-bottom: 0;background-color: transparent;border: 0;
border-radius: 0;-webkit-box-shadow: none;box-shadow: none;background-image: none;outline: 0;line-height: 21px;-webkit-user-select: text;height: 40px;-webkit-appearance: none;padding: 10px 15px;font-family: "Helvetica Neue",Helvetica,sans-serif;font-size: 17px;-webkit-tap-highlight-color: transparent;-webkit-tap-highlight-color: transparent;}
#formBox div span:last-child input.code{padding-right: 105px;}
.codeBtn {position: absolute;right: 0px;padding: 0 5px;color: #fff;background: #ff6600;text-align: center;height: 26px;top: 50%;margin-top: -13px;border-radius: 3px;line-height: 25px;font-size: 12px;}
#subBottom{display:block;height:40px;color:#fff;text-align:center;margin:0 10px;background:#007AFF;border-radius:3px;font-size:16px;line-height:40px;margin-bottom:10px}
.formMsg {color: red;padding: 4px 15px;}




@media screen and (min-width:400px){html{font-size:12px;}}
@media screen and (min-width:480px){html{font-size:15px;}}
@media screen and (min-width:560px){html{font-size:17px;}}
@media screen and (min-width:640px){html{font-size:20px;}}
@media screen and (max-width:399px){
	body{padding-bottom:130px;}
	.lfHeader{height: 50px;}
	.lfHeader-h2{line-height: 50px;}
	.lfback {padding-left: 22px;line-height: 50px;background-size: auto 18px;width: 50px;}
	.lfHeader .nav_btn {right: 10px;padding: 0 10px;height: 30px;line-height: 30px;border-radius: 5px;top: 10px;width: 50px;}
	.nav_ul{padding: 5px 0;}
	.nav_user {height: 40px;margin: 0 10px;line-height:39px;}
	.user_ul {height:39px}
	.user_ul li{height:39px}
	.user_ul li a span{padding:0 10px;}
	.user_signBtn {width: 45px;}
	.user_signBtn:before{top: 12px;width: 14px;height: 16px;background-position:left -15px;}
	.warp_nav:before{border:6px solid transparent;border-bottom: 6px solid #fff;top:-12px;right:25px;}
	
	.fot_user {height: 40px;line-height:39px;bottom: 90px;}
	.fot_ul {height:39px;padding-left:10px;;}
	.fot_ul li{height:39px}
	.fot_ul li a span{padding:0 10px;}
	.goTopBtn {padding:0 10px;}
	
	/*footer -S-*/
	.lfFooter{height:90px;}
	.lfFooter section{padding:7px 0;}
	.nav-fot{height:25px;line-height: 25px;}
	.nav-fot a{line-height: 25px;}
	.copyright {padding-bottom: 5px;}
		
	/*container -S-*/
	.container,.contentMain,.bottom_bg{background-size:3px 3px;}
	.container{min-height:526px;}
	.contentMain{min-height:325px;}
	.contentMain .bottom_bg{height:8px;background-size:auto 8px;bottom:-8px;}
	.contentBox{background-position:center 14px;}
	.BannerMsg{margin-bottom:30px;}
	.scratchBox{width:267px;height:120px;margin:0 auto 15px auto;}
	.scratchMain{width:200px;height:50px;margin: -25px 0 0 -100px;border-radius: 2px;}
	.user_lfb{margin-bottom:5px;}
	.user_cishu{margin-bottom: 20px;line-height: 30px;}
	.user_cishu >a {height: 30px;line-height: 30px;padding: 0 10px;border-radius: 5px;width: 130px;}
	
	.time{padding:0 10px;margin-bottom: 20px;}
	.contentBot{padding-bottom: 10px;}
	.contentBot_box{margin:0 10px;min-height:160px;border-radius: 5px;padding-bottom: 10px;}
	.contentBot_box > h3{height: 40px;line-height: 40px;}
	.contentBot_box > div {padding: 45px 10px 0 10px;}
	.contentBot_box > div p{padding: 3px 0;}
	
		.dtbox-con {padding: 0 10px;margin-bottom: 10px;}
	.dtbox-con-mod {padding: 10px;border-radius: 5px;}
	.dtbox-con-line {line-height:25px;}
	
	.icoMor {width: 25px;height: 25px;text-indent: -9999px;}
	.icoMor:after {height: 10px;width: 10px;border-width: 2px 2px 0 0;margin: -5px 3px 0 0;}
		
	.dtbox-con-text {padding-top: 5px;}
	.dtbox-con-li{padding: 8px 0;border-top-width: 1px;margin-top: -1px;}
	.dtbox-con-li i.i {top: 8px;}

	/*奖品*/
	.jiangping{height:112px;margin-bottom:20px;padding:0 30px;}
	.jiangping:before,.jiangping:after{width:16px;height:16px;margin-top:-8px;border-width:1px 0 0 1px;}
	.jiangping:before{left:10px;}
	.jiangping:after{right:10px;}
	.jp_tit{height:52px;padding-bottom:15px;margin-bottom:20px;line-height: 37px;margin-top: 30px;}
	.jp_ul .jp_li{width:125px;margin-right:10px;}
	.jp_ul .jp_li a{padding:1px;}
	.jp_ul .jp_li div.i{height:86px;}
	.jp_ul .jp_li p{}
}
.hidden{position:absolute;left:-999px;top:-999px;display:none;}
.none{display:none !important;}

#refresh {position: fixed;bottom: 20px;right: 20px;width: 40px;height: 40px;background-color: rgba(240, 136, 2, 0.8);border-radius: 3px;z-index: 999;}
#refresh a{display:block;width: 100%;height:100%;background:url(../img/20150227104428735_easyicon_net_64.png) no-repeat center center;background-size:28px 28px;font-size: 0;text-indent: -9999px;opacity: .8;-webkit-tap-highlight-color:rgba(255,255,255,0)}
#refresh a.rotate{-webkit-animation:rotate360 linear 1s infinite;animation:rotate360 linear 1s infinite;}
@-webkit-keyframes rotate360 {
	0%{-webkit-transform:rotate(0deg)}
	100%{-webkit-transform:rotate(-360deg);}
}
@keyframes rotate360{
	0%{transform:rotate(0deg)}
	100%{transform:rotate(-360deg);}
}

.c_BF3949{background:#BF3949}