
html{ font-size:62.5%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{ padding:0; margin:0;}
ol,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp,tt{font-family:"Courier New",Courier,monospace;}
button,input,select,textarea{font-size:100%;outline:none; -webkit-tap-highlight-color:transparent;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
a,a:hover{text-decoration:none; color:#333;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';}
label,button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;}
del{text-decoration:line-through;}
ins{text-decoration:none;}
abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help;}
mark{background-color:yellow;}
input[type=submit],input[type=button]{ box-sizing:content-box;border:0; border-radius:0;}
body{font-family:"华文细黑","黑体","Microsoft YaHei";font-size:12px; color:#333; background:#C8D9F3;}
.clearfix:after{clear:both;display: block; content: "..."; visibility: hidden; height: 0; font-size: 0;}
.clear{ clear:both;}
.mainBody{ min-width:320px; max-width:640px; width:100%; margin:0 auto; height:auto; overflow:hidden; background:#C8D9F3;}
.outLay{font-size:0;width:100%;position: relative;}
.outLay img,.logo1212 img,.lastTimeBox span,.ruleBtn img{ width:100%; height:auto;}
.outLay a{ display:block; position:absolute; height:100%;} 
.ruleBtn{ width:100%; font-size:0;}
.proOne{ width:100%; left:0; top:0;}
.proTwo{ width:50%; top:0;}
.proTwo1{ left:0;}
.proTwo2{ left:50%;}
.proThree{ width:33.3%; top:0;}
.proThree1{ left:0;}
.proThree2{ left:33.3%;}
.proThree3{ left:66.6%;}
.proFour{ width:25%; top:0;}
.proFour1{ left:0;}
.proFour2{ left:25%;}
.proFour3{ left:50%;}
.proFour4{ left:75%;}
.popWaper{ position:fixed; z-index:100; background:#000; opacity:0.5; top:0; left:0; width:100%; height:100%; display:none;}
.ruleBox{ position:fixed; width:74%; height:60%; left:10%; top:17%; background:#fff; display:none; z-index:101; border-radius:5px; border:3px solid #cc0000; padding:3% 0;}
.ruleCon{ width:94%; height:100%; padding:0 3%; overflow-x:hidden; overflow-y:auto;}
.ruleBox h3{ text-align:center; font-family:"微软雅黑"; font-size:14px; color:#333; margin-bottom:3%;}
.ruleBox h4{ font-family:"微软雅黑"; font-size:12px; color:#333; margin:3% 0 2%;}
.ruleBox p{ font-family:"微软雅黑"; font-size:12px; color:#666; line-height:18px;}
.ruleBox span{ background:url(images/close.png) 3px 3px no-repeat; background-size:14px 14px; width:20px; height:20px; display:block; position:absolute; right:5px; top:5px;}
.outLay .bottom1{ float:left; width:47%; padding:2% 1% 2% 2%; height:98%; position:relative;}
.outLay .bottom2{ float:left; width:47%; padding:2% 2% 2% 1%; height:98%; position:relative;}
.outLay .toTop{ width:100%; left:0; top:0;}
.logo1212{ width:11.5%; position:absolute; left:2%; top:0; line-height:0; font-size:0; z-index:6;}
.lastTimeBox{ width:100%; height:25px; background:#fbd640; text-align:center; position: relative; z-index:10; padding:1% 0; box-shadow: 1px 2px 10px #333;}
.lastTime{ width:72%; height:25px; line-height:26px; background:#fbd640; position:absolute; left:14%; top:0; padding:1% 0;}
.lastTimeBox strong{ font-size:13px; color:#000078; padding-right:4px; font-weight:normal;}
.lastTimeBox strong em{ font-size:13px; color:#232323; font-family:Impact,"微软雅黑"; font-style:normal; position:relative; top:-2px;}
.lastTimeBox i{ font-size:13px; font-style:normal; color:#232323; padding:0 1px;}
.lastTimeBox span{ width:22px; height:20px; display:inline-block;}
.lastTimeBox span em{ display:block; width:100%; line-height:18px; text-align:center;font-family:Impact; font-style:normal;letter-spacing:0px;color:#fbd640;font-size:16px;}
.lastTimeBox .a{ background:url(imgBJ/Iconbg.png) no-repeat;background-size:100% auto;}
.lastTimeBox .b{ background:url(imgBJ/Iconbg.png) no-repeat;background-size:100% auto;}
.lastTimeBox .c{ background:url(imgBJ/Iconbg.png) no-repeat;background-size:100% auto;}
.lastTimeBox .d{ background:url(imgBJ/Iconbg.png) no-repeat;background-size:100% auto;}
.lastTimeBox strong,.lastTimeBox i,.lastTimeBox span,.lastTimeBox em{ display:inline-block; vertical-align:middle;}
/*头部begin*/
.head .back{background:url(imgBJ/headBack.jpg) no-repeat;}
.head .navBar,.nav li i{background:url(imgBJ/headIcon.png) no-repeat;}
.head,.nav{width: 100%;position:fixed;left: 0;z-index: 100;}
.head{height: 40px;background-color: #de4943;color: #fff;top: 0;}
.head .headTitle{font-size: 16px;text-align: center;line-height: 40px;position:absolute;left:50%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
@media(max-width:640px){.head .headTitle{width:220px;margin-left: -110px;}}
@media(min-width:641px) and (max-width:960px){.head .headTitle{width:440px;margin-left: -220px;}}
@media(min-width:961px){.head .headTitle{width:660px;margin-left: -330px;}}
.head .back,.head .navBar{width: 30px;height: 40px;position: absolute;top: 0;display: block;}
.head .back{left: 10px;}
.head .navBar{background-position:-150px 6px;right: 10px;}
.nav{height:45px;background-color: #efefef;color: #848d96;top:40px;border-bottom: 1px solid #ccc;display: none;}
.nav.on{display: block;}
.nav li{width: 25%;height:45px;float: left;position: relative;}
.nav li i{width:26px;height: 20px;display: block;margin: 5px auto 0;}
.nav .home i{background-position: -3px -5px;}
.nav .topsearch i{background-position: -37px -5px;}
.nav .cart i{background-position: -72px -5px;}
.nav .commuser i{background-position: -113px -5px;}
.nav li span{width: auto;height:18px;line-height:18px;display: block;text-align: center;}
.nav li a{width:100%;height: 45px;display:block;position: absolute;top:0;left: 0;background:#fff;opacity:0; filter:alpha(opacity=0);}
/*头部end*/
.glAd{ padding:1.5% 3%; width:94%; font-size:0; background:#ee0a3b;}
.glAd a{ display:block; width:48.5%; float:left;}
.glAd a img{ width:100%; height:auto;}
.glAd .left{ margin:1.5% 1.5% 1.5% 0;}
.glAd .right{ margin:1.5% 0 1.5% 1.5%;}
.enterZhc{ width:30%; height:100%; right:0; top:0;}
.bottomFloatBox{ width:100%; height:auto; position:fixed; bottom:0; left:0;}
.bottomFloat{ width:100%; max-width:640px; height:auto; font-size:0; margin:0 auto; position:relative;}
.bottomFloat img{ width:100%; height:auto;}
.bottomFloat a{ display:block; position:absolute; top:0; height:100%;}
.bottomFloat .s1{ width:20%; left:0;}
.bottomFloat .s2{ width:20%; left:20%;}
.bottomFloat .s3{ width:20%; left:40%;}
.bottomFloat .s4{ width:20%; left:60%;}
.bottomFloat .s5{ width:20%; left:80%;}
.bigPicBox{ position:fixed; width:68%; left:16%; top:20%; display:none; z-index:101;}
.bigPicBox .bigClose{ display:block; width:20px; height:20px; position:absolute; right:6px; top:6px; background:url(imgBJ/close.png) no-repeat center #333; background-size:18px 18px;}
.bigPicCon{ width:100%; max-width:437px; line-height:0; font-size:0; margin:0 auto; position:relative;}
.bigPicCon img{ width:100%; height:auto; vertical-align:middle;}
.msBox a{ display:block; float:left; width:50%; height:100%; font-size:0;}
.msBox a img{ width:100%; height:auto;}
.topB{ width:100%; font-size:0;}
.topB img{ width:100%; height:auto;}
.bBanner{ width:100%; font-size:0;}
.bBanner img{ width:100%; height:auto;}
.bTwo{ margin-top:1%;}
.bTwo a{ width:50%; display:block; float:left;}

/*mlink*/
.app-download { min-width:320px; max-width:640px; width:100%; background: #2e2e2e none repeat scroll 0 0; height: 43px; margin:0 auto; overflow: hidden; position: relative; width: 100%; display:none; cursor:pointer;}
.app-download .close {display: block;height: 43px; position: absolute;width: 43px;}
.app-download .close i, .app-download .add-logo {background:url(imgBJ/topApp.png) no-repeat scroll 0 0 / 34px 50px;}
.app-download .close i {background-position: 0 0; display: block; height: 16px; margin: 14px 0 0 14px; width: 16px;}
.app-download .add-logo { background-position: 0 -16px; display: block; height: 30px;  left: 43px; position: absolute; top: 7px; width: 30px;}
.down-btn {background: #e62929 none repeat scroll 0 0;  color: #fff; display: block;  font-size: 14px; height: 43px; line-height: 43px; padding: 0 30px; position: absolute; right: 0; text-align: center; text-decoration: none; top: 0;}
.down-btn:hover { color: #fff; text-decoration: none;}
.app-download h3 {font-weight: normal; margin:0 116px 0 73px; padding-top: 7px; text-align: center;}
.app-download h3 p { color: #fff; font-size: 12px; height: 14px; line-height: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;}
/*mlink end*/
.videoBg{ width: 100%; height: auto; background: #C8D9F3; position: relative;}
#video1{ width: 85%; font-size: 0; margin: 0 auto; padding: 0; display: block; border: 1px solid #000; -webkit-box-sizing: border-box; box-sizing: border-box;border-radius: 10px;border: none;}
.videoBtn{ position: absolute; width: 29px; height: 29px; font-size: 0; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 1000;}
.videoBtn img{ width: 100%; height: auto;}
.stopPlay{position: absolute; font-size: 12px; color: #fff; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 1000; display: none;}

/*Toast公共弹窗*/
.jxToastMask{ display: block; width: 100%; height: 100%; position:fixed; top:0; left: 0;  z-index:1000;}
.jxToastPop{ display: block; width: 100%; height: 100%; max-width:640px; margin:0 auto; position:relative; opacity:1; z-index:1001;}
.jxToastPop .popCon{ width: 100%; max-width:640px; position:fixed; top:40%;}
.jxToastPop .popCon p{ width: 62%; background: rgba(0, 0, 0, 0.8); border-radius: 3px; color: #fff; font-size:13px; line-height: 1.4em; margin:0 auto; padding: 1em; text-align: center;}
.ToastFadeOut{ animation:ToastFadeOut 0.3s 0.5s ease; -webkit-animation:ToastFadeOut 0.3s 0.5s ease;}

@keyframes ToastFadeOut{
	0% {opacity:1; display: block;}
	100%{opacity:0; display:none;}
}
@-webkit-keyframes ToastFadeOut{
	0% {opacity:1; -webkit-opacity:1; display: block;}
	100%{opacity:0; -webkit-opacity:0; display:none;}
}

.jxProMask{ width: 100%; height: 100%; opacity:0.5;position:fixed; top:0; left: 0;  z-index: 99; background:#000; opacity:0.5; z-index: 1000;}
.jxProPop{ width:100%; max-width:640px; height:90px; padding:0 6%; position:fixed; top:0; bottom:0;  z-index: 1001; box-sizing:border-box; -webkit-box-sizing:border-box; margin:auto;}
.jxProPop .popCon{ width:100%; min-height:80px; background:#fff; border-radius:5px;}
.jxProPop .popText{ text-align:center; padding:20px 8% 18px;}
.jxProPop .popText .p1{ color:#252525; font-size:14px; line-height:1.4em; font-weight:bold;}
.jxProPop .popBtn{ border-top:1px solid #e8e8e8; position:relative;}
.jxProPop .popBtn a{ display:inline-block; width:100%; height:40px; line-height:40px; font-size:14px; color:#666; text-align:center;}
.jxProPop .popBtn .popCancel,.jxProPop .popBtn .popSure{ width:50%; box-sizing:border-box; -webkit-box-sizing:border-box;}
.jxProPop .popBtn .popSure{ border-left:1px solid #e8e8e8;}
/*Toast公共弹窗end*/