* { margin: 0; padding: 0; box-sizing: border-box;}

body { font-family: "宋体", Arial, sans-serif; font-size: 15px; color: #333333; background-color: #ffffff; margin: 0;}
span,em,i{font-style:normal}
a { color:#333333; text-decoration: none; }
a:active, a:hover { color: #0000ff; TEXT-DECORATION:underline; }
button, input, select, textarea { font-family: inherit; font-size: 14px; line-height: inherit; color: inherit; font: inherit; margin: 0; }
img { vertical-align: middle; border: 0; }
ul, ol { margin: 0; padding: 0; list-style: none; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
h1{font-weight: bold;font-size: 24px;line-height: 28px;color:#0033ff;letter-spacing:1px;padding-left:3px;margin-top:5px;margin-bottom:5px;word-break: break-all;overflow-wrap: break-word}
h2{font-weight: bold;font-size: 24px; height:28px;line-height: 28px;color:#3366cc;margin-top:5px;margin-bottom:5px;}
h3{font-weight: bold;font-size: 24px; height:28px;line-height: 28px;color:#336699;margin-top:5px;margin-bottom:5px;}
p {line-height:24px;margin: 0 0 5px; }

.header { text-align:center;height:100px; padding: 0; position: fixed; top: 0; left: 0; right: 0; z-index:99999; background-color:#ffffff; padding: 0 0px; border-bottom: 1px solid #f0f0f0;  box-shadow: 0 1px 4px rgba(0,0,0,.04);text-align:center; }
.container {position: relative; margin:0 auto;height:65px; text-align:center;max-width:1024px;}
.logo { overflow: hidden; float: left; width: 160px; }
.logo a { height: 60px; display: block; overflow: hidden; text-indent: -9999px; background-image: url("https://smzdk.yunpaifa.cn/pic/logo.png"); background-repeat: no-repeat; background-position: 50% 50%; }


.searchform { float: right; margin: 16px 0 0 0; position:relative;background-color: #ffffff;width:400px;color:#00aa00;}
.search-input { float: left; margin-left:20px; color: #999; border: solid 1px #ddd; width:320px; height: 38px;line-height:38px; padding: 4px 7px; padding-left:8px;  font-size: 16px; border-radius: 2px 0 0 2px; outline: none }
.search-input:focus { border-color: #cccccc;color:#666666;}
.search-btn { color:#fff; border: none; background: #0033ff; height: 38px; font-size: 14px; padding: 0 12px; border-radius: 0 2px 2px 0; cursor:pointer;}
.search-btn:hover, .search-btn:focus { color: #fff; background: #ff9900; }
.searchform a {padding:3px;width:100px;height: 28px;line-height:28px;background: #ff3300;text-align: center;border-radius: 5px;color: white;font-weight: bold;text-decoration: none;}
.searchform a:hover {background: #333333 }

.login{background: #333333;}

.tool{width:100%;height:39px;text-align:center;background: #ff5500;border-top:1px solid #f0f0f0;overflow:hidden;}
.tools{max-width:1024px;height:39px;overflow:hidden;}

.toblb{text-align:center}
.toplb li{ height:38px; line-height:38px; float:left; margin-right:0px;list-style:none;width:115px;padding:0px;overflow:hidden;text-align:center}
.toplb li a:link,.toplb li a:visited{display: block;margin-right:0px; color: #ffffff; border-radius: 0px; font-size:15px;}
.toplb li a:hover,.toplb li a:active{color: #ffffee; background:url("https://smzdk.yunpaifa.cn/pic/menus.gif") left no-repeat;background-color: #ff8800;text-decoration: none;}

.toplb li ul{width:230px;position:relative;margin:0px;margin-top:-1px;}
.toplb li ul{display: none;}
.toplb li:hover ul{display:block;position:absolute; z-index:6;}
.toplb li ul li{float:left;width:115px;height:38px;line-height:38px; list-style:none;overflow:hidden;margin:0px;letter-spacing:1px;margin-right:-1px;margin-bottom:-1px;border-bottom:1px solid #c0c0c0}
.toplb li ul li a:link,.toplb li ul li a:visited{ border-radius: 2px; font-size:16px;display:block; text-align:center; border:1px solid #c0c0c0;text-decoration:none;color:#3366cc;background:#ffffee; }
.toplb li ul li a:hover,.toplb li ul li a:active{background-color: #ff9900;color:#ffffff;text-decoration: none;}

.toplb li ol{width:115px;position:relative;margin:0px;margin-top:-1px;}
.toplb li ol{display: none;}
.toplb li:hover ol{display:block;position:absolute; z-index:6;}
.toplb li ol li{float:left;width:115px;height:38px;line-height:38px; list-style:none;overflow:hidden;margin:0px;letter-spacing:1px;margin-right:-1px;margin-bottom:-1px;border-bottom:1px solid #c0c0c0}
.toplb li ol li a:link,.toplb li ol li a:visited{ border-radius: 2px; font-size:16px;display:block; text-align:center; border:1px solid #c0c0c0;text-decoration:none;color:#3333cc;background:#ffffee; }
.toplb li ol li a:hover,.toplb li ol li a:active{background-color: #eeeeee;color:#0033ff;text-decoration: none;}
.toplb li ol li a em{color: #ff5500;}
.toplb li ol li a i{color: #0000ff;}

.menua{background: #01cd74 url("https://smzdk.yunpaifa.cn/pic/xl.gif") left no-repeat;}

.menub{background: #0066ff url("https://smzdk.yunpaifa.cn/pic/xl.gif") left no-repeat;}

.menuc{background: #3366ff url("https://smzdk.yunpaifa.cn/pic/xl.gif") left no-repeat;}

.menud{background: #01cd74 url("https://smzdk.yunpaifa.cn/pic/menus.gif") left no-repeat;}

.menue{background: #3366ff url("https://smzdk.yunpaifa.cn/pic/menus.gif") left no-repeat;}

.wrap{max-width:1024px;text-align:left;position:relative;height:100%;}

.path{text-align:left;line-height:35px;height:35px;color:#c2ccd0;font-size:13px;margin-bottom:0px;margin-top: 100px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.path em{font-style:normal;color:#88ada6;}
.path a:link,.path a:visited {COLOR: #c2ccd0; TEXT-DECORATION:none;}
.path a:hover{color:#ff3300;TEXT-DECORATION:underline;} 


.mid{color:#000000;background-color:#f6f6f6;border:1px solid #e0e0e0;margin-bottom:10px;text-align:left;line-height:30px;letter-spacing:1.5px;word-wrap:break-word;word-break:break-all;padding:15px;font-size:16px;overflow:hidden;position:relative;}
.mid a:link,.mid a:visited {COLOR: #333333;text-decoration:underline; }
.mid a:hover{color:#3366ff;} 
.mid h1{clear: both;} 
.mid span{color:#000000;font-weight:bold} 
.mid em{color:#888888;} 
.mid i{color:#00aa00;} 



.formsub{color:#fff; border: none; background: #ff7700; height: 30px; font-size: 14px; padding: 0 12px; border-radius: 0 2px 2px 0; cursor:pointer;line-height:30px; }
.formsub:hover,.formsub:focus { color: #fff; background: #3366ff; } 


.formsubh{color:#fff; border: none; background: #33bbff; height: 30px; font-size: 14px; padding: 0 12px; border-radius: 0 2px 2px 0; cursor:pointer;;line-height:30px;}
.formsubh:hover, .formsubh:focus { color: #fff; background: #333333; } 

.formsubl{color:#fff; border: none; background: #3366ff; height: 30px; font-size: 14px; padding: 0 12px; border-radius: 0 2px 2px 0; cursor:pointer;;line-height:30px;}
.formsubl:hover, .formsubl:focus { color: #fff; background: #ff9900; } 

.formsubs{color:#fff; border: none; background: #3366ff; height: 30px; font-size: 14px; padding: 0 12px; border-radius: 0 2px 2px 0; cursor:pointer;;line-height:30px;}
.formsubs:hover, .formsubs:focus { color: #fff; background: #ff9900; } 

.formsubz{color:#fff; border: none; background: #555555; height: 30px; font-size: 14px; padding: 0 12px; border-radius: 0 2px 2px 0; cursor:pointer;;line-height:30px;}
.formsubz:hover, .formsubz:focus { color: #fff; background: #ff9900; } 

.formsubc{color:#fff; border: none; background: #ff3300; height: 30px; font-size: 14px; padding: 0 12px; border-radius: 0 2px 2px 0; cursor:pointer;}
.formsubc:hover, .formsubc:focus { color: #fff; background: #ff9900; } 


.footer {font-size:13px;margin-top:10px;padding:10px;background-color: #f1f1f1;color:#666666;text-align: center;line-height:26px;}
.footer a:link,.footer a:visited {COLOR: #aaaaaa; }
.footer a:hover{color:#3366ff;} 

.note{color:#333333;background-color:#fefefe;border:1px solid #e0e0e0;margin-top:10px;margin-bottom:10px;;text-align:left;line-height:28px;letter-spacing:2px;word-wrap:break-word;word-break:break-all;padding:10px;font-size:18px;overflow:hidden;position:relative;}
.note span{color:#7777cc;font-size:20px;} 
.note li{margin-bottom:5px;} 
.note b{color:#000000;letter-spacing:2px;font-size:20px;} 
.note a:link,.note a:visited {COLOR: #000000;text-decoration:underline; }
.note a:hover{color:#ff5500;} 

.notes{color:#333333;background-color:#f0fcff;border:1px solid #e0e0e0;margin-top:10px;margin-bottom:10px;;text-align:left;line-height:28px;word-wrap:break-word;word-break:break-all;padding:10px;font-size:17px;overflow:hidden;position:relative;}
.notes:hover{background-color:#ffffee;border:1px solid a0a0a0;} 
.notes a:link,.notes a:visited {COLOR: #000000;text-decoration:underline; }
.notes span{color:#7777cc;} 
.notes em{color:#ff0033;} 
.notes i{color:#00aa00;} 

#pg{width:100%;position:relative;margin:0px;margin-top:8px;}
#pg li{float:left;width:65px;height:50px;line-height:48px; list-style:none;overflow:hidden;margin:0px;letter-spacing:1px;margin-right:-1px;margin-bottom:-1px;}
#pg li a:link,#pg li a:visited{ border-radius: 2px; font-size:15px;display:block; text-align:center; border:1px solid #e0e0e0;text-decoration:none;color:#666666;background:#f5f5f5;}
#pg li a:hover,#pg li a:active{background-color: #777777;color:#ffffee;}
#pg li a em {color:#ff6600;height:35px;line-height:35px;}

.menus {list-style-type: none;margin: 0;padding: 0;overflow: hidden;border-left:1px solid #e0e0e0;}
.menus li {float: left;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;background:#f1f1f1;border-top:1px solid #e0e0e0;}
.menus li a {display: block;color: #000000;text-align: center;padding: 14px 16px;text-decoration: none;}
.menus li a i{color: #0033ff;}
.menus li a i:hover{color: #ff0033;}
.menus li a em{color: #ff5500;}
.menus li a em:hover{color: #00cc00;}
.menus li a:hover{color: #ff5500;}

.sel{height:30px;line-height:30px;color:#333333}
.inputnum{width:120px;ime-mode:disabled;height:28px;line-height:28px;}
.intxt{width: 320px;height:30px;line-height:30px;font-size:13px;color:#333333;}
.intxts{width:95%;height:150px;line-height:25px;font-size:14px;color:#000000}

.intxtw{width: 120px;height:30px;line-height:30px;font-size:13px;color:#0011cc;}
.intxtws{width: 200px;height:30px;line-height:30px;font-size:13px;color:#0011cc;}


.sysup{width:50px;;color:#0033cc;height:25px;line-height:25px;font-size:14px;}
.sysups{width:165px;;color:#0033cc;height:25px;line-height:25px;font-size:14px;}
.sysupl{width:340px;;color:#666666;height:25px;line-height:25px;font-size:14px;}


#top_div{ position:fixed; bottom:50px; right:10px; display:none;width:50px;height:53px;z-index:20;  } 

#hx{height:1px;border:none;border-top:1px solid #e0e0e0;clear:both}
#hxs{height:1px;border:none;border-top:1px dashed #e0e0e0;clear:both}
#hxk{height:1px;border:none;clear:both}


.ads{margin-top:8px;margin-bottom:8px;}


.taglist{width:100%;position:relative;margin:0px;}
.taglist li{float:left;width:204px;height:35px;line-height:33px; list-style:none;overflow:hidden;margin:0px;letter-spacing:1px;margin-right:-1px;margin-bottom:-1px;}
.taglist li a:link,.taglist li a:visited{ border-radius: 2px; font-size:15px;display:block; text-align:center; border:1px solid #e0e0e0;text-decoration:none;color:#333333;background:#fefefe;}
.taglist li a:hover,.taglist li a:active{background-color: #eeeeee;color:#3333ff;}
.taglist i {color:#00cc00;}
.taglist em {color:#ff5500;}
.taglist span {color:#0033cc;}

#listf{width:100%;position:relative;margin:0px;margin-top:5px;}
#listf li{float:left;width:20%;height:150px;line-height:30px; list-style:none;overflow:hidden;margin:0px;letter-spacing:0.5px;margin-right:-1px;margin-bottom:-1px;border:1px solid #e0e0e0;text-decoration:none;color:#666666;background:#fefefe;font-size:14px;padding-left:2px;text-align:center;}
#listf i {color:#3366ff;font-size:14px;}
#listf em {color:#999999;font-size:14px;}
#listf img{margin-bottom:5px;width:99%;height:100px;overflow:hidden;border:0px;text-align:center; }

.content{color:#000000;background-color:#f5f5f5;border:1px solid #e0e0e0;margin-bottom:10px;text-align:left;line-height:28px;letter-spacing:3px;word-wrap:break-word;word-break:break-all;padding:15px;font-size:18px;overflow:hidden;position:relative;}
.content a:link,.content a:visited {COLOR: #333333;text-decoration:underline; }
.content a:hover{color:#3366ff;} 
.content b{color:#000000;letter-spacing:2px;font-size:20px;} 
.content h1{clear: both;color:#5555cc;} 
.content h2{clear: both;color:#5555cc;} 
.content span{color:#3333cc;} 
.content em{color:#888888;} 

.links{text-align:left;font-size:12px;color:#aaaaaa;padding:3px;margin-top: 10px;line-height:28px;padding-top:5px;padding-bottom:5px;border-top:1px solid #e0e0e0}
.links li{float:left;width:120px;height:28px;line-height:28px;white-space:nowrap;font-size:12px;overflow:hidden;text-align:center;color:#999999;text-overflow:ellipsis;padding-right:3px;list-style:none;}
.links li a:link,.links li a:visited {font-size:12px;COLOR: #bbbbbb; TEXT-DECORATION:none;}
.links li a:hover{color:#000000;} 
.links i{color:#9999cc;}

div.imgs { border: 1px solid #ccc;height:500px;}
div.imgs:hover {border: 1px solid #777;}
div.imgs img {width: 100%;height: auto;max-height:444px;max-width:333px;}
div.desc { padding: 1px;text-align: center;height:56px;overflow: hidden;line-height:25px;}
div.desc a:link,div.desc a:visited {COLOR: #777777; TEXT-DECORATION:none;font-size:16px;}
div.desc a:hover{color:#0000ff; TEXT-DECORATION:underline;} 
.responsive { padding: 0 3px;float: left;width: 33.33333%;}
.clearfix:after { content: ""; display: table; clear: both;}

.slider { position: relative; overflow: hidden;width:98%;margin: auto;max-width:600px;}
.slider img {width: 100%;display: none;cursor:pointer;}
.slider img.active {display: block;}
.slider__arrow {position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;user-select: none;font-weight:bold;color:#ff5500;}
.slider__arrow--prev {left: 10px;width: 30px; height:30px; background-color: rgba(200, 200, 200, 0.6);border-radius: 5px;text-align:center;}
.slider__arrow--next {right: 10px;width: 30px; height:30px; background-color: rgba(200, 200, 200, 0.6);border-radius: 5px;text-align:center;}
.slider__arrow--prev:hover, .slider__arrow--next:hover {background-color:#ff3300;color: white;}




.viewlist{width:100%;position:relative;text-align:left;padding-left:3px;background:#ffffff;line-height:35px;color:#999999;overflow:hidden;margin-bottom:5px;list-style-type:none;border:1px solid #e0e0e0;border-bottom:0px solid #e0e0e0;}
.viewlist li{float:left;width:50%;height:35px;line-height:35px;white-space:nowrap;font-size:18px;overflow:hidden;text-align:left;color:#999999;text-overflow:ellipsis;border-bottom:1px solid #e0e0e0;}
.viewlist li a:link,.viewlist li a:visited {COLOR: #000000; TEXT-DECORATION:none;font-size:18px;}
.viewlist li a:hover{color:#ff0033; TEXT-DECORATION:underline;} 
.viewlist li i {color:#000000;}
.viewlist li span {color:#999999;}





.tagcloud{padding:10px;text-align:center;border:1px solid #e0e0e0;border-radius: 2px;font-size:15px;margin-top:10px;margin-bottom:10px;overflow:hidden;}
.tagcloud em{color:#aaaacc;font-size:15px;line-height:24px;height:21px;padding: 0 6px;}
.tagcloud a{font-size:15px;opacity:0.80;filter:alpha(opacity=80);color:#FFFfff;display:inline-block;margin: 0 5px 5px 0;padding: 0 6px;line-height:30px;border-radius:2px;TEXT-DECORATION:none;background-color: #3388ff;letter-spacing:1px;}
.tagcloud a:hover{color:#ff0000; TEXT-DECORATION:none;} 
.tagcloud a:nth-child(25n){background-color: #5a5a5a;}
.tagcloud a:nth-child(25n+1){background-color: #428BCA;}
.tagcloud a:nth-child(25n+2){background-color: #5CB85C;}
.tagcloud a:nth-child(25n+3){background-color: #D9534F;}
.tagcloud a:nth-child(25n+4){background-color: #567E95;}
.tagcloud a:nth-child(25n+5){background-color: #993366;}
.tagcloud a:nth-child(25n+6){background-color: #00ABA9;}
.tagcloud a:nth-child(25n+7){background-color: #B37333;}
.tagcloud a:nth-child(25n+8){background-color: #FF6600;}
.tagcloud a:nth-child(25n+9){background-color: #6699ff;}
.tagcloud a:nth-child(25n+10){background-color: #3388ff;}
.tagcloud a:nth-child(25n+11){background-color: #a1afc9;}
.tagcloud a:nth-child(25n+12){background-color: #70f3ff;}
.tagcloud a:nth-child(25n+13){background-color: #808080;}
.tagcloud a:nth-child(25n+14){background-color: #f47983;}
.tagcloud a:nth-child(25n+15){background-color: #758a99;}
.tagcloud a:nth-child(25n+16){background-color: #88ada6;}
.tagcloud a:nth-child(25n+17){background-color: #bce672;}
.tagcloud a:nth-child(25n+18){background-color: #ffa400;}
.tagcloud a:nth-child(25n+19){background-color: #4b5c44;}
.tagcloud a:nth-child(25n+20){background-color: #96ce54;}
.tagcloud a:nth-child(25n+21){background-color: #7fecad;}
.tagcloud a:nth-child(25n+22){background-color: #a88462;}
.tagcloud a:nth-child(25n+23){background-color: #665757;}
.tagcloud a:nth-child(25n+24){background-color: #9b4400;}


.cbutton-container {display: flex;gap: 10px;color:#ffffee;flex-direction: row;justify-content: center;}
.cbutton {position: relative;padding: 10px;font-size: 15px;color: #fff;background-color: #3388ff;border: none;border-radius: 5px;cursor: pointer;transition: background-color 0.3s;display: flex;align-items: center;min-width: 100px;}
.cbutton:hover {background-color: #01cd74;}
.cbutton[data-ycount] {background-color: #3388ff;}
.cbutton[data-ycount]:hover {background-color: #01cd74;}
.cbutton[data-xcount] {background-color: #FF5722;}
.cbutton[data-xcount]:hover {background-color: #01cd74;}
.cbutton .count {position: absolute;top: 50%;right: 10px;transform: translateY(-50%);font-size: 12px;color:#ffffee;}


.modal {display: none;position: fixed;z-index: 100000;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0,0,0,0.9);}
.modal-content {position: relative;max-width: 100%;max-height: 100%;margin: auto;}
.modal img {max-width: 100%;max-height: 90%;margin: 20px auto;display: block;}
.modal span {color:#ffffff}
.close {background-color: #555555;position: fixed;top: 10%;left: 85%;transform: translate(-10%, -85%);font-size: 40px;cursor: pointer;color:#ffffff;z-index: 100001;border: 2px solid white;border-radius: 5px;padding: 10px;}

.column {width: 100%;}
.left-column, .right-column {float: left;padding:3px;}
.left-column {width: 50%; }
.right-column {width: 50%;}
.column:after {content: "";display: table;clear: both;}



.suggestions{display:none; position:absolute; background-color:#eff7ff; border:1px solid #ddd; z-index:10000;overflow-y:auto;width:200px;height:150px;}
.suggestions li{color:#0033cc;line-height:30px;cursor:pointer;}
.suggestions li:hover{color:#ff5500;text-decoration:underline;}

#modalBackdrop {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 100000;}
#modalContent {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #fff;padding: 20px;border-radius: 5px;z-index: 1001;text-align: center;}

.gallery{border:1px solid #e0e0e0;margin-bottom:10px;padding:15px;font-size:16px;}
.gallery a:link,.gallery a:visited {COLOR: #3333cc; }
.gallery a:hover{color:#ff5500;} 
.gallery i {color:#999999; }
.gallery em {color:#ff3300; }
.gallery img {width: 150px;height: auto;margin: 3px;cursor: pointer;transition: transform 0.2s;}
.gallery p {padding: 3px;color:#333333; }
.gallery img:hover {border:1px solid #0033ff;}
.gallery:after {content: "";display: table;clear: both;}


#opendiv {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 100000;border:1px solid #e0e0e0;overflow: auto}
#divcontent {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #e0e0e0;padding: 10px;border-radius: 5px;z-index: 1001;text-align: center;}
#divinto {background-color: #ffffff;margin-bottom:5px;padding: 10px;color:#ff5500;max-height:500px;overflow-y:auto;display: block;}

/* end  */

/* screen */
@media screen and (max-width: 800px) {
.searchform {float: right;background-color: #ffffff;width:160px; position:relative;}
.search-input {  width:80px;}
.search-btn { color:#fff; border: none; background: #0033ff; height: 38px; font-size: 14px; padding: 0 8px; border-radius: 0 2px 2px 0; cursor:pointer;}
  .viewlist li {float: none;width: 100%;}
  .viewlist li i{margin-right:3px;}
h1 { word-break: break-all;overflow-wrap: break-word}
div.imgs {height:310px;}
.responsive { padding: 0 3px;float: left;width: 50%;}
.slider { position: relative; overflow: hidden;width:98%;margin: auto;}
.taglist li{float:left;width:50%;height:35px;line-height:33px; list-style:none;overflow:hidden;margin:0px;letter-spacing:1px;margin-right:-1px;margin-bottom:-1px;}
.left-column, .right-column {width: 100%;}
}