a{color: #333;}
a:hover{text-decoration: none;color: #333;}

.slidebox{position: fixed;bottom: 40%;right: 15px;background-color: #af1e1d;z-index: 10000;}
.slidebox .slidebitem{display: block;color: #fff;padding:5px 10px;position: relative;}
.slidebox .slidebitem .wechat{position: absolute;padding:15px 10px;right: 50px;top: 0;background-color: #af1e1d;color: #fff;display: none;}
.slidebox .line{border-bottom: 1px solid #fff;}
.slidebox .line:hover .wechat{display: block;}

.aboutpage{padding-top: 20px;padding-bottom:20px;}
.aboutpage .abtit ,.aboutpage .knotit{font-size: 18px;font-weight: bold;margin-top: 20px;}
.aboutpage .abdes,.aboutpage .knodes{font-size: 16px;}



body{background-color: #f1f1f1;font-size: 14px;}
.body{padding-top: 116px;}
.body1{padding-top: 60px;}
.carousel-control.left{background-color: transparent;background-image: none;}
.carousel-control.right{background-color: transparent;background-image: none;}
.carousel-control{color:#af1e1d; }
.carousel-control:hover, .carousel-control:focus{color:#af1e1d; }
.fl{float: left;}
.fr{float: right;}

.codebg{background: url(../img/bg.jpg);margin-top: 20px;padding-bottom: 50px;}
.codebox{width: 500px;background-color: #fff;padding: 40px 30px 30px ;border-radius: 10px;margin: 50px auto 0;text-align: center;}
.codebox .clogo{width: 150px;display: block;margin: 0 auto 20px;}
.codebox .codetit{font-size: 22px;margin-bottom:5px;}
.codebox .codetip{font-size: 16px;color: #999;padding-bottom: 20px;border-bottom: 1px solid #f1f1f1;}
.codebox .codeimg{width: 200px;display: block;margin:20px auto 15px;}
.codebox .pubtip{text-align: center;font-size: 14px;color: #999;}


ul,ol{list-style: none;}

.toast{position: fixed;top: 50%;left: 50%;background-color: rgba(0,0,0,0.6);color: #fff;font-size: 15px;line-height: 32px;padding: 10px 10px;border-radius: 8px;display: none;max-width:300px;z-index: 1000;text-align: center;min-width: 150px;transform: translate(-50%,-50%);}

.musticon{font-weight: bold;color: #af1e1d;display: inline-block;padding-right: 4px;line-height: 36px;}

.headtop{background-color: #af1e1d;height: 60px;overflow: hidden;position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;}
.headtop .container{position: relative;}
.headtop .logoimg{width: 150px;padding-top: 8px;float: left;}
.headtop .toplink{float: right;line-height: 60px;color: #fff;}
.headtop .toplink .toplinkitem{color: #fff;font-size: 15px;display: inline-block;}
.headtop .toplink .toplinkitem{color: #fff;font-size: 15px;display: inline-block;}
.headtop .toplink .dline{display: inline-block;padding-left: 10px;padding-right: 10px;font-size: 20px;}


.headtop .topnav{position: absolute;top: 0;left: 200px}
.headtop .topnav .navitem{height: 60px;line-height: 60px;color: #fff;font-size: 18px;text-align: center;display: inline-block;padding-left: 10px;padding-right: 10px;}



.navbox{background-color: #fff;padding-top: 10px;padding-bottom: 10px;position: fixed;top: 60px;left: 0;width: 100%;z-index: 1000;border-bottom: 1px solid #f1f1f1;}
.navbox .navitem{height: 36px;line-height: 36px;color: #333;font-size: 18px;float: left;width: 8.3%;text-align: center;}
.navbox .navitem:hover{color: #af1e1d;}

.searchad{padding-top: 15px;margin-top: 15px;background-color: #fff;}
.searchad .searchbox{overflow: hidden;position: relative;}
.searchad .searchbox input{width: 260px;float: left;height: 38px;line-height: 38px;padding-left: 10px;border:1px solid #ccc;}
.searchad .searchbox .searbtn{float: left;height: 38px;line-height: 38px;background-color: #af1e1d;color: #fff;text-align: center;padding-left: 20px;padding-right: 20px;cursor: pointer}
.searchad .searchbox .color2{background-color: #de6e00;}
.searchad .adbox {margin-left: -15px;margin-right: -15px;}
.searchad .adbox .adimg{width: 100%;display: block;margin-top: 15px;}

.swiperbox{margin-top: 15px;padding-left: 0;padding-right: 0;height: 386px;overflow: hidden;}
.swiperbox .carousel{width: 750px;float: left;}
.swiperbox .carouselimgbox{width: 230px;height: 386px;background-color: rgba(0,0,0,0.6);position: relative;float: left;overflow: hidden;}
.swiperbox .carouselimgbox .carlable{position: absolute;top: 0;letter-spacing: 0;background-color: #af1e1d;color: #fff;padding: 0 14px;line-height: 32px;height: 32px;font-size: 17px;border-top-left-radius: 12px;border-bottom-right-radius: 12px;}
.swiperbox .carouselimgbox .carouselimg{width: 100%;position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;}
.swiperbox .carousel-caption{width: 520px;float: right;position: static;text-align: left;padding-left: 20px;text-shadow: none;padding-right: 20px;}
.swiperbox .carousel-caption .carouseltit{color: #333;font-size: 20px;font-weight: bold;}
.swiperbox .carousel-caption .carouseldes{color: #777;font-size: 16px;}
.swiperbox .carousel-caption .carouselbtn{font-size: 16px;height: 38px;line-height: 38px;text-align: center;width: 150px;background-color: #af1e1d;color: #fff;display: block;margin-top: 20px;}
.swiperbox .carousel-caption .carouseladd{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.swiperbox .carousel-indicators{bottom: 0px;margin-bottom: 0;}

.swiperbox .swiperright{width: 515px;float: right;}
.swiperbox .swiperright .sritem1{background-color: #fff;padding-top: 50px;padding-bottom: 13px;margin-bottom: 15px;position: relative;display: block;}
.swiperbox .swiperright .sritem1 .srlabel{position: absolute;left: -6px;top: 15px;width: 80px;height: 33px;text-align: center;font-size: 14px;color: #ffffff;line-height: 28px;background: url(../img/srtit.png) no-repeat;}
.swiperbox .swiperright .sritem1 .srtit{padding-left: 20px;padding-right: 20px;font-size: 16px;margin-bottom: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.swiperbox .swiperright .srimgbox{overflow: hidden;}
.swiperbox .swiperright .srimgbox .sritem2{width: 250px;display: block;}
.swiperbox .swiperright .srimgbox .sritem2 .srimg{width: 250px;height: 141px;}
.swiperbox .swiperright .srimgbox .sritem2 .srtit{padding:10px;font-size: 16px;margin-bottom: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background-color: #fff;}


.bodytitle{overflow: hidden;}
.bodytitle .titletxt{font-size: 20px;float: left;font-weight: bold;line-height: 60px;margin-top: 0;margin-bottom: 0;}
.bodytitle .titlemore{font-size: 14px;color: #777;float: right;line-height: 60px;}

.bread{height: 60px;line-height: 60px;font-size: 15px;border-bottom: 1px solid #eee;overflow: hidden;word-wrap: nowrap;}
.bread .breaditem{color: #666;}
.bread .breadline{display: inline-block;padding-left: 15px;padding-right: 15px;color: #666;}

.listclass{height: 50px;line-height: 50px;}
.listclass .listctit{display: inline-block;padding-right: 20px;font-size: 18px;font-weight: bold;}
.listclass .listcitem{display: inline-block;padding-right: 20px;font-size: 14px;}




.looksec{background-color: #fff;margin-top: 15px;}
.looksec .looklist{margin-right: -15px;overflow: hidden;}
.looksec .looklist .lookitem{width: 33.3%;float: left;border-top: 1px solid #eee;padding-bottom: 15px;padding-top: 15px;}
.looksec .looklist .lookitem .lookimgbox{width: 35%;float: left;height: 220px;background-color: rgba(0,0,0,0.5);position: relative;overflow: hidden;}
.looksec .looklist .lookitem .lookimgbox .lookimg{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.looksec .looklist .lookitem .lookimgbox .looklable{position: absolute;top: 0;letter-spacing: 0;background-color: #af1e1d;color: #fff;padding: 0 14px;line-height: 32px;height: 32px;font-size: 17px;border-top-left-radius: 12px;border-bottom-right-radius: 12px;}
.looksec .looklist .lookitem .lookcon{width: 65%;float: left;padding-left: 15px;padding-top: 15px;padding-right: 25px;}
.looksec .looklist .lookitem .lookcon .looktit{font-size: 18px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 6px;}
.looksec .looklist .lookitem .lookcon .lookdes{font-size: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 6px;}

.bodyadbox{margin-top: 15px;}
.bodyadbox .container{padding-left: 0;padding-right: 0;}
.bodyadbox .bodyadimg{display: block;width: 100%;}

.txtlist .txtitem{padding-top: 10px;padding-bottom: 10px;border-top: 1px dashed #eee;display: block;}
.txtlist .txtitem .txttit{font-size: 16px;font-weight: bold;margin-top: 10px;}
.txtlist .txtitem .txtdes{font-size: 14px;color: #878787;-webkit-line-clamp: 2; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical;}

.lablebox{overflow: hidden;padding-left: 0;margin-left: -10px;margin-right: -10px}
.lablebox .lableitem{width:25%;float: left;font-size: 16px;box-sizing: border-box;padding:0 15px;margin-bottom: 20px;}
.lablebox .lableitem .litembox{border: 1px solid #eee;padding-top:10px;}
.lablebox .lableitem .litembox p{margin-bottom: 0;}
.lablebox .lableitem .litembox .topicname{font-size: 18px;padding-bottom: 10px; padding-left: 10px;}
.lablebox .lableitem .litembox .topicintro{font-size: 15px;line-height: 28px;color: #666;padding-left: 10px;padding-right: 10px;height: 90px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;text-overflow: ellipsis;}
.lablebox .lableitem .litembox .topicnum{height: 40px;background-color: #f5f5f5;line-height: 40px;font-size: 14px;padding-left: 10px;color: #888;}
.lablebox .lableitem .litembox .hoticon{display: inline-block;width: 15px;height: 15px;margin-left: 10px;position: relative;top: -2px;}



.newslist{overflow: hidden;margin-right: -2%;border-top: 1px solid #eee;}
.newslist .newsitem{width: 31.33%;float: left;padding-top: 20px;padding-bottom: 20px;border-bottom: 1px solid #eee;margin-right: 2%;}
.newslist .newsitem .newstitbox{overflow: hidden;}
.newslist .newsitem .newstit{font-size: 16px;margin-top: 0;width: 80%;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newslist .newsitem .newstime{width: 20%;float: right;font-size: 12px;color: #878787;}
.newslist .newsitem .newsdes{margin-bottom: 0;}
.newslist .newsitem .newsdes a{color: #878787;margin-bottom: 0;-webkit-line-clamp: 2; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical; margin-top: 10px;font-size: 14px;height: 40px;}



.safebox {margin-right: -10px;}
.safebox .safetip{width: 24%;border: 1px solid #eee;float: left;margin-right: 2%;padding:0 15px;height: 290px;}
.safebox .safetip .tipimg{display: block;margin:30px auto;}
.safebox .safetip .tiptit{font-size: 16px;font-weight:bold;line-height: 28px;}
.safebox .safetip .tipdes{font-size: 14px;line-height: 24px;color: #878787;-webkit-line-clamp: 3; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical;}
.safebox .safetopic{width: 32%;float: left;margin-right: 2%;}
.safebox .safetopic .sritem1{background-color: #f5f5f5;padding-top: 19px;padding-bottom: 19px;margin-bottom: 15px;position: relative;display: block;}

.safebox .safetopic .sritem1 .srtit{padding-left: 20px;padding-right: 20px;font-size: 16px;margin-bottom: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.safebox .safecon{width: 40%;float: left;}

.safebox .safecon .qrbox1 .qrtit{font-size: 18px;line-height: 36px;margin-top: 0;margin-bottom: 0;font-weight: bold;}
.safebox .safecon .qrbox1 .qrtopic {padding-left: 0;padding-top: 10px;}
.safebox .safecon .qrbox1 .qrtopic .qrtitem{display: inline-block;height: 24px;line-height: 24px;padding-left: 8px;padding-right: 8px;background-color: #ffe3e3;margin-right: 5px;margin-left: 5px;margin-bottom: 10px;font-size: 12px;}
.safebox .safecon .qrbox1 .qrtopic .qrtitem {color: #af1e1d;}
.safebox .safecon .qrbox1 .qrtopic .qrtitem:hover{background-color: #af1e1d;color: #fff;}

footer{background-color: #323232;padding-top: 20px;padding-bottom: 10px;margin-top: 15px;color: #fff;text-align: center;}
footer .fnav {padding-bottom: 15px;}
footer .fnav .fnavitem{display: inline-block;padding-right: 20px;font-size: 16px;color: #fff;}
footer .platintro{font-size: 14px;margin-bottom: 6px;}
footer .copyright{font-size: 12px;margin-bottom: 6px;}
footer .copyright a{color: #fff;}

.questlabel{padding-top: 20px;padding-bottom: 20px;}
.questlabel .questlitem{height: 32px;line-height: 32px;display: inline-block;color: #af1e1d;padding-left: 6px;padding-right: 6px;border-radius: 5px;margin-right: 10px;}
.questlabel .active{background-color: #af1e1d;color: #fff;}
.questclass{height: 50px;line-height: 50px;border-bottom: 1px solid #eee;}
.questclass .questitem{font-size: 16px;display: inline-block;padding-right: 20px;padding-left: 20px;}
.questclass .active{border: 1px solid #eee;border-bottom: 1px solid #fff;height: 51px;background-color: #fff;}



.leftright{overflow: hidden;border-top:15px solid #f1f1f1;margin-left: -15px;margin-right: -15px;}
.leftright .questleft{width: 865px;float: left;margin-right:15px;padding-left: 15px;padding-top: 15px;padding-right: 15px;background-color: #fff;}
.leftright .questright{width: 400px;float: left;background-color: #fff;}
.leftright .questright .qrbox1{padding:15px;}
.leftright .questright .qrbox1 .qrtit{font-size: 18px;line-height: 36px;margin-top: 0;margin-bottom: 0;font-weight: bold;}
.leftright .questright .qrbox1 .qrtopic {padding-left: 0;padding-top: 10px;}
.leftright .questright .qrbox1 .qrtopic .qrtitem{display: inline-block;height: 24px;line-height: 24px;padding-left: 8px;padding-right: 8px;background-color: #ffe3e3;margin-right: 5px;margin-left: 5px;margin-bottom: 10px;font-size: 12px;}
.leftright .questright .qrbox1 .qrtopic .qrtitem {color: #af1e1d;}
.leftright .questright .qrbox1 .qrtopic .qrtitem:hover{background-color: #af1e1d;color: #fff;}
.leftright .questright .qrbox2{padding:25px 15px;border-bottom: 15px solid #f1f1f1;}
.leftright .questright .qrbox2 .qrtip{font-size: 14px;color: #878787;text-align: center;}
.leftright .questright .qrbox2 .qrbtn{width: 140px;background-color: #af1e1d;color: #fff;text-align: center;height: 36px;line-height: 36px;border-radius: 8px;display: block;margin: 0 auto;}


.leftright .topicintro{margin-top: 10px;background-color: #f1f1f1;padding:15px;margin-bottom: 15px;}
.leftright .topicintro .topicname{font-size: 16px;margin-bottom:6px;}
.leftright .topicintro .topicdes{font-size: 14px;margin-bottom:6px;line-height: 24px;color: #666;}

.questlist{padding-top: 15px;}
.questlist .qlitem{overflow: hidden;margin-bottom: 10px;padding-top: 10px;padding-bottom: 10px;border-bottom: 1px solid #eee;}
.questlist .qlitem .ansnum{width: 40px;height: 40px;background-color: #af1e1d;color: #fff;text-align: center;padding-top: 3px;font-size: 12px;float: left;}
.questlist .qlitem .ansnum .txt{display: block;}
.questlist .qlitem .qusetcon{width: 780px;float: left;padding-left: 15px;}
.questlist .qlitem .qusetcon .questtop{overflow: hidden;}
.questlist .qlitem .qusetcon .questtit{font-size: 16px;margin-top: 0;margin-bottom:6px;font-weight: normal;display: inline-block;max-width: 550px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;}
.questlist .qlitem .qusetcon .questtit:hover a{color: #af1e1d;}
.questlist .qlitem .qusetcon .questlable{float:left;height: 24px;line-height: 24px;color: #af1e1d;background-color: #ffe3e3;padding-left: 8px;padding-right: 8px;margin-left: 15px;}
.questlist .qlitem .qusetcon .questlable:hover{background-color: #af1e1d;color: #fff;}
.questlist .qlitem .qusetcon .questtime{font-size: 12px;margin-bottom:0px;color: #878787;}
.questlist .qlitem .qusetcon .quesnewtit{font-size: 16px;margin-top: 0;margin-bottom:6px;font-weight: normal;}
.questlist .qlitem .qusetcon .quesnewdes{font-size: 14px;margin-bottom:6px;color:#777;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis;overflow: hidden;}


.qdleft{width: 865px;margin-right: 15px;float: left;padding-left: 15px;background-color: #fff;}
.qdleft .qdcon {padding-right: 15px;}
.qdleft .qdcon .qdtit{font-size: 20px;}
.qdleft .qdcon .qdlabel{height: 24px;line-height: 24px;color: #af1e1d;background-color: #ffe3e3;padding-left: 8px;padding-right: 8px;border-radius: 5px;display: inline-block;margin-bottom: 15px;}
.qdleft .qdcon .qdlabel:hover{background-color: #af1e1d;color: #fff;}
.qdleft .qdcon .qdcontent{padding-bottom: 15px;}
.qdleft .qdcon .qdcontent img{display: block;margin: 0 auto;max-width:100%;}
.qdleft .qdcon .newsmesbox{font-size: 14px;color: #999;padding-bottom: 15px;text-align: right;}
.qdleft .qdcon .newsmesbox span{display: inline-block;padding-left: 20px;}



.qdleft .qdrecom{padding-top: 20px;padding-bottom: 10px;}
.qdleft .qdrecom .qdremtit{font-size: 18px;font-weight: bold;}
.qdleft .qdrecom .qdremitem{width: 48%;float: left;box-shadow: 2px 2px 4px #aaa;margin-right: 2%;padding-left: 15px;padding-right: 15px;height: 126px;padding-top: 5px;}
.qdleft .qdrecom .qdremitem .qdrctit{font-size: 16px;font-weight: bold;}
.qdleft .qdrecom .qdremitem .qdrcdes{font-size: 14px;color: #878787;-webkit-line-clamp: 2; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical; }
.qdleft .qdrecom .qdremitem .qrtip{font-size: 14px;color: #878787;text-align: center;padding-top: 30px;}
.qdleft .qdrecom .qdremitem .qrbtn{width: 140px;background-color: #af1e1d;color: #fff;text-align: center;height: 36px;line-height: 36px;border-radius: 8px;display: block;margin: 0 auto 30px;}
.qdleft .anslist {margin-top: 10px;padding-right: 15px;}
.qdleft .anslist .anslistnum{font-size: 18px;height: 50px;line-height: 50px;border-bottom: 1px solid #f1f1f1;}
.qdleft .anslist .ansitem{overflow: hidden;margin-bottom: 10px;}
.qdleft .anslist .ansitem .avaicon{width: 46px;height: 46px;border-radius: 46px;float: left;}
.qdleft .anslist .ansitem .anscon{width: 785px;float: left;padding-left: 15px;}
.qdleft .anslist .ansitem .anscon .anstop{overflow: hidden;}
.qdleft .anslist .ansitem .anscon .anstime{float: right;font-size: 12px;color: #878787;}
.qdleft .anslist .ansitem .anscon .avaname{font-size: 15px;font-weight: bold;color: #af1e1d;margin-bottom: 4px;float: left; }
.qdleft .anslist .ansitem .anscon .anstxt{font-size: 14px;line-height: 24px; }


.qdright{width: 400px;float: left;background-color: #fff}
.qdright .qdrtit{height: 50px;line-height: 50px;border-bottom: 1px solid #f1f1f1;font-size: 18px;padding-left: 15px;font-weight: bold;}
.qdright .nbt20{border-top: 15px solid #f1f1f1;height: 70px;}
.qdright  .qdralist{padding-bottom: 20px;}
.qdright .qdraitem{padding-bottom: 10px;border-bottom: 1px dashed #f1f1f1;padding-left: 15px;padding-right: 15px;}
.qdright .qdraitem1{padding-left: 15px;margin-top: 20px;}
.qdright .qdraitem .qdratit{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;font-weight: normal;margin-top: 15px;margin-bottom: 8px;}
.qdright .qdraitem .qdrades{margin-bottom: 0;}
.qdright .qdraitem:hover .qdratit a{color: #af1e1d;}
.qdright .qdraitem1 .qdratit1{font-size: 15px;font-weight: normal;margin-top: 0;margin-bottom: 0;line-height: 24px;}
.qdright .qdraitem1:hover .qdratit1 a{color: #af1e1d;}
.qdright .qdraitem .qdrades a{-webkit-line-clamp: 2; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical; color: #878787;margin-bottom: 0;}
.qdright .qrbox1{border-top: 15px solid #f1f1f1;padding-top: 10px;}
.qdright .qrbox1 .qrtit{font-size: 18px;line-height: 36px;margin-top: 0;margin-bottom: 0;font-weight: bold;padding-left: 10px;}
.qdright .qrbox1 .qrtopic {padding-left: 10px;padding-top: 10px;}
.qdright .qrbox1 .qrtopic .qrtitem{display: inline-block;height: 24px;line-height: 24px;padding-left: 8px;padding-right: 8px;background-color: #ffe3e3;margin-right: 5px;margin-left: 5px;margin-bottom: 10px;font-size: 12px;}
.qdright .qrbox1 .qrtopic .qrtitem {color: #af1e1d;}
.qdright .qrbox1 .qrtopic .qrtitem:hover{background-color: #af1e1d;color: #fff;}



.clear{clear: both;}


.newspage{overflow: hidden;}
.newspage .newsitem{padding-top: 20px;padding-bottom: 20px;border-bottom: 1px solid #eee;margin-right: 2%;overflow: hidden;}
.newspage .newsitem .newsimg{width: 140px;float: left;margin-right: 15px;height: 78px;}
.newspage .newsitem .newstitbox{overflow: hidden;}
.newspage .newsitem .newstit{font-size: 16px;margin-top: 0;width: 78%;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newspage .newsitem .newstime{width: 20%;float: right;font-size: 12px;color: #878787;}
.newspage .newsitem:hover a{color: #af1e1d;}
.newspage .newsitem:hover .newsdes a{color: #af1e1d;}
.newspage .newsitem .newsdes a{color: #878787;margin-bottom: 0;-webkit-line-clamp: 2; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical; margin-top: 3px;font-size: 14px;}



.topiclist{padding-bottom: 5px;padding-top: 15px;}
.topiclist .topictit{font-size: 18px;font-weight: bold;line-height: 50px;height: 50px;}

.xrbox{border-top: 15px solid #f1f1f1;margin-left: -15px;margin-right: -15px;}

.xrbox .xrtop{padding-top: 20px;padding-bottom:5px;overflow: hidden;line-height: 32px;}
.xrbox .xrtop .xrname{font-size: 22px;float: left;padding-right: 10px;}
.xrbox .xrtop .xrname .idtxt{font-size: 12px;}

.xrbox .xrmes{overflow: hidden;padding-top: 20px;padding-bottom: 20px;}
.xrbox .xrmes .xrmesdes{width: 585px;float: left;padding-left: 0px;line-height: 45px;}
.xrbox .xrmes .xrmesdes li{border-bottom: 1px solid #f1f1f1;}
.xrbox .xrmes .xrmesdes li .wtxt{font-weight: bold;}
.xrbox .xrmes .xrmesdes .w50{width: 50%;float: left;}
.xrbox .xrmes .xrimg{width: 240px;float: left;height: 280px;overflow: hidden;position: relative;margin-left: 15px;} 
.xrbox .xrmes .xrimg .xrimgicon{width: 100%;display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} 


.xrbox .xrtimenum{overflow: hidden;border-bottom: 1px solid #f1f1f1;}
.xrbox .xrtimenum .xrtime{font-size: 12px;color: #878787;float: left;width: 200px;}
.xrbox .xrtimenum .xrnum{font-size: 12px;color: #878787;float: right;width: 100px;}
.xrserbox .serlist{overflow: hidden;padding-left: 0;}
.xrserbox .serlist .seritem{width: 50%;height: 50px;border-bottom: 1px solid #eee;float: left;line-height: 50px;}
.xrserbox .serlist .seritem .sertitle{font-size: 16px;color: #000;width: 180px;display: inline-block; }
.xrserbox .serlist .seritem .colorbtn{display: inline-block;background-color:#af1e1d;color: #fff; height: 30px;line-height: 30px;width: 90px;text-align: center;border-radius: 5px; }
.xrserbox .serlist .seritem .graybtn{display: inline-block;background-color:#aaa;color:#eee;height: 30px;line-height: 30px; width: 90px;text-align: center;border-radius: 5px;}
.xrserbox .serbtn{margin: 25px auto 0;width: 280px;height: 35px;line-height: 35px;color:#fff;background-color:#af1e1d;display: block;text-align: center; }


.xrdetail{padding-bottom: 20px;}
.xrdetail .xrdtit,.cluebox .cluetit{display: inline-block;background-color:#ffe3e3;height: 40px;line-height: 40px;color:#af1e1d;padding-right: 15px;border-left: 4px solid #af1e1d;padding-left: 15px;  }
.xrdetail .xrdes{font-size: 15px;line-height: 28px;padding-right: 15px;}
.xrdetail .tipcon{font-size: 15px;line-height: 28px;}
.xrdetail .tipcon .xcxpng{display: block;width: 120px;}

.cluebox {padding-bottom: 20px;}
.cluebox .cluecon{overflow: hidden;padding-top: 10px;}
.cluebox .cluecon .clueitem{width: 50%;float: left;height: 36px;line-height: 30px;}
.cluebox .cluecon .clueitem .cluectit{font-size: 16px;font-weight: bold;}
.cluebox .clueartit{font-size: 16px;margin-top: 20px;font-weight: bold;}
.textBox{padding-right: 15px;position: relative;}
.textBox textarea{width: 100%;height: 150px;padding: 10px;}
.textBox .textNum{position: absolute;bottom:4px;right: 20px;font-size: 15px;letter-spacing: 3px;}
.textBox .textNum span{color:#af1e1d;}
.inputBox{height: 130px; width: 130px; border: 1px solid #aaa;z-index: 102;background-color: #fff;margin-bottom: 10px;position: relative;overflow: hidden;}

.inputBox .iconBox{display: flex;justify-content: center;align-items: center;flex-direction: column;width:100%;height: 100%;}
.inputBox .picIcon{width: 30px;margin-bottom: 10px;}
.inputBox .inputTip{font-size:12px;}
.inputBox .filepath{position: absolute;top:0;left: 0;opacity: 0;width: 100%;height: 100%;filter:alpha(opacity=0); z-index: 103;}
.inputBox .yonghuPic{position: absolute;top:50%;left:50%;display: none;transform: translate(-50%,-50%);width: 200px;}

.cluebox .subbtn{width: 200px;text-align: center;line-height: 36px;height: 36px;background-color: #af1e1d;color: #fff;margin-top: 30px;margin-bottom: 20px;
}


.qdright .qrbox2{padding:25px 15px;border-bottom: 15px solid #f1f1f1;}
.qdright .qrbox2 .qrtip{font-size: 14px;color: #878787;text-align: center;}
.qdright .qrbox2 .qrbtn{width: 140px;background-color: #af1e1d;color: #fff;text-align: center;height: 36px;line-height: 36px;border-radius: 8px;display: block;margin: 0 auto;}






.regtit{font-size: 20px;text-align: center;color: #af1e1d;padding-top: 20px;font-weight: bold;padding-bottom: 20px;}

.regmesbox{overflow: hidden;}
.regmesbox .regitem{padding-top: 10px;padding-bottom: 10px;}
.regmesbox .regitem input{line-height: 34px;height: 34px;width: 240px;padding-left: 10px;}
.regmesbox .regitem .title{width: 100%;margin-bottom: 20px;}
.regmesbox .regitem select{line-height: 34px;height: 34px;width: 240px;}
.regmesbox .regitem .regname{font-size: 16px;font-weight: bold;}
.regmesbox .regctit{font-size: 18px;font-weight: bold;padding-top: 10px;padding-bottom: 6px;}
.regmesbox .w50{width: 49%;display: inline-block;}
.regmesbox .subbtn{width: 160px;text-align: center;line-height: 36px;height: 36px;background-color: #af1e1d;color: #fff;margin-top: 25px;margin-bottom: 35px;}

.regmesbox .isoepni{display: flex;align-items: center;}
.regmesbox .isoepni .isopenbox{display: flex;align-items: center;}
.regmesbox .isoepni .isopenbox .openbtn{background-color:#aaa;color:#fff;padding: 0 20px;height: 30px;line-height: 30px;border-radius: 4px;margin-right: 30px; }
.regmesbox .isoepni .isopenbox .xsmoney{display: none;}
.regmesbox .isoepni .isopenbox .closebtn{background-color:#af1e1d;color:#fff; padding: 0 20px;height: 30px;line-height: 30px;border-radius: 4px;margin-left: 30px;display: none;}


.anstit{font-size: 18px;line-height: 60px;}
.questit{height: 40px;line-height: 40px;width: 100%;display: block;box-sizing: border-box;padding-left: 10px;font-size: 15px;border:1px solid #CBD5DD;}
.quesdetail{height: 280px;line-height: 28px;display: block;width: 100%;box-sizing: border-box;padding-left: 10px;padding-right: 15px;margin-bottom: 15px;font-size: 15px;border:1px solid #CBD5DD;}
.queslable{height: 40px;line-height: 40px;width: 260px;font-size: 15px;padding-left: 10px;}
.ansbtn{display: block;width: 300px;text-align: center;background-color:#af1e1d;color: #fff;border-radius: 40px;height: 40px;line-height: 40px;border: none;margin: 20px auto 40px; font-size: 15px;}

.flinks{text-align: left;background-color: #323232;margin-bottom: -20px;padding-top: 20px;}
.flinks .lintit{font-size: 12px;color: #eee;display: inline-block;}
.flinks .linitem{font-size: 12px;color: #eee;display: inline-block;padding-left: 15px;}


.sixpart {margin-top: 30px;margin-right: -25px;overflow: hidden;margin-left: -25px;}
.sixpart .sixitem{padding: 20px;background-color: #fff;width: 413.3px;float: left;margin-right: 10px;margin-bottom: 20px;margin-left: 10px;}
.sixpart .sixitem .sixtitle{position: relative;padding-left: 14px;}
.sixpart .sixitem .sixtitle::before{width: 3px;height: 28px;background-color: #af1e1d;position: absolute;top: 0;left: 0;content: "";}
.sixpart .sixitem .sixtitle .titletxt{font-size: 20px;color: #af1e1d;padding-bottom: 5px;}
.sixpart .sixitem .sixtitle .morelink{line-height: 28px;position: absolute;right: 0;top: 0;padding-left: 10px;padding-right: 10px;color: #555;}
.sixpart .sixitem .sixtitle .morelink:hover{color: #af1e1d;}
.sixpart .sixitem .sicon{overflow: hidden;margin-top: 20px;border-right: 1px solid #f1f1f1;}
.sixpart .sixitem .sicon .siconitem{width: 124px;float: left;line-height: 40px;text-align: center;border-bottom: 1px solid #f1f1f1;border-left: 1px solid #f1f1f1;font-size: 16px;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sixpart .sixitem .sicon .siconitem .imgbox {position: relative;background-color: #f1f1f1;width: 100%;height: 130px;overflow: hidden;}
.sixpart .sixitem .sicon .siconitem .imgbox .mava{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.sixpart .sixitem .sicon .siconitem .netxt{line-height: 40px;height: 40px;}
.sixpart .sixitem .sicon .siconitem:hover{color: #af1e1d;}

/*新*/
.vipconbox{padding-top: 20px;padding-bottom: 20px;}
.vipconbox .tit{font-size: 20px;font-weight: bold;}
.vipconbox .foursec{display: flex;justify-content: space-between;flex-wrap: wrap;text-align: center;padding-top: 20px;}
.vipconbox .foursec .fouritem{width: 46%;border: 1px solid #eee;margin-bottom: 20px;padding-top:10px;position: relative;background-color: #f1f1f1;border-radius: 4px;height: 135px;}
.vipconbox .foursec .fouritem .fourtit{font-size: 16px;line-height: 30px;font-weight: bold;}
.vipconbox .foursec .fouritem .fourtit span{font-size: 18px;}
.vipconbox .foursec .fouritem .mark{position: absolute; top: -15px; right: 0;background-color: #af1e1d;font-size: 12px;height:26px;line-height: 26px;padding:0 10px;border-radius: 6px;color: #fff;}
.vipconbox .foursec .active{background-color:#fffaf2;border-color: #e4b670}
.vipconbox .foursec .fouritem .fourmoney{font-size: 16px;padding-bottom: 10px;color: #bb8b51;font-weight: bold;margin-bottom: 0;}
.vipconbox .foursec .fouritem .fmtip{font-size: 14px;width:120px;background-color: #e4b670;color: #fff;margin: 0 auto;border-radius: 4px;padding: 5px 0;}
.vipconbox .tiptxtbox{padding: 10px 0;line-height: 28px;color: #000;margin-bottom: 10px;}
.vipconbox .tiptxtbox .tipitem .clr{color: red;}
.vipconbox .tiptxtbox .tipitem{padding:15px 10px 10px;background-color: #f5f5f5;}
.vipconbox .tiptxtbox .title{font-weight:bold;font-size: 16px;line-height: 32px;color:#444;  }
.vipconbox .tiptxtbox .tipitem p{padding-bottom: 3px;}
.vipconbox .btn{color: #fff;margin-top: 20px;background:#af1e1d;border-color:#af1e1d;margin-bottom: 20px;border-radius: 80px;width: 100%;height: 38px;line-height: 38px;padding: 0;font-size: 16px;}

/*发布页面提示页面*/
.pubtiptxt{padding: 10px}
.pubtiptxt .tip{font-size: 18px;color:#999;line-height:48px;}

.pubtiptxt .title{font-size: 18px;font-weight: bold;margin-top:10px;margin-bottom:10px;color: #666;}
.pubtiptxt .con{font-size: 15px;color: #999;line-height: 36px;}

.pubtiptxt .btns{display: flex;justify-content: space-around;margin-top:0.8rem;margin-bottom: 0.6rem;}
.pubtiptxt .btns .btn{color: #fff;margin-top: 20px;background:#af1e1d;border-color:#af1e1d;margin-bottom: 20px;border-radius: 80px;width: 100%;height: 38px;line-height: 38px;padding: 0;font-size: 16px;}

.searchad .adbox .adimg{width: 100%;display: block;margin-top: 15px;}
.searchad .adbox .adimg1{display: none;width: 100%;margin-top: 15px;}
.bodyadbox .bodyadimg{display: block;width: 100%;}
.bodyadbox .bodyadimg1{display: none;width: 100%;}


@media screen and (max-width:768px){
	.xrserbox .serbtn{width:320px;margin-bottom: 20px;box-sizing: border-box;}
	.body{padding-top: 135px;}
	.body1{padding-top: 60px;}
	.xrserbox .serlist{padding-right: 10px;}
	.xrserbox .serlist .seritem{width: 100%;overflow: hidden;}
	.xrserbox .serlist .seritem .sertitle{float: left;width: auto;}
	.xrserbox .serlist .seritem .graybtn{float: right;margin-top: 10px;}
	.xrserbox .serlist .seritem .colorbtn{float: right;margin-top: 10px;}
	.qdright .nbt20{border-top: 10px solid #f1f1f1;}
	.searchad .adbox .adimg{display: none;}
	.searchad .adbox .adimg1{display: block;}
	.bodyadbox .bodyadimg{display: none}
	.bodyadbox .bodyadimg1{display: block;}
	.newsec{margin-top: 5px;}
	.sixbox{padding-left: 0;padding-right: 0;}
	.sixpart{width: 100%;margin: 10px 0 0;}
	.sixpart .sixitem{width: 100%;margin: 0;float: none;padding: 10px ;margin-bottom: 10px;}
	.sixpart .sixitem .sicon .siconitem{width: 33.3%;}
	.sixpart .sixitem .sixtitle .titletxt{margin-top: 10px;}
	.headtop .topnav{display: none;}
	.headtop .container{padding-left: 5px;padding-right: 5px;}
	.headtop .toplink .dline{padding-left: 0px;padding-right: 0px;font-size: 15px;}
	.headtop .toplink .toplinkitem{font-size: 14px;}
	.navbox{padding-left: 0;padding-right: 0;}
	.navbox .navitem{font-size: 15px;width: 25%;height: 30px;line-height: 30px;}
	.searchad .searchbox input{width: 100%;}
	.searchad .searchbox .searbtn{position: absolute;top: 0;right: 0;}
	.searchad .searchbox .color2{display: none;}

	.swiperbox{height: 230px;}
	.safebox .safecon .aqimg{width: 50%;height: auto;}

	.swiperbox .carousel{float: none;width: 100%;}
	.swiperbox .carouselimgbox{width: 31%;height: 230px;}
	.swiperbox .carousel-caption{width: 69%;padding-left: 10px;padding-right: 10px;padding-top: 10px;}
	.swiperbox .carousel-caption .carouseltit{font-size: 16px;margin-bottom: 4px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.swiperbox .carousel-caption .carouseldes{font-size: 14px;margin-bottom: 4px;}
	.swiperbox .carousel-caption .carouseladd{-webkit-line-clamp: 1;}
	.swiperbox .carousel-caption .carouselbtn{margin-top: 6px;font-size: 14px;width: 100px;height: 32px;line-height: 32px;}
	.swiperbox .swiperright{display: none;}
	.swiperbox .carouselimgbox .carlable{height: 24px;line-height: 24px;font-size: 12px;padding:0 10px;}


	.looksec .looklist .lookitem{float: none;width: 100%;overflow: hidden;display: block;}
	.looksec .looklist .lookitem .lookcon{padding-right: 15px;}
	.lablebox{margin-left: -5px;margin-right: -5px;}
	.lablebox .lableitem{width: 50%;padding-left: 5px;padding-right: 5px;}

	.newslist .newsitem{float: none;width: 100%;padding-top: 10px;padding-bottom: 10px;}
	.newslist .newsitem .newstit{margin-bottom: 0;}

	.safebox .safetip{width: 100%;float: none;margin-right: 0;height: auto;margin-bottom: 10px;}
	.safebox .safetip .tipimg{margin-top: 15px;margin-bottom: 15px;}
	.safebox .safetip .tiptit {margin-bottom: 0px;}
	.safebox .safetopic{display: none;}
	.safebox .safecon{width: 100%;float: none;}


	.listclass .listbox{white-space: nowrap;overflow-x: scroll;}


	.newspage .newsitem .newsimg{width: 100px;float: left;margin-right: 5px;height: 56px;}

	.newspage .newsitem .newstit{width: 68%;}
	.newspage .newsitem .newstime{width: 30%;}
	.newspage .newsitem .newsdes a{margin-top: 0;-webkit-line-clamp: 1;}
	.newspage .newsitem{padding-top: 15px;padding-bottom: 15px;}

	.questlabel{padding-top: 10px;padding-bottom: 10px;}
	.questlabel .questlitem{height: 28px;line-height: 28px;padding-left: 6px;padding-right: 6px;margin-right: 0px;}
	.questclass{height: 34px;line-height: 34px;}
	.questclass .active{height: 36px;}
	.leftright .questleft{width: 100%;border-right: 0;}
	.questlist .qlitem{display: flex;position: relative;margin-bottom: 0;}
	.questlist .qlitem .ansnum{flex-shrink: 0;}
	.questlist .qlitem .qusetcon{width: 280px;}
	.questlist .qlitem .qusetcon .questlable{margin-left: 0;margin-right: 10px;}
	.questlist .qlitem .qusetcon .questtime{line-height: 24px;height: 24px;}
	.leftright .questright{width: 100%;border-top: 10px solid #f1f1f1;}


	.qdleft{width: 100%;float: none;border-right:none;}
	.qdleft .qdcon .qdtit{font-size: 16px;line-height: 28px;font-weight: bold;}
	.qdleft .qdrecom{padding-bottom: 0px;padding-right: 15px;}
	.qdleft .qdrecom .qdremitem{width: 100%;float: none;margin-right: 0;margin-bottom: 15px;}
	.qdleft .anslist{border-right: none;}
	.qdleft .anslist .ansitem{display: flex;}
	.qdright{width: 100%;float: none;margin-top: 10px;}
	.qdright .qrbox1{border-top: 10px solid #f1f1f1;}

	.bt15{border-top: 15px solid #f1f1f1;}

	.regtit{padding-bottom: 10px;margin-bottom: 0;}
	.regmesbox .regctit{margin-bottom: 0;}
	.regmesbox .regitem .title{margin-bottom: 0;}
	.regmesbox .w50{width: 100%;display: flex;}
	.regmesbox .regitem .regname{flex-shrink: 0;}
	.textBox{padding-right: 0;margin-bottom: 20px;}
	.regmesbox .subbtn{width: 100%;}

	.xrbox .xrmes{padding-top: 10px;padding-bottom: 20px;}
	.xrbox .xrmes .xrmesdes{width: 100%;float: none;padding-right: 15px;line-height: 38px;}
	.xrbox .xrmes .xrmesdes .w50{width: 100%;float: none;}
	.xrbox .xrmes .xrimg{float: none;margin-left: 0;}
	.xrdetail{padding-bottom: 10px;}
	.cluebox{padding-right: 15px;}
	/*.cluebox .cluecon{padding-right: 15px;}*/
	.cluebox .cluecon .clueitem{width: 100%;float: none;display: flex;margin-bottom: 15px;}
	.cluebox .cluecon .clueitem input{flex-grow: 1;}
	.cluebox .clueartit{margin-top: 0px;}
	.cluebox .subbtn{width: 100%;}
	.quesdetail{height: 200px;}
	.ansbtn{width: 95%;}
	.queslable{width: 100%;}
	.questit{width: 350px;}
	.quesdetail{width: 350px;}
	.regmesbox .isoepni .isopenbox .xsmoney{width: 140px;}
	.regmesbox .isoepni .isopenbox .closebtn{ padding: 0 10px;margin-left: 15px;}
}
