@charset "utf-8";
/* CSS Document */
.main{width: 100%;margin: 0 auto;font-size: 0.6rem;}
.top{width: 16rem;background: #262b42;height: 1.8rem;line-height: 1.8rem;color: #cfd8e5;overflow: hidden;position: fixed;top: 0;z-index: 999999;}
.top li{float: left;}
.top .top_1{margin: 0 0.6rem;}
.title{width: 16rem;height: 2rem;line-height: 2rem;border-bottom: 1px solid #e5e7ea;margin-top: 2rem;padding-bottom: 0.3rem;}
.title li{float: left;}
.title img{width: 1.8rem;margin: 0 0.5rem;border-radius: 0.2rem;}
.title h3{color: #333;margin-right: 0.5rem;}
.title .title_sz{color: #f15a23;}
.title_cg{width: 16rem;height: 2rem;line-height: 2rem;color: #323232;margin-left: 0.5rem;font-size: 0.7rem;display: inline;}
.part1{width: 100%;margin: 0 auto;overflow: hidden;}
.part1 img{width: 1.5rem;float: left;margin: 0 0.2rem 0 0.4rem;}
.part1_right{float: left;font-size: 0.5rem;line-height: 0.8rem;}
.part1_right span{background: #3381e3;color: #fff;}
.article{width: 100%;margin: 0 auto;}
.article_p{width: 15rem;font-size: 0.65rem;text-indent: 2em;line-height: 1rem;margin: 0.4rem auto;text-align: justify;color: #686868;}
.article_img{width: 15rem;margin: 0 auto;}
.article_p span{color: red;}
.article_p1{font-size: 0.7rem;color: red;text-indent: 0;}
.comment{width: 16rem;margin: 0 auto;background-color: #f5f7fa;}
.comment_zx{width: 15rem;overflow: hidden;font-size: 0.55rem;color: #323232;border-top: 1px solid #eaebec;margin: 0 auto;}
.comment_zx_img{width: 1.8rem;float: left;margin: 0.4rem 0.6rem 0 0.4rem;}
.comment_zx_nr{float: left;width: 78%;}
.comment_zx_nr1{color: #3361a7;margin-top: 0.4rem;line-height: 1rem;}
.comment_zx_nr1 span{background: #3381e3;color: #fff;padding: 0.1rem;border-radius: 0.2rem;}
.comment_zx_nr2{font-size: 0.4rem;color: #ccc;line-height: 1rem;}
.comment_zx_nr3{margin: 0.3rem auto;}
.comment_zx_nr3 img{width: 1.3rem;}
.comment_zx_nr4{margin: 0.8rem auto;}
.info{width:21.3rem;height: 2.5rem;margin: 0 auto;background-color:#fcfcfc;border-top: 1px #eee solid;overflow: hidden;position: fixed;bottom: 0;z-index: 99999;}
.info_1{width: 1.8rem;float: left;margin: 0.3rem 0.4rem 0 0.4rem;}
.info_1 img{border-radius: 50%;}
.info_2{float: left;margin: 0.3rem 2.4rem 0 0;    color: #000;}
.info_2 span{color: red;}
.info_2_p{line-height: 1rem;font-size: 16px;}
.info_3{width: 3rem;height: 1.6rem;line-height: 1.6rem;text-align: center;background-color:#259dab;color:#fff;float: left;border-radius: 0.3rem;margin-top: 0.4rem;font-size: 12px;}
/*后退显示弹窗*/
.pop{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.3);z-index: 1000;width: 100%;height: 100%;font-size: 1rem;display: none;}
.pop a{background: #259dab;padding: 0.4rem;font-size: 0.6rem;color: #fff;}
.pop1{width: 15rem;height: 10rem;position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;border-radius: 0.4rem;text-align: center;padding-top: 2rem;}
.pop2{font-size: 0.8rem}
.pop3 b{font-size: 1rem;color: #c00000;}
.pop3{padding: 0.5rem;font-size: 1rem;}
.pop4{margin: 0.5rem auto;}
.pop5{color: #f00;width: 2rem;font-size: 1.5rem;height: 2rem;line-height: 2rem;border: 1px solid #f00;border-radius: 50%;position: absolute;top: 0;right: 0;}
.pop6{font-size: 1.2rem;font-weight: bold;color: #f00;}
.success{width:80%;height:8rem;background:#f3f3f5;color: #fff;padding:5px 0;border-radius: 10px;text-align: center;position: relative;top: 50%;left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
 
}
.success a{color:#00D48C;}
#animationTipBox{position: fixed;top: 0;left: 0;right: 0;bottom: 0;/*background: rgba(0,0,0,.3);*/z-index: 10000;width: 100%;height: 100%;font-size: 1rem;display: none}
#animationTipBox .icon{position: relative;width: 60px;border-radius: 50px;margin: 4px auto;    margin-top: 15px;}
#animationTipBox .icon_box{width: 80px;height: 80px;margin: 0 auto;text-align: center;position: relative}
.tip .icon{width: 80px;height: 80px;background-color: #6c3;border-radius: 100%;color: #fff;font-size: 80px;text-align: center;line-height: 80px}
#animationTipBox .lose .icon{border-color: #ff9090}
#animationTipBox .lose .icon_box{-webkit-animation: lose_Animation .5s;-moz-animation: lose_Animation .5s;animation: lose_Animation .5s}
#animationTipBox .dec_txt{font-size: 16px;text-align: center;color: #1f0202;line-height: 26px;height: 26px;padding: 5px 0 10px 0;border-top: 1px solid #fff}
.success .line_short{width: 25px;height: 5px;position: absolute;left: 14px;top: 46px;border-radius: 4px;background-color: #6c3;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);-webkit-animation: success_short_Animation .65s;-moz-animation: success_short_Animation .65s;animation: success_short_Animation .65s}
.success .line_long{width: 47px;height: 5px;position: absolute;right: 8px;top: 38px;border-radius: 4px;background-color: #6c3;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-animation: success_long_Animation .65s;-moz-animation: success_long_Animation .65s;animation: success_long_Animation .65s}
.lose .line_left, .lose .line_right{width: 47px;height: 5px;position: absolute;left: 17px;top: 37px;border-radius: 4px;background-color: #ff9090;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg)}
.qx{width: 2.5rem; border: 1px solid #999999; border-radius: 10px; font-size: 14px; float: left; margin-left: 3rem;color:#999999;}
.qd{width: 2.5rem; border: 1px solid #00D48C; border-radius: 10px; font-size: 14px; float: left;
color:#00D48C; margin-left: 1rem;}
.dec_txt_p{font-size: 14px; line-height: 20px; margin-bottom: 0.7rem;}
.lose .line_right{right: 11px;top: 37px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg)}
@keyframes alertAnimation{0%{transform:scale(.5)}
45%{transform:scale(1.25)}
80%{transform:scale(.95)}
100%{transform:scale(1)}}
@-webkit-keyframes alertAnimation{0%{-webkit-transform:scale(.5)}
45%{-webkit-transform:scale(1.25)}
80%{-webkit-transform:scale(.95)}
100%{-webkit-transform:scale(1)}}
@-moz-keyframes alertAnimation{0%{-moz-transform:scale(.5)}
45%{-moz-transform:scale(1.25)}
80%{-moz-transform:scale(.95)}
100%{-moz-transform:scale(1)}}
@-webkit-keyframes success_short_Animation{0%{width:0;
left:1px;
top:19px}
54%{width:0;
left:1px;
top:19px}
70%{width:50px;
left:-4px;
top:37px}
84%{width:17px;
left:21px;
top:48px}
100%{width:25px;
left:14px;
top:45px}}
@-moz-keyframes success_short_Animation{0%{width:0;
left:1px;
top:19px}
54%{width:0;
left:1px;
top:19px}
70%{width:50px;
left:-4px;
top:37px}
84%{width:17px;
left:21px;
top:48px}
100%{width:25px;
left:14px;
top:45px}}
@keyframes success_short_Animation{0%{width:0;
left:1px;
top:19px}
54%{width:0;
left:1px;
top:19px}
70%{width:50px;
left:-4px;
top:37px}
84%{width:17px;
left:21px;
top:48px}
100%{width:25px;
left:14px;
top:45px}}
@-webkit-keyframes success_long_Animation{0%{width:0;
right:46px;
top:54px}
65%{width:0;
right:46px;
top:54px}
84%{width:55px;
right:0;
top:35px}
100%{width:47px;
right:8px;
top:38px}}
@-moz-keyframes success_long_Animation{0%{width:0;
right:46px;
top:54px}
65%{width:0;
right:46px;
top:54px}
84%{width:55px;
right:0;
top:35px}
100%{width:47px;
right:8px;
top:38px}}
@keyframes success_long_Animation{0%{width:0;
right:46px;
top:54px}
65%{width:0;
right:46px;
top:54px}
84%{width:55px;
right:0;
top:35px}
100%{width:47px;
right:8px;
top:38px}}
@-webkit-keyframes lose_Animation{0%{-webkit-transform:scale(.6);opacity:.2}
50%{-webkit-transform:scale(.6);
opacity:.5}
80%{-webkit-transform:scale(1.15);
opacity:.8}
100%{-webkit-transform:scale(1);
opacity:1}}
@-moz-keyframes lose_Animation{0%{-moz-transform:scale(.6);
opacity:.2}
50%{-moz-transform:scale(.6);
opacity:.5}
80%{-moz-transform:scale(1.15);
opacity:.8}
100%{-moz-transform:scale(1);
opacity:1}}
@keyframes lose_Animation{0%{transform:scale(.6);
opacity:.2}
50%{transform:scale(.6);
opacity:.5}
80%{transform:scale(1.15);
opacity:.8}
100%{transform:scale(1);
opacity:1}}
@-webkit-keyframes load_Animation{0%{-webkit-transform:scale(.6);
opacity:.2}
50%{-webkit-transform:scale(.6);
opacity:.5}
80%{-webkit-transform:scale(1.15);
opacity:.8}
100%{-webkit-transform:scale(1);
opacity:1}}
@-moz-keyframes load_Animation{0%{-moz-transform:scale(.6);
opacity:.2}
50%{-moz-transform:scale(.6);
opacity:.5}
80%{-moz-transform:scale(1.15);
opacity:.8}
100%{-moz-transform:scale(1);
opacity:1}}
@keyframes load_Animation{0%{transform:scale(.6);
opacity:.2}
50%{transform:scale(.6);
opacity:.5}
80%{transform:scale(1.15);
opacity:.8}
100%{transform:scale(1);
opacity:1}}