@charset "UTF-8";
/*Css for PEL,ver 1.0CopyRight By Dongyi Network Technology CO.,Ltd Design Center本网站通用布局
*/
/* Css Reset */
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0; font-family:"微软雅黑"}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{vertical-align:top;border:0}
address,caption,cite,code,dfn,em,i,th,var{font-weight:400;font-style:normal}
li,ol,ul{list-style:none}
dd,div,dl,dt,li,ol,ul{zoom:1}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
q:after,q:before{content:''}
abbr,acronym{border:0}
article,aside,dialog,figure,footer,header,menu,nav,section,time{margin:0;padding:0;display:block;zoom:1}
div[hidden] { display:none }
.hide { opacity:0; pointer-events:none}
.show {opacity:1;pointer-events:all}

@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}
40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}
60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}}

/* Public */
body{color: #333; font-size: 14px; line-height: 1.8; font-family: "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif; text-align: center; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased;}
a{color: #333; text-decoration: none; outline: none; transition:all 0.5s;}
a:hover{color: #E20500; text-decoration: underline;}
.clearbox{border: none; border-top: 1px solid transparent !important; clear: both; font-size: 0; height: 0; line-height: 0; margin-top: -1px !important; visibility: hidden;}
.blank{display: block; height: 10px; font-size: 0px; line-height: 0; overflow: hidden; clear: both;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix{height: 1%;}
* + html .clearfix{min-height: 1%;}
.fl{float: left;}
.fr{float: right;}
input[type=button],
input[type=submit],
input[type=file],
button{cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
/* frame */
.wrap { background: #fef7ec url(../img/conbg.png) repeat;}
body{text-align: center;min-width: 1400px;}
.siteWidth{position: relative; max-width: 1200px; _width: 1200px; margin: 0 auto;}
#header{position: relative;z-index: 2;text-align: left;margin: 0 auto;background: linear-gradient(180deg, #AD0804 -29.29%, #7F1F1C 100%);min-height: 150px;margin-bottom: 70px;}
#content{background: #ffffff80;margin: 0 auto 20px;max-width: 1200px;_width: 1160px;position: relative;z-index: 0;text-align: left;overflow: hidden;}
.mainBanner .con { display:none;}
.mainBanner .bd li {height:100vh;overflow:hidden;background-size: cover!important;background-position: center!important;}
.mainBanner .bd li video { height:100vh!important; width:100%!important}
.mainBanner .hd {position:absolute;bottom:40px;left:50%;color:#fff;font-size:20px;margin-left: 660px;z-index: 2;}
.mainBanner .hd ul {display:flex;gap:5px;justify-content: center;}
.mainBanner .hd li {font-family:"misans"; font-size:20px; width:5px;display: flex;justify-items: center;flex-direction: column;justify-content: space-between;transition:all 0.5s;align-items: center;}
.mainBanner .hd li:after { content:""; display:block; width:5px; height:12px; background:#fff; opacity:0.6; transition:all 0.5s;}
.mainBanner .hd li span { overflow:visible;opacity:0}
.mainBanner .hd li.on span { opacity:1}
.mainBanner .hd li.on:after {opacity:1;height: 24px;}
.mainBanner:before { position:absolute; z-index:1; content:""; top:0; width:100%; left:0; height:180px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);}
.mainBanner:after { position:absolute; z-index:1; content:""; bottom:0; width:100%; left:0; height:180px; background: linear-gradient(0, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);}


/* topBar */
.topBar{height: 53px;line-height: 53px;display: flex;overflow: visible;gap: 20px;align-items: center;}
.topBar .getMain{float: left; *display: inline;}
.topBar .userPanel{float: right; *display: inline;}
/* 站群 */
.topBar .siteNav{float: right; *display: inline; height: 33px; width: 68px; position: relative; z-index: 20;}
.topBar .siteNav dl{display: block; width: 68px; height: 33px; overflow: visible;}
.topBar .siteNav dl dt{display: block; height: 32px; line-height: 32px; text-align: center; padding-top: 1px; width: 68px; position: relative; z-index: 22; cursor: pointer;}
.topBar .siteNav dl dd{display: none; padding: 10px; width: 380px; height: auto; background: #fff; border: 1px solid #6E99B9; position: absolute; top: 32px; right: 0px; z-index: 21;}
.topBar .siteNav dl dd ul{overflow: hidden;}
.topBar .siteNav dl dd ul li{float: left; *display: inline; height: 28px; line-height: 28px; width: 76px; padding: 0 4px 0 15px; background: url(../img/dot-02.gif) 3px 9px no-repeat;}
.topBar .siteNav dl.siteNavOn dt{background: #fff; padding: 0px; border: 1px solid #6E99B9; width: 66px; border-bottom: none;}
.topBar .siteNav dl.siteNavOn dd{display: block;}
.siteNav dd table tr td div{writing-mode: vertical-lr; text-align: center; height: 60px; width: 30px; overflow: hidden;}
/* logoBar */
.logoBar{width: 1200px;height: 68px;position: absolute;left: 50%;margin-left: -600px;display: flex;justify-content: space-between;align-items: center;top: 40px;z-index: 2;}
.logoBar #logo {width:200px;height:200px;background:#fff;border-radius: 0 0 10px 10px;display:flex;justify-content: center;align-items: center;margin-top: 50px;}


/* 搜索框 */

.searchBar dt {color:#fff;font-size:14px;cursor: pointer;width: 25px;overflow: hidden;padding-left: 10px;height: 25px;border-left: 1px solid #ffffff66;}
.searchBar dt:before {content:"";width:23px;height:23px;background: url(../img/topico2.png) no-repeat center;border-radius:50%;border:1px solid #fff;float: left;margin-right: 8px;margin-top: 2px; background-image:url(../img/topico7.png);border-color: transparent;background-color: transparent;}

.siteSearch {max-width: 40%;height: 60px;line-height: 60px;background: #fff;display: flex;justify-content: space-between;position: relative;border-radius: 30px;}
.searchBar .closeBtn {position:absolute;top: 0;right: 30px;display:block;width:40px;height:40px;line-height:200px;background:url(../img/closeico.png) no-repeat center;opacity: 1;margin-top:26px;transition:all 0.3s;border-radius:50%;cursor: pointer;overflow: hidden;}
.searchBar .closeBtn:hover { transform:rotate(180deg) ; width:34px; height:34px; margin-top:28px; margin-right:2px;}

.siteSearch { flex: 1;}
.siteSearch input {vertical-align: top;height: 20px;padding: 20px 5%;line-height: 20px;border: 0;outline: none;background: none;width: 90%;font-size: 18px;}
.siteSearch .searchBtn {height: 60px;line-height: 200px;overflow: hidden;border: none;background: url(../img/searchico.png) center no-repeat;width: 80px;outline: none;background-size: 40%;position: absolute;right: 0;}

.searchBar dd{visibility: hidden;height:0;z-index:9;position:fixed;width:100%;top: -100px;left: 0;display: flex;align-items: center;justify-content: center;background: #00000066;transition: all 0.5s;}
.searchBar dd.activa {visibility: visible;height: 100%;top: 0;}

/* 主导航 */
.topNav{}
.topNav-fixed{position: fixed; top: 0; left: 0; width: 100%; -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, .3); -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, .3); box-shadow: 0px 2px 5px rgba(0, 0, 0, .3);}
.mainNav{position: relative;display: flex;gap: 40px;}
.mainNav .li1{* display: inline; position: relative;}
.mainNav .spe{height: 54px; text-indent: 100%; float: left; * display: inline; width: 4px; overflow: hidden; background: url(../img/navSpe.gif) 50% 50% no-repeat;}
.mainNav .h1{display: block;}
.mainNav .h1 a{display: block; color: #fff; text-align: center; font-size: 18px; font-weight: bold;}
.mainNav .h1 a:hover{text-decoration: none; color: #fff;}
.mainNav .on1 .h1 a{color: #ffffb7;}
.mainNav .first1{}
.mainNav .first1 .h1{}
.mainNav .ul1{ position:relative;line-height: 28px;padding:10px 10px;position: absolute;left: 50%;top: 54px;width: 130px;display: none;border-radius:10px;box-shadow:0 0 20px #000000118;background: #fff;z-index: 10;margin-left: -75px;}
.mainNav .ul1:before { content:""; position:absolute; top:-6px; left:50%; margin-left:-3px;border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #fff}
.mainNav .li2{vertical-align: top;}
.mainNav .li2:last-child a { border:0;}
.mainNav .a2{font-size: 15px; display: block; border-bottom: 1px solid #eee; line-height: 20px; padding: 10px; color: #333; text-align: center; font-weight:400}
.mainNav .a2:hover{background: #fff; color: #952218; text-decoration: none; font-weight:bold;}
/* 主栏 和 侧栏 */
.mainContent{_width: 76.5%; overflow: hidden; zoom: 1;}
.side{font-size: 14px; width: 21.5%; overflow: hidden; float: left; margin-right: 20px;}
/* 位置导航 */
.path{line-height: 20px;padding: 20px 0px;text-align: left;display: block;min-height: 20px;overflow: hidden;color: #666;font-size: 16px;}
.path a,
.path span{padding: 0 3px; color: #666;}
.path a:last-child { font-weight:bold;}
.mHd .path , .mHd .path a, .mHd .path span { color:#fff;}
/*footer*/
#footer{color: #fff;background: #241212;position: relative;text-align: center;padding: 50px 0;font-size: 16px;}
#footer .footNav{padding-bottom: 10px;}
#footer .footNav a{margin: 0 10px; display: inline-block;}
#footer a{color: #fff;}
#footer a:hover{color: #fff}
#footer .copyRight a{text-decoration: underline;}
/* 侧栏固定菜单 */
.sideFixed{z-index: 9; position: fixed; top: 234px; right: 0; width: 70px; background: #fff; font-size: 12px; _position: absolute;}
.sideFixed li{border: 1px solid #ddd; margin-top: -1px; position: relative;}
.sideFixed li a{height: 30px; line-height: 30px; padding: 34px 0 3px 0; display: block; background: url(../img/icons-3.png) center 8px no-repeat;}
.sideFixed li a:hover{text-decoration: none}
.sideFixed .wx a{background-position: center -137px;}
.sideFixed .gt{display: none}
.sideFixed .gt a{background-position: center -284px;}
.sideFixed .qr a{background-position: center -2051px;}
.sideFixed .pic{display: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3);}
.sideFixed .pic img{width: 150px; height: 150px;}
.sideFixed .on .pic{display: block; position: absolute; left: -168px; top: -45px; padding: 4px; background: #fff;}
.sideFixed .on .pic i{z-index: 8; position: absolute; right: -10px; top: 50%; margin-top: -3px; border-width: 5px; border-color: transparent; border-style: dashed; border-left-color: #fff; border-left-style: solid; display: block; font-size: 0; line-height: 0; width: 0;}
/* 信息公开链接组 */
.xxgkBtns{overflow: hidden; border: 1px solid #ebebeb; margin-bottom: 20px;}
.xxgkBtns ul{overflow: hidden;}
.xxgkBtns ul li{height: 48px; border-bottom: 1px solid #ebebeb;}
.xxgkBtns ul li a{display: block; height: 48px; line-height: 48px; font-size: 16px; padding-left: 77px; position: relative;}
.xxgkBtns ul li a i{position: absolute; width: 32px; height: 32px; border-radius: 50%; background: url(../img/icons-1.png) 9px 8px no-repeat #0068b7; left: 17px; top: 50%; margin-top: -16px;}
.xxgkBtns ul li.li2 a i{background-position: 9px -112px; background-color: #fb9e43;}
.xxgkBtns ul li.li3 a i{background-position: 9px -231px; background-color: #74b8f3;}
.xxgkBtns ul li.li4 a i{background-position: 9px -349px; background-color: #896b9f;}
.xxgkBtns ul li.li5 a i{background-position: 9px -468px; background-color: #158cc9;}
.xxgkBtns ul li.last{border-bottom: none;}
.xxgkBtns ul li a:hover{background-color: #0068b7; color: #fff; text-decoration: none;}
.xxgkBtns ul li a:hover i{background-color: #fff; background-image: url(../img/icons-2.png);}
/* box */
.box .hd{height: 48px;line-height: 32px;position: relative;border-bottom: 2px solid #C21C1C;}
.box .hd .more{font-size: 16px;position: absolute;right: 0;color: #666;padding-right: 20px;background:url(../img/morearrow.svg) no-repeat right;}
.box .hd h3{position: absolute;font-size: 16px;height: 32px;line-height: 32px;}
.box .hd h3 a{color: #AD0804;font-size: 24px;font-weight: bold;}
.box .hd h3 a:hover{text-decoration: none;}
.box .hd ul{position: absolute; height: 40px; overflow: hidden;}
.box .hd li{float: left; font-size: 16px; height: 38px; line-height: 37px; background: none; padding: 2px 1px 0px}
.box .hd li a{display: block; float: left; padding: 0 20px;}
.box .hd li a:hover{text-decoration: none}
.box .hd .on{border: 1px solid #dbdbdb; border-top: 2px solid #0068b7; border-bottom: 0; padding: 0px; background: #fff; color: #0068b7;}
.box .bd{overflow: hidden;}
/* boxA */
.boxA>.hd{height: 68px; line-height:70px; overflow: hidden;position: relative;border-bottom: 2px solid #ad0804;}
.boxA>.hd .more{position: absolute;right: 0;padding-right: 20px;color: #666;font-size: 16px;background: url(../../base/img/morearrow.svg) no-repeat right;}
.boxA>.hd .more a{color: #999}
.boxA>.hd h3{float: left; *display: inline;font-size: 28px; font-weight:700;color: #AD0804}
.boxA>.hd h3 a{color: #AD0804;}
.boxA>.hd ul{float: left; *display: inline; overflow: hidden;}
.boxA>.hd li{float: left; *display: inline; cursor: pointer; padding: 0 20px; color: #333; font-size: 18px;}
.boxA>.hd li a{color: #333}
.boxA>.hd li a:hover{text-decoration: none; color: #333}
.boxA>.hd .on{background: #0068b7;}
.boxA>.hd .on a{color: #fff;}
.boxA>.hd .on a:hover{color: #fff}
.boxA>.bd{overflow: hidden;padding: 15px 0 0;}
/* boxB */
.boxB .hd{height: 40px; background: #0068b7; padding-right: 10px;}
.boxB .hd h3{float: left; *display: inline; height: 40px; line-height: 40px; padding-left: 35px; background: url(../img/icons-1.png) 8px -584px no-repeat; font-size: 16px; color: #fff;}
.boxB .hd h3 a{color: #fff;}
.boxB .hd h3 a:hover{color: #ff0; text-decoration: none;}
.boxB .hd .more{float: right; *display: inline; line-height: 40px; font-size: 12px; color: #fff;}
.boxB .bd{border: 1px solid #e6e6e6; padding: 10px;}
/* boxE */
.boxE{margin-bottom: 15px;}
.boxE .hd{height: 40px; line-height: 40px; overflow: hidden; border-bottom: 2px solid #0068B7;}
.boxE .hd h3{float: left; padding: 0 20px; background: #0068B7; color: #fff; font-size: 18px;}
.boxE .hd h3 a{color: #fff; display: block; float: left;}
.boxE .hd .more{float: right;}
.boxE .bd{padding: 10px; overflow: hidden;}
/* sideBox */
.sideBox{margin-bottom: 20px;}
.sideBox .hd{height: 40px; background: #0068b7;}
.sideBox .hd h3{display: block; text-align: center; height: 40px; line-height: 40px; color: #fff; font-size: 18px;}
.sideBox .bd{padding: 10px; border: 1px solid #e6e6e6;}
/* 侧栏-栏目内搜索 */
#sideSearch .bd li{padding: 5px 0 5px 0; overflow: hidden;}
#sideSearch .nodes,
#sideSearch input,
#sideSearch button{height: 32px; line-height: 32px; width: 100%; border: 1px solid #ddd; font-size: 14px; font-family: "microsoft yahei"; outline: none}
#sideSearch .keyword{width: 60%; padding: 0 5px;}
#sideSearch button{line-height: 28px; width: 32%; float: right; background: #0068B7; border-color: #0068B7; color: #fff;}
/* mainBox */
.mainBox .mHd{position: relative;background: url(../img/mhdbg.png) no-repeat;line-height: 39px;height: 120px;padding: 0 30px;display: flex;align-items: center;justify-content: space-between;}
.mainBox .mHd .list{overflow: hidden; font-size: 18px;}
.mainBox .mHd .list li{float: left; padding: 0 4%; border-top: 2px solid #F9F9F9; cursor: pointer}
.mainBox .mHd .list a{font-size: 20px; color: #888;}
.mainBox .mHd .list a:hover{text-decoration: none}
.mainBox .mHd .list .on a{color: #0068b7}
.mainBox .mHd h3,
.mainBox .mHd .list .on{font-size: 24px;font-weight: bold; *display: inline;color: #fff;padding-left: 35px;background: url(../img/mhdico.png) no-repeat 0;}
.mainBox .mBd{overflow: hidden;padding: 30px;}
/* 信件列表 */
.letterList{width: 100%;}
.letterList th,
.letterList td{text-align: center; font-size: 14px; vertical-align: middle; line-height: 28px; padding: 6px 0px}
.letterList th,
.letterList .even{background: #f5f5f5;}
.letterList th{color: #0068B7; height: 40px; padding: 0px;}
.letterList th.title{text-align: left; padding-left: 38px;}
.letterList .num{display: none;}
.letterList td.title{text-align: left; padding-left: 5px;}
.letterList .ico{width: 30px; text-align: center; vertical-align: middle; padding: 0px}
.letterList .ico img{vertical-align: middle;}
.letterList .dep{width: 90px;}
.letterList .state{width: 60px;}
.letterList .state .s0{color: #333;}
.letterList .state .s1{color: #f70;}
.letterList .state .s2{color: #f00;}
.letterList .state .s3{color: #390;}
.letterList .state .s4{color: #333; text-decoration: line-through;}
.letterList .date{border-right: none; width: 90px;}
/* detailTable */
.detailTable{margin-bottom: 10px; background: #fff; width: 100%}
.detailTable,
.detailTable tr,
.detailTable tr td{border: 1px solid #e6e6e6; border-collapse: collapse}
.detailTable thead tr{border-color: #0068B7;}
.detailTable thead th{background: #0068B7; height: 40px; line-height: 40px; color: #fff; font-size: 16px; text-align: center; border-color: #0068B7;}
.detailTable tbody td{padding: 10px 15px;}
.detailTable tbody td.tdName{font-weight: bold; background: #f7f7f7; text-align: center; width: 20%; font-size: 14px;}
.detailTable .trTitle .tdCon{font-weight: bold;}
.detailTable .preDiv{width: 670px; overflow: auto;}
.detailTable .preDiv pre{font-size: 14px; font-family: "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}
/* 友情链接 */
.friendLinks{border-top: 1px solid #ddd; background: #EEEEEE; padding: 10px 0; min-height: 32px;}
.friendLinks h3{float: left; font-size: 16px; color: #0068b7; padding-left: 31px; background: url(../img/icons-1.png) 0 -1080px no-repeat;}
.friendLinks .con{overflow: hidden;}
.friendLinks select{padding: 6px; float: left; width: 18.4%; _width: 18.2%; *display: inline; margin-left: 1.6%; border: 1px solid #ccc;}
/*底部二维码*/
.qrcodes {display:flex;justify-content: center;gap: 20px;margin-top: 30px;line-height: 40px;}
/*侧边弹出倒计时*/
.countdown {position:fixed;right:-70px;top:40%; transition:all 0.3s cubic-bezier(0.14, 0.97, 1, 1);  margin-top:-75px; z-index:9;background:url(../../base/img/djsbg.png) no-repeat;height:159px;width:159px;display:flex;align-items: flex-start;flex-direction: column;justify-content: center;}
.countdown span { display:block; color:#fff; font-weight:bold; padding-left:43px; line-height:24px }
.countdown span i { font-weight:bold;}
.countdown span:nth-child(2) { font-weight:400; color:#E8C99C;}
.countdown span b { font-size:20px; font-family:"misans";}
.countdown:hover { right:0}

/*侧边弹出二维码*/
.countdownn {position:fixed;left:-70px;top:40%; transition:all 0.3s cubic-bezier(0.14, 0.97, 1, 1);  margin-top:-75px; z-index:9;background:url(../../base/img/djsbg2.png) no-repeat;height:159px;width:159px;display:flex;align-items: flex-start;flex-direction: column;justify-content: center;}
.countdownn span { display:block; text-align: left;
        background: #fff0bd;
        margin: 5px 0px 5px 10px;
        color: #000;border-radius:24px;
        font-size: 18px; font-weight:bold; padding-left:64px; padding-right:8px; line-height:32px }
/*.countdownn span:nth-child(2) { font-weight:400; color:#E8C99C;}*/
.countdownn span { opacity: 1; /* 初始时设置可见 */}
.countdownn span:hover { opacity: 0; /* 鼠标悬停时设置不可见 */}
.countdownn:hover { left:0}

/*祝福评论*/
.comments .replyBoxIn { position:relative}
.commentnicknamemessage_0.red { position:absolute; right:0; top:6px;}
.mainContent .comments .commentnicknametext  {border:0;height:40px;padding:7px 20px;border-bottom:1px solid #ddd;width:100%;box-sizing:border-box;outline: none;}
.bestComment { margin-bottom:50px;}
.bestComment .bd { overflow:hidden; margin:0 -55px}
.bestComment .next,
.bestComment .prev {position:absolute;top: 260px;left:-50px;display:block;border:4px solid #ad0804;border-radius:3px;border-width:4px 4px 0 0;width:30px;height:30px;transform:rotate(-135deg);z-index: 9;cursor: pointer;}
.bestComment .next { right:-50px; left:auto; transform:rotate(45deg)}
.bestComment li {display: flex;flex-direction: column;align-items: center;padding: 20px 0 0;}
.bestComment li .intro { position:relative; transition:all 0.5s; background:#fff;height: 182px;width: 228px;padding: 48px;border-radius: 20px;font-size: 16px;line-height: 1.75;display: flex;align-items: center;text-align: justify;text-indent: 2em;
    &:before,
    &:after { content:""; position:absolute; top:32px; left:48px; background:url(../../base/img/markico.png) no-repeat; width:26px; height:23px;}
    &:after { transform:rotate(180deg); top:auto; left:auto; right:48px; bottom:42px }
}
.bestComment li:hover .intro { background:#ad0804; color:#fff; }
.bestComment li .commentnickname { padding-top:30px; position:relative; font-size:20px; color:#333;}
.bestComment li .commentnickname:before { content:""; position:absolute; top:0; left:50%; transition:all 0.5s; margin-left:-20px; border-left:20px solid transparent; border-right:20px solid transparent; border-top:20px solid #fff;}
.bestComment li:hover .commentnickname:before { border-top-color:#ad0804}
.bestComment li .commenttime { display:none;}
.bestComment .swiper-slide-next .intro { padding-top:58px ; padding-bottom:58px;  margin-top:-20px; }

.mainCommentBox {height: 390px;}
.mainCommentBox:after {content:"";position:absolute;width:280px;height:155px;background:url(../../base/img/thankyou.png) no-repeat;right: -90px;bottom: -42px;pointer-events: none;}
.newComment {float:left;width: 670px;background:#AD0804 url(../../base/img/zhufubg.png) no-repeat center 10px;border-radius:20px;height:280px;padding:30px 45px;text-align:left;position: relative;}
.newComment h3 {font-size:24px;font-weight:bold;color:#fff;border:0;line-height:30px;margin-bottom:30px;padding: 12px 0 3px;}
.newComment .comments ul { border:0; 
    & li {float:left;width: 670px;}
    & .intro {font-size:18px;line-height:1.55;color:#fff;padding:0 36px;background:url(../../base/img/markico_s1.png) no-repeat 0 5px;text-align: justify;margin-bottom: 20px;}
    & .commentnickname {color:#FFF8EE;text-align:right;padding:0 36px;background:url(../../base/img/markico_s2.png) no-repeat right 6px;font-size:16px;}
    & .commentnickname:before { content:"--"; margin-right:5px;}
    & .commenttime { display:none; }
}
.newComment .hd {position:absolute;bottom: 47px;left: 0;width:100%;}
.newComment .hd ul{display:flex;gap:12px;justify-content: center;}
.newComment .hd li { display:block; width:16px; height:16px; border:1px solid #fff; border-radius:50%; overflow:hidden; line-height:100px; transition:all 0.5s;}
.newComment .hd li.on { background:#fff;}
.submitComment{overflow:hidden;padding-top:35px}
.submitComment .comments .replyBoxIn{background:none;border:none;margin: 0;}
.submitComment .comments .replyContent {border:0;padding: 0;margin-bottom: 10px;}
.submitComment .comments .replyContent textarea {background:linear-gradient(to right, #dedede 0%, #fff 3%);border:0;height:86px;padding:20px;font-family:"微软雅黑";font-size:16px;color:#999;border-radius:0 10px 10px 0;outline: none;width:calc( 100% - 40px); resize:none;}
.submitComment .comments .replyContent input:focus,
.submitComment .comments .replyContent textarea:focus {box-shadow:inset 0 0 6px #cc000040}
.submitComment .comments .replyContent input.commentname {background:linear-gradient(to right, #dedede 0%, #fff 3%);border:0;height:30px;padding:20px; font-size:16px; color:#999; border-radius:0 10px 10px 0;width:calc( 100% - 40px); outline: none;}
.submitComment .replyBox .comment {float:none;text-align: left;}
.submitComment .replyBox .loginpage { padding:0;}
.submitComment .commentpanelcontent .seemore {display: inline-block!important; height:43px;line-height:43px;text-align:right;background:linear-gradient(to right, #A7895F 0%, #C7A371 3%);display:block;font-size:16px;color:#fff;width:95px;padding:0 35px;border-radius:0 30px 30px 0}
.submitComment .commentpanelcontent .seemore:hover { background:#c19559; text-decoration:none }
.submitComment .commentpanelcontent .addcommentbutton {display: inline-block!important; transition:all 0.5s; height:43px;line-height:43px;text-align:center;background:#C7A371;display:block;font-size:16px;color:#fff;width:130px;border-radius:30px;padding: 0;}
.submitComment .commentpanelcontent .addcommentbutton:hover { background:#AD0804 }
.submitComment .loginpage  .codeinp  {display:flex;align-items: center;padding: 6px;flex-wrap: wrap;
    & .errormessagenotice { float:none;}                                    
}
.successWin {transition: all 1s;position: relative;z-index: 99;}
.successWrap {position:fixed;width: 100vw;height: 100vh;display:flex;z-index: 99;top: 0;left: 0;justify-content: center;align-items: center;background:#00000080;transition: all 1s;}
.successBox {width:600px;height:690px;background:url(../img/warmbg.png) no-repeat;padding:90px 60px;box-sizing: border-box;position:relative;transition:all 1s;transform: translateY(500px);
    & .closeBtn { position:absolute; top:0; right:30px;background:#d9d9d9; color:#666; width:28px; height:28px; line-height:27px; border-radius:50%;font-size:18px; cursor:pointer; font-family:verdana; transition:all 0.5s; transform:rotate(45deg);
               &:hover { background:#C51414; color:#fff; transform:rotate(135deg);}
              }
    & .msgTitle {font-size:20px;font-weight:bold;height:72px;line-height:36px;color:#C51414;justify-content: center;align-items: center;overflow:hidden;margin: 0 40px;}
    & .msgName { line-height:36px; height:36px; overflow:hidden; border-top:1px solid #ebebeb; margin:0 40px; color:#999; padding-top:20px; margin-top:20px; font-size:16px; white-space:nowrap; text-overflow:ellipsis;}
    & .wramMsg { font-weight:bold; font-size:16px; color:#E8C99C; line-height:36px; margin:0 40px; margin-top:50px;}
}
.show .successBox {transform: translateY(0px); animation: flipInX 1s ;}

.wramlist {position: fixed;width: 100vw;height: 100vh; /* 根据需要调整高度 */overflow: hidden;pointer-events: none;}
.wramlist ul {margin: 0;padding: 5px 20px;background: #C5141480;border-radius: 20px;font-size: 16px;display: inline-block; 
    & .name, .operate { display:none;}
    & .con { color:#fff;}
}