@font-face{
    font-family:"iconfont";
    src:url(../font/iconfont.woff2) format('woff2') , url(../font/iconfont.woff) format('woff') , url(../font/iconfont.ttf) format('truetype');
    font-display:swap
}
.iconfont{font-family:"iconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-gengxin:before{content:"\e74b"}
.icon-jinbi:before{content:"\e622"}
.icon-xiazai:before{content:"\e639"}
.icon-gerenzhongxin:before{content:"\e643"}
.icon-sousuo:before{content:"\e614"}
.icon-hudou:before{content:"\e60e"}
.icon-tianjiatupian:before{content:"\e637"}
.icon-mn_shangchuantupian:before{content:"\e605"}
.icon-tuichu:before{content:"\e632"}
.icon-shoucang:before{content:"\e606"}
.icon-shoucangfuben:before{content:"\e60d"}
.icon-lianxiang:before{content:"\e604"}
.icon-huodongxiangqu:before{content:"\e88e"}
.icon-weibiaoti4:before{content:"\e615"}
.icon-xiangqu:before{content:"\e652"}
.icon-xiangkan:before{content:"\e8bc"}
.icon-yixiangkan:before{content:"\e8bf"}
.icon-tag:before{content:"\e863"}
.icon-baojiaquotation:before{content:"\e63a"}
.icon-baojiaquotation2:before{content:"\e63c"}
.icon-money:before{content:"\e609"}
.icon-changyonglogo45:before{content:"\e727"}
.icon-mima:before{content:"\e603"}
.icon-weixin:before{content:"\e7e5"}
.icon-weibo:before{content:"\e61b"}
.icon-zitidaxiao:before{content:"\e660"}
.icon-dingzhijiaju:before{content:"\e619"}
.icon-shuoming:before{content:"\e64f"}
.icon-kaifa:before{content:"\e733"}
.icon-web-icon-:before{content:"\e70d"}
.icon-shujutansuohuanjingpeizhi:before{content:"\e651"}
.icon-fufangzhipin:before{content:"\e61e"}
.icon-bug:before{content:"\e8a5"}
.icon-erweima:before{content:"\e61a"}
.icon-xianshiyanshi:before{content:"\e705"}
.icon-daohanggouwuche:before{content:"\e607"}
.icon-huo:before{content:"\e618"}
.icon-cuowu:before{content:"\e631"}
.icon-shouye:before{content:"\e638"}
.icon-a:before{content:"\e602"}
.icon-shejiaotubiao-31:before{content:"\e645"}
.icon-yanse:before{content:"\e678"}
.icon-leibiefenlei:before{content:"\e621"}
.icon-dc-icon-beiangaoqishuliang:before{content:"\e60a"}
.icon-chibangyou:before{content:"\e666"}
.icon-chibangzuo:before{content:"\e667"}
.icon-tougao:before{content:"\e636"}
.icon-qq:before{content:"\e60b"}
.icon-kefu:before{content:"\e601"}
.icon-jiantou:before{content:"\e61d"}
.icon-top:before{content:"\e608"}
.icon-loading:before{content:"\e6a6"}
.icon-qian4:before{content:"\e641"}
.icon-zixun:before{content:"\e62c"}
.icon-mianfei:before{content:"\e62f"}
.icon-zhuji:before{content:"\e75c"}
.icon-dian:before{content:"\ec1e"}
.icon-chakan:before{content:"\e60c"}
.icon-ruanjiandingzhi:before{content:"\e600"}
.icon-shijian:before{content:"\e62d"}
.icon-baozhangservice:before{content:"\e7ba"}

.hot{background-image: -webkit-linear-gradient(left,#f00,#f6c003 25%,#f00 50%,#f6c003 75%,#f00)!important;-webkit-text-fill-color: transparent!important;-webkit-background-clip: text!important;-webkit-background-size: 200% 100%!important;-webkit-animation: masked-animation 2s infinite linear!important;}
@-webkit-keyframes masked-animation{0%{background-position:0 0}to{background-position:-100% 0}}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{margin:0px;padding:0px;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;-webkit-text-size-adjust:none;background:#eee;}
body ::selection {color:#FFFFFF;background-color:#09F;text-shadow:none;}
ul,h1,h2,h3,li,ol{margin:0px;padding:0px; list-style-type:none;}
i{ font-style:normal;}
a{text-decoration:none;outline:none;color:#666;} 
a:focus{outline:none;-moz-outline-style:none;-moz-outline:none;}
a:hover{text-decoration:none;color:#f00;}

.clear{ clear:both; height:0px; overflow:hidden; border:0;}
input,textarea{outline:none;}
textarea{background-color:transparent;resize:none;-webkit-appearance:none; font-size:1em;font-family: "Microsoft JhengHei", Arial;}
select,button{font-family: "Microsoft JhengHei", Arial;outline: none;}
.none{display:none; }
img{border:0px; max-width:100%;left: 0;top: 0;-o-object-fit: cover;object-fit: cover;-ms-transform: none;-moz-transform: none;-webkit-transform: none;transform: none;}
.aimg{overflow:hidden;display:block}
.aimg img{transition:all .6s}
.aimg:hover img{transform:scale(1.02)}
/*pages*/
.pages{padding:0 0 60px;display: flex;justify-content: center;align-items: center;}
.pages a,.pages span{font-size: 16px;background:#e6e6e6; border-radius:3px; color:#333; margin:0 5px;display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;}
.pages a:hover,.pages .now-page,.pages span:hover{ background:#f00; color:#fff;}
.moblie_pages{ display:none}
.pages a .iconfont{font-size: 26px;}
.iconfont.icon-jiantou.prevpage{transform:rotate(180deg);
-ms-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg);}
/*编辑器*/
.content_p{ background:#eee;padding:5px 10px; border-left: solid #999 3px;}
.ue_t{padding:0 10px;border: solid #eee 1px;background:#f7f7f7;color:#7B8695;border-radius: 4px;}
/*模版一*/
.uedit ul li{ display:flex;}
.uedit.center ul li{align-items: center;}
.uedit_img{ padding:20px 0; width:50%;}
.uedit_img img{ width:100%;}
.uedit_text{ padding:20px 10px; width:50%;}
.servicebox .uedit{padding:0 3%;}
.servicebox .uedit:nth-child(odd){background: rgba(0,0,0,.03);}
.uedit h4{margin:0}
/*作者*/
.author_box{padding: 10px; display: flex;}
.author_img{padding-right: 10px;}
.author_img img{width: 50px;height: 50px;border-radius: 25px;}
.zuozhe div{font-size: 16px; font-weight: 700;}
.zuozhe time{font-size: 12px; color: #d6d4d4;}
.daan{border-bottom:solid #d6d4d4 1px;}
.daan strong{display: block;width: 100px;text-align: center; line-height: 50px;border-bottom:solid #f00 2px;}
/*左右*/
.edit_zy{display: flex;}
.edit_zy .uedit{width: 50%;}
/*一例图文*/
.content_img{display: flex;flex-direction:column;justify-content: center;align-items: center;}
.content_img img{display: block;border-radius: 4px;}
/*二例图文*/
.img2l{display: flex;justify-content: space-between;}
.img2l .content_img{width: 49%;}
.img2l .content_img p img{width: 100%;}
/*三例图文*/
.img3l{display: flex;justify-content: space-between;}
.img3l .content_img{width: 32%;}
.img3l .content_img p img{width: 100%;}
/*按鈕*/
.edit_button{display: flex;justify-content: center;align-items: center;}
.edit_button a{border-radius:10px;background:#ff0044;color: #fff;padding:5px 20px;font-size:1.5em;display: flex;justify-content: center;align-items: center;margin: 20px auto;}
/*视频*/
iframe{ width:100%; height:500px;}
/*滚动条样式*/
*::-webkit-scrollbar {width:5px;}
*::-webkit-scrollbar-track {background: #f5f5f5;}
*::-webkit-scrollbar-thumb {background: #000;border-radius: 5px;}
/*表格*/
.contenttable{border-collapse:collapse;border:none;border-left:solid #ddd 1px;border-top:solid #ddd 1px;}
.contenttable td,.contenttable th{border-right:solid #ddd 1px;border-bottom:solid #ddd 1px;padding:3px 5px}
.contenttable th{background:#fdf5e6}
/*header*/
.header.headersmall{top: -37px;}
.top_txt{background: rgba(238,238,238,.5);font-size: 12px;padding:10px;color:#555;}
.top_w{max-width: 1140px;margin: auto;display: flex;justify-content: space-between;}
.top_right{display: flex;}
.top_right a{display: flex;margin-left: 10px}
.top_right .icon-sousuo{cursor: pointer;}
.top_search{margin-left: 10px;position: relative;}
.top_search form{position: absolute;display: none;right: 0;top:0;padding:29px 0 50px 50px;}
.top_search form:before{content: "";width: 0;height: 0;
border-bottom: 20px solid #fff;border-left: 20px solid transparent;position: absolute;top:15px;right:10px;}
.top_search form div{background: #fff;border-radius: 4px;position: relative;padding:10px;box-shadow: 2px 2px 20px rgba(0,0,0,.1)}
.top_search form div input{border:0;width: 300px;}
.top_search form div button{border:0;background: #fff;position: absolute;right: 10px;top: 10px;}
.top_search form div button i:hover{color:#f00;}
.top_search:hover form{display: block;}
.header{width: 100%;position: fixed!important;z-index:10;transition:all 0.5s;    background: rgba(40, 42, 44, .6);}
.mu{padding-top: 100px;display: none;align-items: center;justify-content: center;z-index: 9;width: 100%;height: 100%;left: 0;top:0;position: fixed;background: rgba(255, 255, 255,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-box-shadow:0 .3125rem .3125rem -.3125rem rgba(0,0,0,.117);-moz-box-shadow:0 .3125rem .3125rem -.3125rem rgba(0,0,0,.117);box-shadow:0 .3125rem .3125rem -.3125rem rgba(0,0,0,.117);}
.mu ul{width: 100%;}
.mu ul li a{display: block;font-size: 20px;text-align: center;line-height: 300%;font-weight: 700;border-bottom: 1px #eee solid;width: 100%;}
.top{display: flex;justify-content: space-between;align-items: center;max-width: 1180px;margin: auto;height: 50px;}
.top h1, .top h2{padding-left: 20px;}

.top h1 a{color:#fff;}
.top ul{display: flex;}
.top ul li{padding:5px 20px;}
.top ul li a{color:#fff;display: block;}
.top ul li a:hover{color:#f00;}

.top ul li a.on{color:#f00;}

.nav ul li.nLi {
	display: block;
	float: left;
	text-align: center;
	line-height: 65px;
	position: relative;
}
.nav ul li.nLi:after {
	position: absolute;
	left: 0;
	top: 0;
}

.nav ul li.nLi:last-child:before {
	position: absolute;
	right: 0;
	top: 0;
}

.nav ul li.nLi .sub {
	width: 100%;
	position: absolute;
	top: 75px;
	left: 0;
	background: rgba(255, 255, 255, 0.8);
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease 0s;
}
.nav ul li.nLi .sub a {
	display: block;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 15px;
}
.nav ul li.nLi:hover .sub {
	top: 65px;
	opacity: 1;
	visibility: visible;
}

.bottonicon{display: none;}

.logintxt{cursor: pointer;}
.loginbutton{position: relative;}
.logincode{top:27px;position: absolute;padding:20px;background: rgba(255, 255, 255,.95);max-width: 200px;right:0;display: none;border-radius: 0 0 5px 5px;box-shadow: 5px 5px 20px rgba(0,0,0,.1)}
.logincode span{display:block;text-align: center;padding-top:10px;}
.logincode canvas{width: 140px;height:140px;}
#login{background: #fff;padding:10px;}
.logincode:before {content: "";width: 0;height: 0;top: -20px;right:15px;position: absolute;border: 10px solid;border-color: transparent transparent rgba(255, 255, 255,.95);}
/*banner*/
.banner{height: 580px;background-attachment: fixed;background-size: 100% auto;position: relative;overflow: hidden;}
.bannerbox{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.7);}
@-webkit-keyframes scrollToUp {0% {background-position: 0 0;}100% {background-position: 0 -482px;}}
@keyframes scrollToUp {0% {background-position: 0 0;}100% {background-position: 0 -482px;}}
.banner .h1{
  display: flex;
    justify-content: center;
    align-items: center;
    text-shadow: 2px 2px 2px #666;
    height: 100%;
}


.banner .h1 .h2 {
  margin: 0;
  color: #fff;
  margin-bottom: 30px;
  text-align: center;
  font-size: 40px;
}

.banner .h1 .form {color: #fff;font-size: 25px;letter-spacing: 1px;text-align: center;}

.template_list{max-width: 1210px;margin: auto;}
.template_list h2{padding:40px 15px;font-size: 22px;text-align: center;color:#555;}
.template_list h2 span{display: block;font-weight: normal;font-size: 16px;color:#666;}
.template_list h2 strong{padding: 0px 15px;}
.template_list_box{display: flex;flex-wrap: wrap;}
.template_list_box article{width:100%;padding:0 15px 30px;}
.tem_ar{transition: all .3s ease;overflow: hidden;border-radius: 5px;position: relative;top:0;background: #fff;}
.tem_ar:hover{box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-webkit-box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-moz-box-shadow:0 26px 40px -24px rgba(0,36,100,.3);top:-6px;}
.tem_ar footer time .iconfont{font-size:19px}
.template_list_img{background: #fff;display: block;position: relative;overflow:hidden;}
.template_list_img:before{position: absolute;top: 0;left: 20px;width: 100%;height: 100%;background: rgba(255,255,255,0.3);content: '';-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s;-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); z-index:9;}
.template_list_img:hover:before{left: -20px;-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);}
.template_list_img img{display: block;width: 100%;overflow: hidden;transition: all .3s ease;}
.template_list_img img:hover{opacity: 0.9;}
.template_list_type{font-size: 12px;padding:10px 5px;}
.template_list_type a{display: flex;}
.template_list_type a i{color:#f00;}
.template_list_box article h3 a{font-size: 15px;color:#34495e;display: block;}
.template_list_box article h3 a:hover{color:#f00}
.template_list_box article h3{font-size: 15px;color:#34495e;overflow: hidden;height: 44px;line-height: 22px;white-space: unset;text-overflow: unset;padding:0 10px;}
.template_list_box article header,.template_list_p{background: #fff;}
.template_list_p{color: #666;padding:5px 10px 10px;border-bottom: solid #eee 1px;}
.template_list_p p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 22px;font-size: 13px;height: 44px;margin: 0;padding:0;}
.template_list_box article footer{background: #fff;display: flex;justify-content: space-between;align-items: center;padding:10px;width: 100%;}
.template_list_box article footer time span{font-size: 14px;}
.template_list_box article footer time{display: flex;color:#555;}
.meta-views{color:#666;font-size: 14px;display: flex;}
.meta-views .iconfont{font-size:19px}
.template_list_box article footer div{display: flex;}
.free{margin-left: 10px;background: #f00;padding:0 5px;font-size: 14px;color:#fff;display: flex;align-items:center;border-radius:4px}
.free i.iconfont.icon-money{margin-right: 3px;}
.index_backgroud_1{-webkit-animation: scrollToUp 10s linear infinite;animation: scrollToUp 10s linear infinite;padding:40px 0;background-attachment: fixed;margin-bottom: 40px;background-size: 100% auto;}
.index_backgroud_1 .template_list h2{color:#fff;}
.template_list_box.qa article{width: 100%;}
.template_list_box.qa .tem_ar{display: flex;}
.template_list_box.qa .tem_b{width: 100%;}
.template_list_box.qa .template_list_img{flex-shrink: 0;padding:10px;background: #fff;}
.template_list_box.qa .template_list_img img{height: 158px;width: auto;max-width:255px}
.error{text-align: center;min-height: 300px;color:#555;}
.avatarbox{position: relative;
    z-index: 99;
    display: block;
    width: 100px;
    height: 36px;
    margin-top: -14px;
    margin-left: -10px;
    transform: translateZ(0);}
.avatarbox img,.avatarbox i{position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    z-index: 99;display: block;}
.avatarbox i{display: flex;align-items: center;justify-content: center;background:rgba(0,0,0,.04);color:#fff;}
.avatarbox:after{content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 100px 30px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA3NiAzMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNzYgMzE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjx0aXRsZT5iZ19zb3VyY2VfYmFkZ2VfMTwvdGl0bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTcuNywxMS40Yy0xLjQtMS40LTIuNy0yLjktNC4xLTQuNGMtMC4yLTAuMy0wLjUtMC41LTAuOC0wLjhjLTAuMi0wLjItMC4zLTAuMy0wLjUtMC41bDAsMA0KCUM0OC42LDIuMiw0My41LDAsMzgsMFMyNy40LDIuMiwyMy42LDUuN2wwLDBjLTAuMiwwLjItMC4zLDAuMy0wLjUsMC41Yy0wLjMsMC4zLTAuNSwwLjUtMC44LDAuOGMtMS40LDEuNS0yLjcsMy00LjEsNC40DQoJYy01LDUuMS0xMS43LDYuMS0xOC4zLDYuM1YzMWg5LjRoOC45aDM5LjRoNC45SDc2VjE3LjZDNjkuNCwxNy40LDYyLjcsMTYuNSw1Ny43LDExLjR6Ii8+DQo8L3N2Zz4NCg==);
    top: -3px;
    left: 50%;
    transform: translate(-50%,0);
    z-index: -1;}
/*statistics_box*/
.statistics_box{background-attachment: fixed;height: 200px;background: 100% auto;display: flex;align-items: center;justify-content: center;}
.statistics{display: flex;justify-content: center;align-items: center;color:#fff;}
.statistics div{text-align: center;padding:0 80px;}
.statistics div strong{display: block;font-size: 40px;}
.statistics div span{font-size: 12px;}
/*footer*/
.footer{background: #fff;padding:50px 0;}
.footer_w{max-width: 1180px;margin: auto;display: flex;justify-content: space-between;}
.f_logo_box{max-width: 450px;display: flex;align-items: center;}
.f_logo_box p{font-size: 14px;color:#666;}

.f_nav_tag{width: 300px;max-width: 300px;}
.f_nav_tag ul{display: flex;flex-wrap: wrap;}
.f_nav_tag ul li{padding:0 5px 5px 0;}
.f_nav_tag ul li a{background: rgba(0,0,0,.1);border-radius: 4px;display: block;padding:0 5px;font-size: 13px;color:#fff;transition: all .3s;line-height:180%}
.f_nav_tag ul li:nth-child(7n+1) a{background: rgb(255, 94, 92)}
.f_nav_tag ul li:nth-child(7n+2) a{background: rgb(255, 187, 80)}
.f_nav_tag ul li:nth-child(7n+3) a{background: rgb(26, 199, 86)}
.f_nav_tag ul li:nth-child(7n+4) a{background: rgb(25, 181, 254)}
.f_nav_tag ul li:nth-child(7n+5) a{background: rgb(251, 125, 169)}
.f_nav_tag ul li:nth-child(7n+6) a{background: rgb(102, 102, 102)}
.f_nav_tag ul li:nth-child(7n+7) a{background: rgb(162, 111, 249)}


.f_logo_box img{height: 40px;width: auto;}

.content .f_divTags{width:100%;max-width:100%;}
.content article{padding:10px 0;}
.content article a{outline: 0.14em dotted red !important;outline-offset: 0.2em;border-radius:4px}
.side_box .f_divTags{width:100%;max-width:100%;padding:10px 5px 10px 10px;}

.f_nav{max-width: 150px;}
.f_nav ul li{padding:5px 0;}
.f_nav ul li a{font-size: 14px;}
.links{max-width: 1180px;margin:auto;display: flex;padding:20px 0;}
.links_left{width: 150px;min-height: 80px;display: flex;flex-direction:column;justify-content: center;align-items: center;font-size: 14px;color:#000;border-radius: 5px 0 0 5px;border: dashed 1px #eee;}
.links_left a{padding:1px 10px;color:#f00;border-radius:10px;background: rgba(255,255,255,1);transition:0.3s;}
.links_left a:hover{background: rgba(255,255,255,.5);}
.links_box{border-radius: 0 5px 5px 0;border-top:dashed 1px #eee;border-right:dashed 1px #eee;border-bottom:dashed 1px #eee;width: 100%;padding:10px;display: flex;align-items: center;background:rgba(0,0,0,.01);flex-wrap: wrap;}
.links_box a{font-size: 12px;margin: 5px;}
.copyright{text-align: center;color:#666;font-size: 14px;}
.copyright p{margin: 0;padding:0;}
.f_ad{text-align: center;font-size: 14px;color:#ddd;}
.f_ad a{color:#bbb;}
.icp{font-size: 12px;padding-top: 10px;display: flex;justify-content: center;}
.icp a{display: block;display: flex;align-items: center;}
.icp i{font-size: 24px;}
.gotop{position: fixed;bottom: 100px;left:50%;margin-left:605px;display: flex;flex-direction:column;justify-content: center;align-items: center;}
.gotop i{font-size: 25px;background: #f00;color:#fff;padding:5px;border-radius: 4px;cursor:pointer;transition: .3s;margin-bottom:5px;}
.gotop i:hover{background: #555;}
.go_top{background: url(../image/rocketFly.gif) no-repeat center center;position: fixed;width: 70px;height: 250px;left:50%;margin-left:585px;bottom: -250px;z-index: 999;}
.hr{border:0;height: 1px;background: #eee;max-width: 1180px;margin:50px auto;}
.messagebox{z-index: 99999;position: fixed;width: 100%;height:100%;top: 0;left: 0;display: none;justify-content: center;align-items:center;}
.messagebox span{background: rgba(0,0,0,.3);color:#fff;padding:10px 20px;border-radius: 10px;display: block;margin-top: 100px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-box-shadow:0 .3125rem .3125rem -.3125rem rgba(0,0,0,.117);-moz-box-shadow:0 .3125rem .3125rem -.3125rem rgba(0,0,0,.117);box-shadow:0 .3125rem .3125rem -.3125rem rgba(0,0,0,.117)}
/*水*/
.waveHorizontals{width:100%;height:20px;position:relative;overflow:hidden;z-index:1;background-color:#fff!important}
#waveHorizontal1{-webkit-mask:url(../image/1.svg);mask:url(../image/1.svg);animation-delay:-2s;animation-duration:12s}
#waveHorizontal1,#waveHorizontal2,#waveHorizontal3{background-image:linear-gradient(20deg, #000000 0, #ffffff 100%) !important}
.waveHorizontal{width:200%;height:100%;display:block;position:absolute;left:0;bottom:0;background-repeat:repeat-x;background-position:left bottom;background-size:350px 100%;transform-origin:0 100% 0;animation-name:move;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes move{0%{transform:translate(-175px,0) scale(1,1)}50%{transform:translate(-87px,0) scale(1,.5)}100%{transform:translate(0,0) scale(1,1)}}
#waveHorizontal2{-webkit-mask:url(../image/2.svg);mask:url(../image/2.svg);animation-delay:-2s;animation-duration:5s}
#waveHorizontal3{-webkit-mask:url(../image/3.svg);mask:url(../image/3.svg);animation-delay:-1s;animation-duration:3s}
.editorial {display: block;width: 100%;height: 2em;max-height: 100vh;margin: 0;position: absolute;bottom: 0;}
.parallax > use {animation: move-forever 12s linear infinite;}
.parallax > use:nth-child(1) {animation-delay: -2s;}
.parallax > use:nth-child(2) {animation-delay: -2s;animation-duration: 5s;}
.parallax > use:nth-child(3) {animation-delay: -4s;animation-duration: 3s;}
@keyframes move-forever {0% {transform: translate(-90px, 0%);}100% {transform: translate(85px, 0%);}}
/*view*/
.location{padding: 30px 10px;max-width: 1180px;margin: auto;font-size: 14px;color:#999;}
.view_box{padding:20px;background: #fff;max-width: 1180px;margin:0 auto 30px;border-radius: 5px;display: flex;}
.view_txt_h1box{display: flex;justify-content:space-between;align-items:center}
.h1_left h1{font-size: 20px;color:#555;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.h1_p{padding-top: 5px;}
.h1_p span{background: rgba(0,0,0,.03);font-size: 12px;padding:2px 5px;border-radius: 4px;margin-right: 5px;color:#7B8695;white-space: nowrap;}
.h1_p span i{margin-right: 5px;}
.h1_p .shoucang{cursor: pointer;}
.h1_p .shoucang:hover{background: rgba(0,0,0,.05);color:#f00;}
.view_hot{padding-right: 20px;}
.view_hot i{font-size: 36px;color:#f00;background-image: -webkit-linear-gradient(left,#FFC,#f00 25%,#FFC 50%,#f00 75%,#FFC)!important;-webkit-text-fill-color: transparent!important;-webkit-background-clip: text!important;-webkit-background-size: 200% 100%!important;-webkit-animation: masked-animation 2s infinite linear!important;}
@-webkit-keyframes masked-animation{0%{background-position:0 0}to{background-position:-100% 0}}
.view_hot span{font-size: 36px;color:#eee;font-style:italic;font-weight: 700;position: relative;}
.view_hot span:after{content: "。";position: absolute;top: -25px;margin-left: 7px;font-weight: normal;}
.view_ff{border:solid 1px #eee;margin: 10px 0;}
.view_ff legend{text-align: right;color:#999;font-size: 16px;}
.view_ff ul{display: flex;flex-wrap: wrap;}
.view_ff ul li{border:1px solid #eee;padding:3px 5px;margin:0 5px 5px 0;color:#7B8695;font-size: 14px;}
.view_ff ul li .iconfont{margin-right: 5px;}
.view_img{width: 100%;}
.view_img img{display: block;width: 100%;}
.view_txt_box{width: 55%;padding-left: 20px;display: flex;flex-direction:column;justify-content: space-between;}
.view_hlep{margin-bottom:10px;font-size: 14px;background:rgb(255, 249, 230);border-radius: 4px;padding:3px 5px;}
.huang{color:#FFA500;}
.red{color:#f00;}
.view_statement{background: rgba(0, 0, 0,.05);border-radius: 4px;padding:5px 10px;font-size: 14px;color:#7B8695;}
.button{white-space:nowrap;font-size: 16px;border: 0;border-radius: 4px;padding: 10px 20px;margin:0 5px 10px 0;cursor: pointer;transition: all 0.5s;display: flex;align-items: center;}
.button .iconfont{margin-right: 5px;}
.downurl{/*max-width:320px;*/width:100%;overflow: hidden;display: none;}
.downurl span{display: block;overflow: hidden;/*max-width: 240px;*/widht:100%;text-overflow: ellipsis}
.tiqucode{display: none;}
.red_backgroud{background: #f00;color:#fff;}
.red_backgroud:hover{background: #cb0606;}
.blue_backgroud{background:#19b5fe;color:#fff;}
.blue_backgroud:hover{background: #1594cf;}
.eee_backgroud{background: #eee;}
.eee_backgroud:hover{background: #ddd;}
.cc_backgroud{background:#66CC33;color:#fff;}
.cc_backgroud:hover{background: #669933;}
.copy_input{position: absolute;top: -10000px;}
/*详情内容*/
.main{max-width: 1180px;margin: auto;display: flex;justify-content: space-between;margin-bottom: 40px;}
.content{background: #fff;border-radius: 5px;padding:20px;width:100%;max-width:850px;line-height: 150%;color:#555;}
.side{background: #fff;border-radius: 5px;width: 300px;}
.h2{justify-content: space-between;align-items: center;}
.h2 strong{color:#999;}
.h2 span{color:#f00;font-size: 20px;transition: .3s;cursor: pointer;display: flex;align-items: center;}
.h2 span:hover{color:#999;}
.h2 span:after{content: "字号";font-size: 12px;white-space:nowrap}
.content h1.h2{font-size: 20px;}
.content .h1_p .icon-zitidaxiao{font-size: 16px;cursor: pointer;}
.content .h1_p .icon-zitidaxiao:hover{color:#999;}
.content .h1_p .icon-zitidaxiao:after{content: "字号";font-size: 12px;white-space:nowrap}
.content h3{border-left: 10px #f00 solid;padding:2px 10px;font-size: 18px;margin: 10px 0;}
.content article{padding-bottom:30px;}
.content article.at_big{font-size: 18px;line-height: 180%;}
.content article.at_center{font-size: 16px;line-height: 180%;}
.content article.at_small{font-size: 14px;}
.tk{color: #555;line-height: 30px;overflow: hidden;margin: 30px 0;background-color: #ffdee9;font-size: 12px;background-image: linear-gradient(0deg,#ffdee9c4 0,#b5fffc8f 100%);background-image: -webkit-linear-gradient(0deg,#ffdee9c4 0,#b5fffc8f 100%);}
.content_qa ul{padding:10px 0;}
.content_qa ul li{padding:10px 0;cursor: default;}
.qatitle{display: flex;align-items: center;}
.qatitle .iconfont{color:#fff;background: #f00;margin-right: 10px;}
.qatitle span{font-size: 14px;font-weight: 700;color:#555;}
.qada{display: none;padding-top:10px;align-items: flex-start;}
.qada p{margin: auto;background:rgba(0,0,0,.02);padding:5px 10px;border-radius: 5px;font-size: 14px;color:#7B8695;position: relative;}
.qada p:before{content: "";width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 8px solid rgba(0,0,0,.02);left: -7px;
    border-bottom: 5px solid transparent;position: absolute;}
.qada .iconfont{color:#fff;background: #7B8695;margin-right: 10px;}
.content_qa ul li:hover .qada,.aboutbox .qada{display: flex;}
.content_share{display: flex;justify-content:space-between;}
.share_go span{color:#7B8695;font-size: 14px;}
.share_go i{font-size: 20px;color:#7B8695;cursor: pointer;margin-left:5px;border:solid 1px #7B8695;border-radius: 50%;padding:5px;transition: .3s;}
.share_go i:hover{background: #f00;color:#fff;border:solid 1px #f00;}
.content_share_url button{border:#7B8695 1px solid;color:#7B8695;border-radius: 4px;background: #fff;padding:5px 10px;cursor: pointer;transition: 0.3s;}
.content_share_url button:hover{background:#7B8695;color:#fff;}
.img_list{padding:10px;}
.img_list img{display: block;width: 100%;}
.img_list li{padding-bottom: 10px;}
.img_list li a span{font-size: 14px;}
.side_box{transition: .3s;}
.side_box h3{margin:0 10px;padding:10px 0;font-size: 16px;color:#999;position: relative;}
.side_box h3:after{content: "";width: 100px;position: absolute;height: 3px;background: #f00;left:0;bottom:0;transition: .3s;}
.side_box:hover h3:after{width: 100%;}
.side_box.fixed{position: fixed;top:100px;max-width: 300px;}

.side_box li{padding: 0 5px 5px 0;}
.side_box .f_nav {width: 100%;max-width: 100%;padding: 10px 5px 10px 10px;}
.f_nav{width: 300px;max-width: 300px;}
.f_nav ul{flex-wrap: wrap;overflow: hidden;}
.f_nav ul li a{display: block;padding:0 5px;font-size: 13px;color:#000;line-height:180%}

.f_divTags ul{display: flex;flex-wrap: wrap;}
.f_divTags ul li a{background: rgba(0,0,0,.1);border-radius: 4px;display: block;padding:0 5px;font-size: 13px;color:#fff;transition: all .3s;line-height:180%}
.f_divTags ul li:nth-child(7n+1) a{background: rgb(255, 94, 92)}
.f_divTags ul li:nth-child(7n+2) a{background: rgb(255, 187, 80)}
.f_divTags ul li:nth-child(7n+3) a{background: rgb(26, 199, 86)}
.f_divTags ul li:nth-child(7n+4) a{background: rgb(25, 181, 254)}
.f_divTags ul li:nth-child(7n+5) a{background: rgb(251, 125, 169)}
.f_divTags ul li:nth-child(7n+6) a{background: rgb(102, 102, 102)}
.f_divTags ul li:nth-child(7n+7) a{background: rgb(162, 111, 249)}
.f_divTags ul li a:hover{background: #000}
.view_buy_box{display: flex;}
.view_buy_box a:hover {text-decoration: none;color: #fff;}
blockquote{border-radius:3px;position: relative;padding: 30px 50px;background: #f0f4f5;margin: 0;color:#555;}
blockquote:before{content: "\e63c";font-family: "iconfont" !important;
  font-size: 24px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;position: absolute;top: 20px;left: 20px;color:#C0C6CC;}
blockquote:after{content: "\e63a";font-family: "iconfont" !important;
  font-size: 24px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;position: absolute;bottom: 20px;right: 20px;color:#C0C6CC;}
/*单页*/
.aboutbox .location{padding:0 10px 30px;margin-top:-40px;}
.about_right{padding:10px;}
.about_right a{display: block;padding:10px;border-bottom: 1px #eee solid;}
.links__box{background: #fff;border-radius: 5px;max-width: 1180px;margin:-30px auto 30px;display: flex;overflow: hidden;}
.links__form .button{margin: 0 5px 0 0;}
.links__form{width: 50%;display: flex;justify-content: space-between;flex-direction:column;padding:20px;}
.links__text{width: 50%;font-size: 14px;padding:20px;background-image: linear-gradient(160deg, #ff8b00 20%,#ffce00 80%);color:#fff;}
.links__text h3{padding-top: 20px;}
.form-group input{border: 0;border-radius: 3px;margin-bottom: 10px;padding:10px;transition: border-color cubic-bezier(0.77,0,0.175,1);width: 100%;border: 1px solid #f1f1f1;color:#aaa;background:rgba(0,0,0,.01);transition: .5s;}
.form-group input:hover{border:#f00 solid 1px;}
.form-group label{display: inline-block;margin-bottom: 5px;vertical-align: middle;font-size: 12px;}
.form-group textarea{border: 0;border-radius: 3px;margin-bottom: 10px;padding:10px;transition: border-color cubic-bezier(0.77,0,0.175,1);width: 100%;border: 1px solid #f1f1f1;color:#aaa;background:rgba(0,0,0,.01);transition: .5s;font-size: 14px;}
.form-group textarea:hover{border:#f00 solid 1px;}

.no-data{padding:80px;text-align:center;color:#adadad}
.no-data i{display:block;font-size:154px}
.no-data span{display:block;line-height:30px;padding:5px 0;font-size:17px}
.no-data a{display:block;color:#a5a5a5;width:221px;margin:0 auto;border:1px solid #e2e2e2;height:45px;line-height:45px;font-size:15px;border-radius:30px;margin-top:15px;margin-bottom:18px}
@media screen and (max-width:1300px){
.gotop,.go_top{left: auto;margin-left: auto;right: 10px;}
}
@media screen and (max-width: 1180px){
.content{width: 70%}
.side{width: 28%}
}
@media screen and (max-width:940px){
.header{z-index: 10;}
.top_txt,.top ul{display: none;}
.bottonicon {width: 30px;height: 30px;display: flex;align-items: center;flex-direction: column;justify-content: center;margin-right: 20px;}
.bottonicon:before,.bottonicon:after,.bottonicon span {transition:all 0.3s;content: "";display: block;width: 20px;height: 3px;background: #f00;}
.bottonicon span{margin: 5px 0;}
.bottonicon.on:before{transform:rotate(45deg);margin-top: 2.5px;}
.bottonicon.on:after{transform:rotate(-45deg);margin-top: -2.5px;}
.bottonicon.on span{display: none;}
.statistics div{padding:0 20px;}
.top {height: 50px;display: flex;justify-content: space-between;align-items: center;}
.mu ul li.nLi .sub{display: none;}
}
@media screen and (max-width:800px){
.banner{margin-bottom: 40px;padding-top: 60px;}
img{width: auto;}
.template_list_box article{width: 100%;padding:0 0 10px;}
.template_list_box article:nth-child(odd){padding:0 5px 10px 10px;}
.template_list_box article:nth-child(even){padding:0 10px 10px 5px;}
.template_list_box.qa article{width: 100%;padding:0 10px 10px;}
.banner{height: 180px;}
.banner .h1 .h2 {
  margin-bottom: 30px;
  font-size: 18px;
}
.banner .h1 .form {
  font-size: 18px;
}
.footer_w,.links,.f_logo_box,.f_nav,.template_list_box.qa article .template_list_img,.tem_ar .free{display: none;}
.f_nav_tag{width: 100%;padding:0 0 50px 10px;max-width: 100%;}
.copyright,.f_ad{font-size: 12px;}
.statistics div{padding:0 10px;}
.statistics div strong{font-size: 20px;}
.template_list h2{font-size: 20px;}
.template_list h2 span{font-size: 12px;}
.view_box{display: block;padding:0;overflow: hidden;}
.view_img{width: 100%;}
.content{width: 100%;padding:10px;}
.side{display: none;}
.content_share{flex-direction:column;align-items: center;justify-content: center;}
.share_go{padding:30px 0;}
.content_share_url{padding-top: 30px;}
.view_buy_box{text-align: center;}
.button{margin: 0 4px 10px;font-size: 14px;padding: 5px 10px;}
.view_txt_box{width: 100%;padding:10px;position: relative;}
.view_txt_h1box{display: block;}
.view_hot{position: absolute;top:-47px;right:10px;text-shadow: 0 0 10px rgba(0,0,0,.5)}
.formbox{display: block;}
.editbox{width: 100%;}
.inputarrbox{width: 100%;padding:0;}
.banner form{padding:10px;}
.banner form button{width: 100px;right: 10px;}
}
.kule-down {width: 100%;}
.kule-down h4 {font-size: 17px;margin: 10px 0 20px;border-top: 1px dashed #ececec;padding-top: 20px;font-weight: 700;background: url(../image/down.svg) left 23px no-repeat;background-size: 16px;padding-left: 20px;}
.kule-down a {background: #1b54bc;color: #fff!important;padding: 10px 25px;font-size: 14px;border: 1px solid #1b54bc;border-radius: 7px;float: left;margin-right: 20px;}
.kule-down a {display: -webkit-inline-box;}
.kule-down ul{height: 40px;}
.down-mima {margin-top: 10px;margin-bottom: 10px;padding-top: 5px;color: #666;font-weight: 700;text-align: left;font-size: 14px;}
@media screen and (max-width: 800px){.kule-down a {margin: 1%;font-size: .8rem;padding: 2% 0;width: 23%;text-align: center;display: block;}}


.cmtsitem {
    padding: 18px 0 14px;
    border-bottom: 1px dotted #e4e8eb;
    zoom: 1
  }
  
  .cmtsitem::after {
    content: "";
    display: block;
    clear: both
  }
  
  .cmtsitem .avatar {
    width: 48px;
    height: 48px;
    float: left;
    display: inline;
    margin-right: 10px;
    overflow: hidden
  }
  
  .cmtsitem .avatar img {
    width: 48px;
    height: 48px;
    border-radius: 3px
  }
  
  .cmtsitem .cmtscon .avatar {
    display: none
  }
  
  .cmtscon {
    margin-left: 65px;
    zoom: 1
  }
  
  .cmtscon::after {
    content: "";
    display: block;
    clear: both
  }
  
  .cmtscon>.cmtsitem {
    margin-top: 15px;
    padding: 0 0 0 20px;
    border-left: 2px solid #e4e8eb
  }
  
  .cmtscon>.cmtsitem .cmtscon {
    margin: 0
  }
  
  .cmtsdate {
    float: right;
    display: inline;
    font-size: 14px;
    color: #bbb
  }
  
  .cmtsname {
    font-size: 14px;
    color: #333;
    display: inline-block
  }
  
  .cmtsname a {
    font-size: 14px;
    color: #333
  }
  
  .cmtsname em {
    margin-top: 1px;
    padding: 0 7px;
    font-size: 12px;
    color: #888;
    font-style: normal;
    line-height: 20px;
    border: 1px solid #eee;
    border-radius: 2px;
    background: #fafafa;
    display: inline-block;
    vertical-align: top
  }
  
  .cmtsbody {
    margin-top: 8px;
    line-height: 26px;
    word-wrap: break-word;
    word-break: break-all
  }
  
  .cmtsbody .cmtscon {
    margin: 0;
    padding-left: 20px;
    border-left: 2px solid #e4e8eb
  }
  
  .cmtsbody .cmtsfoot {
    display: none !important
  }
  
  .cmtsreply {
    margin-top: 15px;
    padding-left: 20px;
    border-left: 2px solid #e4e8eb
  }
  
  .cmtsreplyname {
    font-size: 12px;
    color: #888
  }
  
  .cmtsreplyname em {
    margin-top: 1px;
    padding: 0 7px;
    font-size: 12px;
    color: #888;
    font-style: normal;
    line-height: 20px;
    border: 1px solid #eee;
    border-radius: 2px;
    background: #fafafa;
    display: inline-block;
    vertical-align: top
  }
  
  .cmtsreplyname a {
    font-size: 14px;
    color: #333
  }
  
  .cmtsreplycon {
    margin-top: 8px;
    word-wrap: break-word;
    word-break: break-all
  }
  
  .cmtsreplydate {
    margin-top: 8px;
    font-size: 14px;
    color: #bbb
  }
  
  .cmtsfoot {
    margin-top: 8px
  }
  
  .cmtsfoot .reply {
    font-size: 14px;
    color: #888
  }
  
  .cmtsfoot .reply:hover {
    color: #0188fb
  }
  
  .cmtsfoot .reply:hover::before {
    color: #0188fb
  }
  
  .cmts.nocmt {
    padding: 15px 30px
  }
  
  .cmts.nocmt::before {
    content: attr(data-content);
    width: 100%;
    font-size: 16px;
    color: #888;
    text-align: center;
    display: inline-block
  }
  
  .reply-frm {
    border-left: 2px solid #e4e8eb;
    padding: 0 0 0 20px;
    margin-top: 15px;
    box-shadow: none
  }
  
  .reply-frm .cmtimg {
    display: none !important
  }
  
  .reply-frm .cmtarea {
    padding: 0
  }
  
  #cancel-reply {
    height: 26px;
    margin-left: 20px;
    padding: 0 10px 0 6px;
    font-size: 14px;
    color: #0188fb;
    line-height: 25px;
    border: 2px solid #0188fb;
    outline: 0;
    box-sizing: content-box;
    border-radius: 20px;
    cursor: pointer;
    background: #fff;
    vertical-align: top;
    display: none
  }

  
  .comment {
    margin-top: 20px;
    zoom: 1
  }
  
  .comment::after {
    content: "";
    display: block;
    clear: both
  }
  
  .cmtimg {
    width: 48px;
    float: left;
    text-align: center
  }
  
  .cmtimg img {
    width: 48px;
    height: 48px;
    border-radius: 3px
  }
  
  .cmtimg p {
    height: 20px;
    font-size: 12px;
    color: #888;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
  }
  
  .cmtinfo {
    padding-left: 70px;
    font-size: 14px;
    word-break: break-all
  }
  
  .cmtinfo a {
    color: #333
  }
  
  .cmtinfo .cmt {
    margin: 15px 0 0 -20px;
    padding-bottom: 0
  }
  
  .cmtinfo .cmt .cmt {
    margin: 15px 0 0 -20px;
    padding-bottom: 0
  }
  
  .cmtinfo .cmt .cmt .cmt {
    margin: 15px 0 0 -20px;
    padding-bottom: 0
  }
  
  .cmtinfo .cmtinfo {
    width: 500px
  }
  
  .cmtinfo .cmtinfo .cmtinfo {
    width: 430px
  }
  
  .cmtinfo .cmtinfo .cmtinfo .cmtinfo {
    width: 360px
  }
  
  .cmttime,
  .cmttime a {
    font-size: 12px;
    color: #888
  }
  
  .cmtarea {
    padding-left: 68px
  }
  
  .cmtarea textarea {
    width: 100%;
    margin: 0 0 10px;
    padding: 5px 15px;
    font-size: 16px;
    color: #333;
    line-height: 28px;
    border: 1px solid #e4e8eb;
    outline: 0;
    border-radius: 3px;
    overflow: hidden;
    vertical-align: top;
    box-sizing: border-box
  }
  
  .cmtarea textarea:focus {
    color: #0188fb;
    background-color: #fff;
    border-color: #aab7c1;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(31, 73, 119, 0.1)
  }
  
  .cmtsubmit button {
    height: 36px;
    margin: 0 10px 0 0;
    padding: 0 20px;
    font-size: 16px;
    color: #888;
    line-height: 32px;
    border: 2px solid #e4e8eb;
    outline: 0;
    border-radius: 20px;
    cursor: pointer;
    background: #fff
  }
  
  .cmtsubmit button:hover {
    color: #0188fb;
    border-color: #0188fb
  }
  
  .cmtsubmit button:hover::before {
    color: #0188fb
  }
  
  .cmtsubmit button:active {
    border-color: #0188fb;
    background: #f1f1f1
  }
  
  .cmtsubmit span {
    font-size: 14px;
    color: #888
  }
  
  .cmtform {
    width: 100%;
    float: left;
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px dotted #e4e8eb;
  }
  
  .cmtform p {width: 49%;float: left;margin: 0 0 20px;}
  
  .cmtform input {
    width: 180px;
    height: 27px;
    padding: 2px 6px;
    color: #333;
    border: 1px solid #e4e8eb;
    outline: 0;
    border-radius: 3px
  }
  
  .cmtform input:focus {
    color: #0188fb;
    background-color: #fff;
    border-color: #aab7c1;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(31, 73, 119, 0.1)
  }
  
  .cmtform input {
    *display: inline;
  }
  
  .cmtform label {
    padding: 0 10px;
    line-height: 27px;
    cursor: pointer;
  }
  
  .cmtform #inpVerify {
    width: 100px
  }
  
  .cmtform img.imgcode {
    width: 68px;
    height: 31px;
    margin-left: 10px;
    border: 1px solid #e4e8eb;
    cursor: pointer;
    vertical-align: top
  }


#divCalendar .function_t {display:none;}
#divCalendar .function_c {width:232px;padding:0 4px 15px 4px;}
#divCalendar table {width:100%;font-size:14px;table-layout:fixed;}
#divCalendar caption {height:24px;margin:0 0 10px;padding:0;font-weight:bold;text-align:center;}
#divCalendar caption a {padding:0 18px;color:#8a9ead;}
#divCalendar th {height:26px;color:#fff;font-weight:normal;line-height:26px;text-transform:uppercase;border:1px solid #b6c5d0;background:#b6c5d0;}
#divCalendar td {height:30px;color:#888;line-height:30px;text-align:center;border:1px solid #e4e8eb;}
#divCalendar td.pad {background:none;}
#divCalendar td a {line-height:30px;color:#ff0000;border:1px solid #ff0000;display:block;}
#divCalendar #today {color:#ff0000;font-weight:bold;}

#divSearchPanel form {margin-top:20px;zoom:1;}
#divSearchPanel form::after {content:"";display:block;clear:both;}
#divSearchPanel input[type="text"] {width:70%;height:36px;float:left;display:inline;padding:5px 10px;line-height:21px;border:1px solid #e4e8eb;box-sizing:border-box;border-radius:3px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
#divSearchPanel input[type="text"]:focus {color:#495057;background-color:#fff;border-color:#aab7c1;outline:0;box-shadow:0 0 0 .2rem rgba(31,73,119,0.1);}
#divSearchPanel input[type="submit"] {width:22%;height:36px;float:right;display:inline;font-size:14px;line-height:24px;border:1px solid #e4e8eb;border-radius:3px;cursor:pointer;background:#fff;}
#divSearchPanel input[type="submit"]:focus {background:#e4e8eb;}

#divMisc ul li,#divFavorites ul li,#divStatistics ul li {width:50%;float:left;display:inline;overflow:hidden;}
#divMisc li a {padding:5px 0;background:none;display:inline-block;vertical-align:top;}
#divMisc li a img {display:block;}

#divCatalog li,#divLinkage li,#divFavorites li,#divArchives li,#divAuthors li {width:50%;height:36px;float:left;line-height:36px;border-bottom:1px dotted #e4e8eb;overflow:hidden;}
#divCatalog li,#divPrevious li,#divLinkage li,#divComments li,#divAuthors li,#divFavorites li,#divStatistics li {height:36px;font-size:14px;line-height:36px;border-bottom:1px dotted #e4e8eb;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

#divContorPanel .f_divContorPanel {text-align:center;}
#divContorPanel .cp-hello {width:100%;margin-bottom:15px;padding:10px 0;border-bottom:1px dotted #e4e8eb;display:inline-block;}
#divContorPanel .cp-login a,#divContorPanel .cp-vrs a {padding:0 16px 0 10px;font-size:14px;color:#888;border:2px solid #e4e8eb;border-radius:20px;display:inline-block;}
#divContorPanel .cp-login a:hover,#divContorPanel .cp-vrs a:hover {color:#ff0000;border-color:#ff0000;}
#divContorPanel .sidecon div {padding:20px;text-align:center;line-height:24px;border:1px dotted #f0f0f0;background:#fbfbfb;}