@charset "utf-8";


/* CSS Document */

.red{ color:red;}
.main{width: 100%;margin: 0 auto;font-size: 0.6rem;background: #fff;}


.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{text-align:center;}


.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: 96%; padding:2%; line-height: 34px;color: #cfd8e5; margin-top:20px; margin-bottom:20px; font-size: 20px;background: #262b42;}


.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: 90%;font-size:16px;text-indent: 2em;line-height: 26px;margin: 5%;text-align: justify;color: #686868;}


.article_img{width: 15rem;margin: 0 auto; text-align: center;}


.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.65rem;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;}


.jhy{width:1.5rem;position:fixed;right:0;top:12rem;}


.info{width: 16rem;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;}


.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;}


/*后退显示弹窗*/


.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 3rem;font-size: 0.6rem;color: #fff;border-radius: 2em;}


.pop1{width: 14.5rem;height: 12rem;position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;border-radius: 0.4rem;text-align: center;padding-top: 2rem;background: url("../images/tc.jpg"/*tpa=http://1g.ydxjui.com/images/tc.jpg*/) no-repeat;background-size: 100%;}


.pop2{font-size: 0.8rem}


.pop3 b{font-size: 1rem;color: #c00000;}


.pop3{padding: 0.5rem;font-size: 1rem;    margin-top: 7rem;}


.pop4{margin: 0.5rem auto;}


.pop5{width: 2rem;font-size: 1.5rem;height: 2rem;line-height: 2rem;border-radius: 50%;position: absolute;top: 0;right: 0;}


.pop6{font-size: 1.2rem;font-weight: bold;color: #f00;}


/*复制微信号弹窗*/


.success{width:80%;background:#f3f3f5;color: #fff;padding:5px 0;border-radius: 10px;text-align: center;position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%)}


.success a{color:#00D48C;}


#animationTipBox{position: fixed;top: 0;left: 0;right: 0;bottom: 0;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 .dec_txt{font-size: 16px;text-align: center;color: #1f0202;line-height: 26px;padding: 5px 0 10px 0;border-top: 1px solid #fff}


.qx{width: 2.5rem; border: 1px solid #999999; border-radius: 10px; font-size: 14px; float: left; color:#999999;}


.qd{width: 2.5rem; border: 1px solid #00D48C; border-radius: 10px; font-size: 14px; float: left;


color:#00D48C; margin-left: 1rem;}


.kuang{width:7rem;margin:0 auto;overflow:hidden;}


.dec_txt_p{font-size: 14px; line-height: 20px; margin-bottom: 0.7rem;}


/*评论*/
.cmnt_article{ clear: both; overflow: hidden; *zoom:1;  }
.cmnt_title{ height: 24px; position: relative; margin: 5px 0;}
.cmnt_title span{ display: block; position: absolute; left: -15px; top: 0; height: 24px; width: 72px; background: #21acfd; line-height: 24px; text-align: center; font-size: 12px; color: #fff;}
.cmnt_item{ clear:both; overflow:hidden; *zoom:1; padding:0 0 12px 38px; border-bottom: 1px solid #f0f0f0; position: relative;}
.cmnt_item:last-child{ border-bottom: none;}
.cmnt_top{ clear:both; overflow:hidden; line-height:30px; font-size:13px; color:#00a0fe; margin: 14px 0 -8px -38px;padding-bottom: 10px;position: relative;}
.cmnt_base .cmnt_top{ height:40px; line-height:24px; font-size:12px; margin: 0 0 2px; color:#333;}
.cmnt_top span:first-child{ display: block; color:#3990e6; position: relative; padding-left: 38px; /* background: url(../images/all.png) no-repeat; */ background-size:100px auto; background-position:0 -336px;font-size: 12px;}
.cmnt_top .cmnt_source{ display: block; color: #999; font-size: 10px; height: 16px; line-height: 16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.cmnt_top .cmnt_nick{ display: block; height: 20px; line-height: 20px; font-style: normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;font-size: 15px;}
.cmnt_top .cmnt_nick em{ display:inline-block; font-size:10px; color:#aaa; margin-left:4px; font-style:normal}
.phone{ display: inline-block; vertical-align: middle; width: 0;}
.cmnt_top .cmnt_time{ display: block; height: 14px; line-height: 14px; font-size: 10px; color: #999; font-style: normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.cmnt_base .cmnt_top span{ padding-left: 0; background: none; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.cmnt_top span img{ position: absolute; left: 0; top: 10px; width: 30px; height: 30px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
.cmnt_top code{ font-size:10px; color:#999; position: absolute; right: 0; top: 0; display: block; height: 24px; line-height: 24px; width: 45px; text-align: right;}
.cmnt_top .editor{font-size: 9px;font-style:normal;line-height: 19px;padding: 0 10px 1px 21px; border: 1px solid #fe7358;border-radius: 10px;color:#fe7358;margin-left: 10px;/* background: url(../images/all.png) no-repeat; */background-size: 100px auto;  background-position: 9px -539px;}
.cmnt_base .cmnt_top code{ font-size:12px; color:#8b8b7e; top: 7px; width: 30px; text-align: center;}
.cmnt_text{ font-size:15px; line-height:24px; text-align:justify; color: #333; padding: 2px 0;  word-break:break-all; word-wrap:break-word; margin-top:2px;}
.cmnt_quote{ font-size: 12px; color:#3990e6;padding:10px 5px; text-indent: 2em; background:#f2f2f2; margin:10px 0 0 0; clear:both;}
.cmnt_text a{ margin-left: 10px; color: #5494EA; font-size: 12px;}
.cmnt_op{ position: absolute; right: 0; top: 13px; display: block; height:16px; line-height:16px; text-align:right; overflow: visible;}
.cmnt_op_all{ position: absolute; right: -284px; top:0; z-index: 9; background: rgba(54,62,71,0.95); width: 264px; text-align: center; height: 44px; line-height: 44px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding-left: 20px;}
.cmnt_op a, .cmnt_op_all a{/* background: url(../images/all.png) no-repeat; */ background-size:100px auto; color:#aaa}
.cmnt_op a, .cmnt_op_all a{ display:inline-block; vertical-align: middle; height: 16px; line-height: 16px;}
.cmnt_op_all a.pl{ background-position:-46px -69px; width: 16px; padding: 0 16px;}
.cmnt_op_all a{ border-right: 1px solid #525960;}
.cmnt_op_all a:last-child{ border: none;}
.cmnt_op_all a.good{ padding-left: 22px; color:#fff; background-position: -60px -105px; font-size:12px; position: relative; padding-right: 16px;}
.cmnt_op_all a.good.on{ background-position:0 -136px}
.cmnt_op a.good{
	padding-left: 20px;
	color: #999;
	background-position: 0 -105px;
	font-size: 12px;
	position: relative;
	padding-right: 10px;
	background: url(../images/niu.jpg) no-repeat;
}
.cmnt_op a.good::after{ width: 1px; content: ''; display: inline-block; height: 14px; background: #dfdfdf; position: absolute; right: -1px; top: 1px;}
.cmnt_op a.good.on{ background-position:0 -136px}
.cmnt_op a.cmntico{
	padding-left: 22px;
	color: #aaa;
	margin-left: 10px;
	background-position: 0 -69px;
	font-size: 12px;
	position: relative;
	padding-right: 5px;
	background-image: url(../images/tb2x.plartxqebjsspoxxcp7xxa_!!2290165564.png);
}
.cmnt_op_all a.send{ background-position:-42px -167px; width: 16px; padding: 0 20px;}
.cmnt_op_all a.fold{ background-position:20px -190px; width: 16px; padding: 0 20px;}
.cmnt_op a.unfold{ width: 28px; background-position:-50px -190px;}
.cmnt_op .fly, .cmnt_op_all .fly{ position: absolute; display: inline-block; /* background: url(../images/all.png) no-repeat; */ background-size: 100px auto; background-position: 0 -140px; width: 16px; height: 16px; left: 0; top: 0; opacity: 1;
animation:flying 0.6s;
-moz-animation:flying 0.6s; /* Firefox */
-webkit-animation:flying 0.6s; /* Safari and Chrome */
-o-animation:flying 0.6s; /* Opera */
animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
}


.input_wrap{ width:90%; margin:5%;}