@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,blockquote,th,td{ margin:0px; padding:0px;font-family:"Microsoft YaHei";}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details { display:block; } 
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0px;}
address,caption,em,code{ font-style:normal; font-weight:normal;}
pre, code, kbd, samp { font-family:inherit; } 
ol,ul{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
a{ text-decoration:none;}
a:link, a:visited, a:active {color: #333;text-decoration: none;}
.red,a.red{ color:#e13b29}
.clearfix:after{ display:block;visibility:hidden;clear:both;height:0;content:'.';}
.clearfix { zoom:1;}
.cb{ clear:both;}
html{font-size:62.5%; }
.f-mt10{ margin-top:10px;}
.f-fl{ float:left}
.f-fr{ float:right}
/* CSS Document */


.banner{ height:auto;overflow:hidden;background-size:100% auto;max-width:640px;margin:0 auto; position:relative; margin-bottom:-10px}
.banner img{ width:100%; height:auto;}
.banner_phone{ background:url(banner_phone.png) no-repeat center 0px; width:47%; height:100%;background-size:100% auto;margin:0 auto; position:absolute;top:2%; left:3%; }
.banner_txt{ background:url(banner_txt.png) no-repeat center 0px; width:50%; height:100%;background-size:100% auto; margin:0 auto;position:absolute;top:12%; right:3%;}
.ios{ background:url(banner_download_ios.png) no-repeat; width:41%; height:15%;background-size:100% auto; display:block; position:absolute;top:65%;  left:52%}
.ios:hover,.ios:active{background:url(banner_download_ios_sel.png) no-repeat;background-size:100% auto;}
.iostwo{ background:url(banner_download_ioszy.png) no-repeat; width:41%; height:15%;background-size:100% auto; display:block; position:absolute;top:50%;left:52%}
.iostwo:hover,.iostwo:active{background:url(banner_download_ioszy_sel.png) no-repeat;background-size:100% auto;}
.android{ background:url(banner_download_android.png) no-repeat;  width:41%; height:15%;background-size:100% auto; display:block;position:absolute;top:80%; left:52%}
.android:hover,.android:active{background:url(banner_download_android_sel.png) no-repeat;background-size:100% auto;}

.main,.survey,.share,.xiazai {background-size:100% auto;max-width:640px; height:auto; margin:0px auto; overflow:hidden;}
.survey {background:#a72c1e; padding-bottom:20px;}
.iphone_zx {background:url(x.png) 0 0; width:305px; height:300px; background-size:320px auto; position:relative; margin:34px auto 0px}
.iphone_zx_002 {background:url(x1.png) 0 0; width:320px; height:300px; background-size:320px auto; position:relative; margin:34px auto 0px}
.iphone_zx_003 {background:url(x2.png) 0 0; width:320px; height:300px; background-size:320px auto; position:relative; margin:34px auto 0px}


.main{ padding:0 3%;box-sizing:border-box; }
.mainbg1{width:100%; max-width: 640px;height:auto;margin: -15px auto 0 auto; background:#faf7f8;}
.mainbg1.bg2{width:100%; max-width: 640px;height:auto;margin: -20px auto 0 auto; background:#fff;}
.mainbg1 img{ width: 100%;}
.main.bg{background:#faf7f8;}
.new_tit { text-align:left; font-family:"Microsoft YaHei"; padding:10px  0;}
.new_tit.mt{ margin-top:-15px; padding-bottom:10px;}
.new_tit h2 { font-size:3rem; height:40px; line-height:40px; color:#e13b29;display:inline-block; display:inline;}
.new_tit p { font-size:1.6rem; color:#fff; line-height:30px; background:#e13b29; text-align:center; width:180px;}

.new_txt_box {margin-top:50px; float:left;}
.new_main_pro_wz { width:100%; border-left:1px #dbdbdb solid; padding-bottom:20px;}
.new_main_pro_wz.pdnone{ padding:0}
.new_main_pro_wz dt { height:50px; line-height:50px;  display:inline-block;color:#333; font-size:2rem; font-weight:bold;position:relative;top:-26px;font-family:"Microsoft YaHei";}
.new_n-bor{ border:none}
.new_main_pro_wz dt i { display:inline-block; width:44px; height:22px; background:url(new_qietu.png);background-size:320px auto; vertical-align:middle; margin-right:10px; }

.new_main_pro_wz dt i.new_number1 { background-position:0px -109px; }
.new_main_pro_wz dt i.new_number2 { background-position:-54px -109px; }
.new_main_pro_wz dt i.new_number3 { background-position:-107px -109px; }
.new_main_pro_wz dt i.new_number4 { background-position:-162px -109px; }
.new_main_pro_wz dt i.new_number5 { background-position:-216px -109px; }
.new_main_pro_wz dd { padding-left:44px; font-size:1.4rem; line-height:24px; color:#666; position:relative;top:-22px; width:95%;box-sizing:border-box;  }

.dzs{ width:28%;float:left}
.dzs img{ width:100%; }
.wenzi{ width:65%;float:right; line-height:30px;font-size:1.6rem; position:relative; color:#666}
.wenzi h3{ font-size:2rem; padding-bottom:10px; color:#000 }
.w100{ width:100%;float:left; padding:15px 0}
a.chakan{ width:100px; height:35px; line-height:35px; border:1px solid #96b6e5; color:#3e7eda; border-radius:5px;text-align:center; position:absolute; right:0; bottom:25px}
a.chakan.chakana{border:1px solid #fe938a; color:#e03929; }
a.chakan:hover{ background:#3e7eda; border-color:#3e7eda;color:#fff;}
a.chakan.chakana:hover{ background:#e03929; border-color:#e03929;}
.main-left-box{width:100%}
.main-left-box dl{padding:10px 0;  overflow:hidden; height:100%; width:100%; float:left;}
.main-left-box dl:last-child{ border-bottom:none;}
.main-left-box dt{  width:100%; height:auto;  position:relative;}
.main-left-box dt img{ width:100%;}
.main-left-box dt .bz01,.main-left-box dt .bz02,.main-left-box dt .bz03{ position:absolute;left:-1px; top:-1px; width:118px; height:86px; background:url(main.png) no-repeat 0 -24px; z-index:5;}
.main-left-box dt .bz02{ background:url(main.png) no-repeat 0 -131px;}
.main-left-box dt .bz03{ background:url(main.png) no-repeat 0 -236px;}         
.main-left-box dt p{display:block; height:40px; font-size:1.6rem; line-height:40px; color:#fff; position:absolute; left:0; bottom:0; z-index:4; padding-left:10px; text-align:left;}
.main-left-box dd{ margin-top:20px;}
.main-left-box .wz{ float:left; width:100%;  color:#555; height:auto;}
.main-left-box .wz span{ display:block; height:24px; font-size:2rem; line-height:24px; width:100%; overflow:hidden;}
.main-left-box .wz span a{ color:#555}
.main-left-box .wz p{ display:block; font-size:1.4rem; line-height:24px;padding-top:6px; }
.main-left-box .wz p b{ font-family:"Arial"; color:#a0a0a0; font-weight:normal;}
.main-left-box .wz.wz2{width:380px;}
.main-left-box dt span{ display:block; width:100%; height:100%;  position:absolute; left:0; top:0; background: #000;filter: alpha(opacity=60);-moz-opacity:0.6; -khtml-opacity: 0.6;opacity: 0.6; z-index:3; display:none}

.xiazai {background:#e13b29;width:100%;padding:15px 0 15px 3%;box-sizing:border-box; height:auto;margin: 0 auto; position:relative}
.xiazai .wenzi{ color:#fff; width:100%; padding:15px 0 0 0; height:auto;font-size: 1.4rem; float:left;}
.xiazai h2{ font:2.4rem/24px bold Microsoft YaHei; color:#ffdf5d; }
.xiazai .btn{ width:100%;}
.ban-btna a {border: 1px solid #fff;border-radius: 3px;color: #fff;display: inline-block;font-size: 1.2rem;line-height: 42px;margin-right: 10px;width: 45%; box-sizing:border-box;padding-left:10px}
.ban-btna a:hover {background: #af1308;border: 1px solid #af1308;}
.ban-btna a > i {background: url("bgn.png") no-repeat;display: inline-block;height: 24px;margin-right: 10px;vertical-align: middle;width: 26px}
.ban-btna.androida a > i {background-position: 4px 0}
.ban-btna.iphone a > i {background-position: 4px -32px}
.ban-btna.app a > i {background-position: 4px -32px}
.ban-btna.androida:hover a > i {background-position: 4px 0}
.ban-btna.iphone:hover a > i {background-position: 4px -32px}
.ban-btna.app:hover a > i {background-position: 4px -32px}
.wauto{ width:100%;float:left}
.announce{ padding:8px; background:#fff; margin-top:15px;}
.announce form{ width:100%}
.announce form .rows,.login form .rows{ display:block; width:100%; height:58px; font-size:1.6rem; -webkit-appearance: none;
color:#aaa; border:1px solid #dadada; background:#fafafa; padding:8px;box-sizing: border-box; -webkit-appearance: none;}
.announce form .accouncement{ display:block; width:100%; height:35px; background:#ef4700; border-radius:3px;
 margin-top:8px; border:1px solid #ef4700; color:#fff; font-size:1.4rem; line-height:35px;-webkit-appearance: none;}

.reply{ width:100%; background:#fff}
.reply li{padding:8px;border-bottom:1px solid #eee;;}
.reply li.touxiang{ padding-left:60px; position:relative}
.reply li.touxiang .left-img { position: absolute; left: 0%; top:4px; padding:5px 0 0 10px; }
.reply li.touxiang .left-img img { width:40px; height:40px; border-radius:2px; }
.user b{ font-family:"Arial"; color:#a0a0a0; font-weight:normal;}
.reply li .user{ width:100%; font-size:1.4rem; color:#5a93d5; text-align:left;}
.reply li .user a{ color:#5a93d5; padding-right:5px;}
.reply li .replyCtm{ width:100%; font-size:1.6rem; color:#333; text-align:left; }
.replyFoot { text-align:right;}
.replyFoot a{ margin-right:10px;}
.replyFoot a:before{ content:""; width:16px; height:16px; background:url(new_qietu.png);background-size:320px auto; display:inline-block; vertical-align:middle; padding-right:5px;}
.replyFoot .approve{ display:inline-block;font-size:1.4rem; color:#333;}
.replyFoot .rp{font-size:1.4rem; color:#333; white-space:nowrap; }
.replyFoot a.approve:before{ background-position:-266px -34px;}
.replyFoot a.rp:before{ background-position:-302px -34px;}
.replyFoot a.hover:before{ background-position:-266px -64px}
.replyFoot a.del{ float:left; font-size:1.4rem;color:#999;}
.replyFoot a.del:before{ display:none;}
.login{ margin-top:8px;}
.login form{ width:100%}
.login form p{ width:100%; height:35px; padding-top:8px}
.login form p .password,.login form p .account{ float:left; width:35%;border:1px solid #dadada; font-size:1.2rem; padding:8px; overflow:hidden; white-space:nowrap;box-sizing: border-box}
.login form p .password{border-left:none;}
.login form p .replyTo{ float:right; width:20%; padding:7px 0; border:1px solid #ef4700;border-radius:5px;background:#ef4700;
 text-align:center; color:#fff; font-size:1.4rem; line-height:14px; -webkit-appearance: none; }
.login form p .welcome,.login form p .loginOut{ float:left; font-size:1.2rem; padding:8px; box-sizing: border-box;overflow:hidden; white-space:nowrap;}
.login form p span{ float:left;padding:8px 10px; font-size:1.2rem; color:#ddd}
.replyShow{ display:block; margin-left:8px; margin-top:8px; padding:8px 0; border-top:1px dotted #ddd}
.replyShow .rlyCtn,.replyShow .rlyTo{ font-size:1.4rem; color:#333; padding:2px 0}
.replyShow .rlyCtn a,.replyShow .rlyTo a{ color:#5a93d5;padding-right:5px;}
.replyShow .rlyCtn{ font-size:1.4rem; color:#333}
.replyShow .delete{ float:right; color:#333; margin-right:10px}
.checkMC{ color:#333; width:100%; display:block; text-align:center; font-size:1.6rem; line-height:35px; background:#fff; margin-bottom:20px }
.promote{ width:100%;}
.promote a{ display:block; width:100%; min-height:60px; background:#f00}
.promote a img{ display:block; width:100%}

.recomment{ width:100%;box-sizing: border-box;font-size:1.9rem; padding-left:35px; line-height:44px; color:#333; background:url(new_qietu.png) -295px 12px no-repeat #fff;background-size:320px auto;border-bottom:1px solid #dadada; }
.rmtcmt{ padding:8px; background:#fff;border-top:1px solid #dadada; box-shadow:1px 3px 5px rgba(0,0,0,0.05)}
.rmtcmt.top{border-bottom:1px solid #dbdbdb}
.rmtcmt li{ width:100%; border-bottom:1px dashed #eee; padding:8px 0}
.rmtcmt li a{ display:block; width:100%;font-size:1.6rem; color:#333;}
.number-right { float: right; padding-right: 10px; font-size: 1.2rem; color: #999 }
.number-right b { font: normal 2.4rem/28px "Georgia"; color: #f64d1c }

.showblank{ visibility:hidden;}
.showblank.a-bounceinR,.showblank.a-bounceinL{ visibility:visible;}

.lmj-popup.popup-lg .lmj-popup-main{width:160px;}
.lmj-popup.popup-lg .lmj-popup-main  .lmj-popup-bd{text-align:center;color:#C00;}

.sidNav { position:fixed; right:3%; bottom:20px; width:70px;_top: expression(document.documentElement.clientHeight-410+documentElement.scrollTop +"px");}
a.sidNavTop{ background:#eee; width:70px; border-radius:100%;display:block; font:bold 1.6rem/32px "Microsoft YaHei"; color:#999;text-align:center; cursor:pointer; padding:10px 0}
a.sidNavTop .guide{ background:url(new_qietu.png) -305px -110px; width:16px; height:16px;background-size:320px auto; margin:0 auto; display:block; }
.move1{
	animation:move1 3s infinite;
	-webkit-animation:move1 3s infinite;
	-moz-animation:move1 3s infinite;
	-o-animation:move1 3s infinite;
	-ms-animation:move1 3s infinite;
	}
	
	
	
@-webkit-keyframes move1{
0% { top:2%;}
50% { top:3%;}
100% { top:2%;}
}

@-moz-keyframes move1{
0% { top:2%;}
50% { top:3%;}
100% { top:2%;}
}

@-ms-keyframes move1{
0% { top:2%;}
50% { top:3%;}
100% { top:2%;}
}

@keyframes move1{
0% { top:2%;}
50% { top:3%;}
100% { top:2%;}
}


.a-saomiao{animation:saomiao 3s infinite;
	-webkit-animation:saomiao 3s infinite;
	-moz-animation:saomiao 3s infinite;
	-o-animation:saomiao 3s infinite;
	-ms-animation:saomiao 3s infinite;}

@-webkit-keyframes saomiao{
    0%{-webkit-transform:translateY(-35px);}
    50%{-webkit-transform:translateY(45px);}
    100%{-webkit-transform:translateY(-35px);}
}

@-moz-keyframes saomiao{
    0%{-moz-transform:translateY(-35px);}
    100%{-moz-transform:translateY(45px);}
    100%{-moz-transform:translateY(-35px);}
}

@-ms-keyframes saomiao{
    0%{-ms-transform:translateY(-35px);}
    100%{-ms-transform:translateY(45px);}
    100%{-ms-transform:translateY(-35px);}
}

@keyframes saomiao{
    0%{transform:translateY(-35px);}
    100%{transform:translateY(45px);}
    100%{transform:translateY(-35px);}
}

.a-fadeinT{-webkit-animation:fadeinT 2s ease backwards;-moz-animation:fadeinT 2s ease backwards;-ms-animation:fadeinT 2s ease backwards;animation:fadeinT 2s ease backwards;}
	
@-webkit-keyframes fadeinT{
    0%{opacity:0;-webkit-transform:translateY(-100px);}
    100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeinT{
    0%{opacity:0;-moz-transform:translateY(-100px);}
    100%{opacity:1;-moz-transform:translateY(0);}
}
@-ms-keyframes fadeinT{
    0%{opacity:0;-ms-transform:translateY(-100px);}
    100%{opacity:1;-ms-transform:translateY(0);}
}
@keyframes fadeinT{
    0%{opacity:0;transform:translateY(-100px);}
    100%{opacity:1;transform:translateY(0);}
}

.a-fadeinL{-webkit-animation:fadeinL 2s ease 1s backwards;-moz-animation:fadeinL 2s ease 1s backwards;-ms-animation:fadeinL 2s ease 1s backwards;animation:fadeinL 2s ease 1s backwards;}
	
@-webkit-keyframes fadeinL{
    0%{opacity:0;-webkit-transform:translateX(-100px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeinL{
    0%{opacity:0;-moz-transform:translateX(-100px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-ms-keyframes fadeinL{
    0%{opacity:0;-ms-transform:translateX(-100px);}
    100%{opacity:1;-ms-transform:translateX(0);}
}
@keyframes fadeinL{
    0%{opacity:0;transform:translateX(-100px);}
    100%{opacity:1;transform:translateX(0);}
}

.a-bounceinL,.a-bounceinR{-webkit-animation:1s ease-out backwards;-moz-animation:1s ease-out backwards;-ms-animation:1s ease-out backwards;animation:1s ease-out backwards;}
.a-bounceinR{-webkit-animation-name:bounceinR;-moz-animation-name:bounceinR;-ms-animation-name:bounceinR;animation-name:bounceinR;}
.a-bounceinL{-webkit-animation-name:bounceinL;-moz-animation-name:bounceinL;-ms-animation-name:bounceinL;animation-name:bounceinL;}

@-webkit-keyframes bounceinR{
    0%{opacity:0;-webkit-transform:translateX(100px);}
    60%{opacity:1;-webkit-transform:translateX(-20px);}
    80%{-webkit-transform:translateX(10px);}
    100%{-webkit-transform:translateX(0);}
}
@-moz-keyframes bounceinR{
    0%{opacity:0;-moz-transform:translateX(100px);}
    60%{opacity:1;-moz-transform:translateX(-20px);}
    80%{-moz-transform:translateX(10px);}
    100%{-moz-transform:translateX(0);}
}
@-ms-keyframes bounceinR{
    0%{opacity:0;-ms-transform:translateX(100px);}
    60%{opacity:1;-ms-transform:translateX(-20px);}
    80%{-ms-transform:translateX(10px);}
    100%{-ms-transform:translateX(0);}
}
@keyframes bounceinR{
    0%{opacity:0;transform:translateX(100px);}
    60%{opacity:1;transform:translateX(-20px);}
    80%{transform:translateX(10px);}
    100%{transform:translateX(0);}
}

@-webkit-keyframes bounceinL{
    0%{opacity:0;-webkit-transform:translateX(-100px);}
    60%{opacity:1;-webkit-transform:translateX(20px);}
    80%{-webkit-transform:translateX(-10px);}
    100%{-webkit-transform:translateX(0);}
}
@-moz-keyframes bounceinL{
    0%{opacity:0;-moz-transform:translateX(-100px);}
    60%{opacity:1;-moz-transform:translateX(20px);}
    80%{-moz-transform:translateX(-10px);}
    100%{-moz-transform:translateX(0);}
}
@-ms-keyframes bounceinL{
    0%{opacity:0;-ms-transform:translateX(-100px);}
    60%{opacity:1;-ms-transform:translateX(20px);}
    80%{-ms-transform:translateX(-10px);}
    100%{-ms-transform:translateX(0);}
}
@keyframes bounceinL{
    0%{opacity:0;transform:translateX(-100px);}
    60%{opacity:1;transform:translateX(20px);}
    80%{transform:translateX(-10px);}
    100%{transform:translateX(0);}
}

.a-floatTip{animation:floatTip 3s infinite;
	-webkit-animation:floatTip 3s infinite;
	-moz-animation:floatTip 3s infinite;
	-o-animation:floatTip 3s infinite;
	-ms-animation:floatTip 3s infinite;}

@-webkit-keyframes floatTip{
    0%{-webkit-transform:translateY(-5px);}
    50%{-webkit-transform:translateY(0px);}
    100%{-webkit-transform:translateY(-5px);}
}

@-moz-keyframes floatTip{
    0%{-moz-transform:translateY(-5px);}
    100%{-moz-transform:translateY(0px);}
    100%{-moz-transform:translateY(-5px);}
}

@-ms-keyframes floatTip{
    0%{-ms-transform:translateY(-5px);}
    100%{-ms-transform:translateY(0px);}
    100%{-ms-transform:translateY(-5px);}
}

@keyframes floatTip{
    0%{transform:translateY(-5px);}
    100%{transform:translateY(0px);}
    100%{transform:translateY(-5px);}
}