@charset "utf-8";

/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

* { margin:0; padding:0; overflow:hidden; }
html { overflow-x:hidden; overflow-y:scroll; overflow:-moz-scrollbars-vertical; }
textarea,table { border-collapse:collapse; border-spacing:0; margin:0 auto; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ }
ul,li,dl,dt,dd,label,input,cite,samp { height:auto; text-align:left; float:left; list-style-type:none; text-overflow:ellipsis; outline:none; }

a,a:link,a:visited,a:focus,a:hover,a:active { outline:none; text-decoration:none; blr:expression(this.onFocus=this.blur()); }
a img,img,object,embed { border:0; outline:none; -ms-interpolation-mode:bicubic; vertical-align:middle; }
ol,ul,li,dl { width:100%; }

h1,h2,h3,h4,h5,h6 { font-weight:normal; position:relative; }
h1:before,h1:after,h2:before,h2:after,h3:before,h3:after { content:""; position:absolute; z-index:0; }

article,aside,details,figcaption,figure,hgroup,section { display:block; }
audio,canvas,video { display:inline-block; *display:inline; }
audio:not([controls]) { display:none; }
[hidden] { display:none; }

.icon {
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

html,tt,a,a:link,a:visited,a:active { font-family:"微软雅黑", "宋体"; font-size:10.5pt; line-height:1.6; font-style:normal; font-weight:normal; color:#333; }
a label.Title { cursor:url(/Data/KEditor/ShuLink.cur),pointer; }
font.Title { font-size:10.5pt; padding:0 5px; }
span.More { font-size:10px; }
a,a:hover { color:#555; }
p { overflow:visible; }

::-moz-selection { background-color:#06C; color:#fff; text-shadow:none; }
::selection { background-color:#06C; color:#fff; text-shadow:none; }

blockquote { margin:1em 40px; }
abbr[title] { border-bottom:1px dotted; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; }
ins { background:#ff9; color:#000; text-decoration:none; }
mark { background:#ff0; color:#000; font-style:italic; font-weight:bold; }
nav ul, nav ol { list-style:none; list-style-image:none; margin:0; padding:0; }

pre { font-family:"微软雅黑", "宋体"; white-space:pre; white-space:pre-wrap; word-wrap:break-word; word-break:break-all; display:block; }
code,kbd,samp { font-family:monospace, monospace; _font-family:'courier new', monospace; font-size:.5em; }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sub { bottom:-0.25em; }
sup { top:-0.5em; }

form,fieldset,figure,legend { border:0; margin:0; padding:0; }
button,input,textarea { font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle; -webkit-appearance:none; border-radius:0; }
button,input[type="text"],input[type="button"],input[type="reset"],input[type="submit"] { line-height:normal; cursor:pointer; -webkit-appearance:button; }
input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
input[type="checkbox"] { width:12px; height:12px; box-sizing:border-box; -webkit-appearance:checkbox; }
input[type="radio"] { width:12px; height:12px; box-sizing:border-box; -webkit-appearance:radio; }

select { font-size:100%; vertical-align:baseline; *vertical-align:middle; border-radius:0; }
input[type="button"],input[type="reset"],input[type="submit"] { text-align:center; }
textarea { outline:none; overflow:auto; vertical-align:top; resize:vertical; }
button::-moz-focus-inner,input::-moz-focus-inner { border:0; padding:0; }
input:invalid,textarea:invalid { background-color:#f0dddd; }


[class*="JStool"] { position:absolute!important;display:none; }
[class*="FloatDiv"] { position:absolute!important; }

[class*="Alink"] { clear:both; }
[class*="Aligncenter"] { text-align:center!important; }
[class*="Remarks"],[class*="Briefly"] { text-align:justify!important;color:#666; }
[class*="Readtxt"] { text-align:justify!important; color:#333; }

[class*="Color1"] { background-color:#B00!important;color:#FFF!important; }
[class*="Color2"] { background-color:#F60!important;color:#FFF!important; }
[class*="Color3"] { background-color:#FA0!important;color:#FFF!important; }
[class*="Color4"] { background-color:#090!important;color:#FFF!important; }
[class*="Color5"] { background-color:#06A!important;color:#FFF!important; }
[class*="Color6"] { background-color:#038!important;color:#FFF!important; }
[class*="Color7"] { background-color:#606!important;color:#FFF!important; }
[class*="Color8"] { background-color:#222!important;color:#FFF!important; }
[class*="Color9"] { background-color:#B52!important;color:#FFF!important; }
[class*="Color0"] { background-color:#06A;color:#FFF; }

[class*="Maxwidth"] { width:100%!important; max-width:1920px!important; clear:both; }
[class*="TwoWidth"] { width:50%!important; position:relative; float:left; }

[class*="LoadBox"] { width:100%!important; position:relative; clear:both; }
[class*="D-Three"] { width:calc(100%/3)!important; position:relative; float:left; }
[class*="D-Four"] { width:calc(100%/4)!important; position:relative; float:left; }
[class*="D-Five"] { width:calc(100%/5)!important; position:relative; float:left; }
[class*="D-Six"] { width:calc(100%/6)!important; position:relative; float:left; }

[class*="D-Two"] { width:50%!important; box-sizing:border-box; position:relative; float:left; }
[class*="D-Main"] { width:65%!important; box-sizing:border-box; position:relative; float:left; }
[class*="D-Ranked"] { width:49%!important; box-sizing:border-box; position:relative; float:left; }

[class*="D-Tabel"] { width:75%!important; box-sizing:border-box; position:relative; float:left; }
[class*="D-Readtext"] { width:60%!important; box-sizing:border-box; position:relative; float:right; }
[class*="D-Image"] { width:35%!important; box-sizing:border-box; position:relative; float:left; }

[class*="S-Image"] { width:62%!important; box-sizing:border-box; position:relative; float:left; }
[class*="K-Image"] { width:38%!important; box-sizing:border-box; position:relative; float:left; }
[class*="K-Frame"] { width:73%!important; padding-left:2%; position:relative; float:left; }
[class*="K-Ratio"] { width:60%!important; padding-left:2%; position:relative; float:right; }

[class*="D-Null"] { padding:0!important; margin:0!important; border:0!important; background:none!important; }

[class*="CCCtext"] { font:normal normal 9.5pt/25px "宋体"; color:#CCC; }
[class*="Redtext"] { font:normal normal 12px/22px "宋体"; color:#AAA; }
[class*="Redcolor"] { font:normal normal 12px/22px "宋体"; color:#A00!important; }
[class*="Daystext"] { font-family:Arial, Helvetica, "宋体"!important; font-size:12px!important; line-height:28px; color:#CCC; display:inline-block; float:right; }
[class*="Readlink"],[class*="Readlink"] a,[class*="Readlink"] a:hover { font-family:Arial, Helvetica, "宋体"!important; font-size:12px!important; line-height:22px; color:#CCC; display:inline-block; clear:both; }
[class*="Keywords"] { font-size:12pt; line-height:22px; color:#F00; padding:0 5px; }

[class*="Author_Hist"] { font-size:10pt; line-height:35px; color:#AAA; }
[class*="Author_Hist"] a,[class*="Author_Hist"] tt.Url { color:inherit; }
[class*="Author_Hist"] span { margin-right:18px; }
[class*="Author_Hist"] a { margin-right:8px; }

[class*="vintage"] {
	background: #EEE url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAHklEQVQImWNkYGBgYGD4//8/A5wF5SBYyAr+//8PAPOCFO0Q2zq7AAAAAElFTkSuQmCC) repeat;
	text-shadow: 5px -5px black, 4px -4px white;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}
[class*="hollow"] {
	-webkit-text-stroke:1px #333; letter-spacing: .04em; color: transparent;
}


[class*="DayLabel"] { width:72px; height:88px; text-align:center; border:0; position:absolute; left:0; z-index:10; }
[class*="DayLabel"] p.More { width:100%; height:28px; font:normal normal 20px/28px Arial, "宋体"; border-bottom:2px solid #333; box-sizing:border-box; }
[class*="DayLabel"] p.Hist { width:100%; height:60px; font:normal normal 60px/60px Arial, "宋体"; }


[class*="Btn_More"] { width:auto; height:32px; padding:0 28px; border:1px solid #CCC; box-sizing:border-box; display:inline-block; position:relative; clear:both; }
[class*="Btn_More"] { font-size:11pt; line-height:32px; color:#888; text-align:center; transition:all .5s ease; }
[class*="Btn_More"]:hover { background-color:rgba(0,0,0,.3); color:#FFF; cursor:pointer; transition:all .5s ease; }
[class*="Btn_More"] a { font-size:inherit; line-height:inherit; color:inherit; }

[class*="Btn_UrlPage"] { width:180px; height:40px; border-radius:20px; margin:30px auto; float:none; transition:all .5s ease; }
[class*="Btn_UrlPage"] { background-color:rgba(255,255,255,.6); color:#333; font-size:14px; line-height:40px; text-align:center; }
[class*="Btn_UrlPage"]:hover { background-color:rgba(0,0,0,.3); color:#FFF; cursor:pointer; transition:all .5s ease; }


[class*="Btn_Download"] { width:auto; height:32px; padding:12px 28px; border:1px solid #CCC; box-sizing:border-box; display:inline-table; position:relative; clear:both; }
[class*="Btn_Download"],[class*="Btn_Download"] a { font-size:11pt; line-height:32px; text-align:center; transition:all .5s ease; }
[class*="Btn_Download"] font { font-size:13pt; font-weight:bold; }
[class*="Btn_Download"]:hover { background-color:#06A; color:#FFF; cursor:pointer; transition:all .5s ease; }
[class*="Btn_Download"]:hover a { color:#FFF; }


[class*="ReadMore"] { width:180px; height:42px; border-radius:21px; position:relative; margin:38px auto 18px; padding-left:8px; clear:both; }
[class*="ReadMore"] { font-size:11pt; line-height:42px; text-align:center; background-color:rgba(180,180,180,.2); transition:all .5s; }
[class*="ReadMore"] span { height:42px; font-size:11pt; line-height:42px; display:inline-block; text-align:center; }

[class*="ReadMore"] i.icon { width:39px; height:42px; text-align:center; font-size:13pt; line-height:2.5; transition:all .5s; }
[class*="ReadMore"] i.icon.fa-remove { display:none; font-size:9pt; position:absolute; top:0; right:0; }

[class*="ReadMore"]:hover,[class*="ReadMore"]:hover a,[class*="ReadMore"]:hover i.icon { transition:all .5s; color:#FFF; }
[class*="ReadMore"]:hover i.icon.fa-remove { display:block; line-height:1.5; text-align:center; }
[class*="ReadMore"]:hover i.icon { text-align:right; }


/* IE6 固定样式 prevent screen flash in IE6 */
* html,* html body { background-image:url(about:blank); background-attachment:fixed; /* 修正IE6振动bug 确保滚动条滚动时，元素不闪动*/ }
.fixed-top,.fixed-Links { position:fixed!important; position:absolute; top:120px; right:0px; z-index:98; }
.Show-top { position:fixed!important; position:absolute; top:120px; right:0px; display:none; }


/* ==|== non-semantic helper classes ======================================== */
.hidden { display:none!important; visibility:hidden; }
.visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; }
.invisible { visibility:hidden; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }


div#map label { overflow:visible; }

/* .Embellish { cursor:pointer;position:absolute;left:0;top:0;width:30px;height:100%;background-image:linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));background-image: -o-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));background-image: -ms-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); transform: skewx(-25deg); -o-transform: skewx(-25deg); -moz-transform: skewx(-25deg); -webkit-transform: skewx(-25deg);-ms-transform: skewx(-25deg);animation: Movelight 1.5s infinite linear; -webkit-animation: Movelight 1.5s infinite linear;-moz-animation: Movelight 1.5s infinite linear;-o-animation: Movelight 1.5s infinite linear;-ms-animation: Movelight 1.5s infinite linear; } */


/* 浮动层客服组件样式 */
#bdshell_js { z-index:88; }
#particles-js { width:100%; height:100%; position:fixed!important; position:absolute; top:0; z-index:0; }
#POSITION { width:100%; height:100%; top:0; left:0; display:none; position:fixed!important; position:absolute; background:#000; z-index:88; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=65); opacity:0.65; }

#HOTDemo { width:58px; display:block; position:fixed!important; _position:absolute;top:50px;left:.2%;z-index:88; }
#HOTDemo ul,#HOTDemo label { width:32px; height:39px; border:1px solid #DDD; background:rgba(0,100,180,1); margin:2px; padding:7px 5px 3px 8px; border-radius:5px; }
#HOTDemo ul img,#HOTDemo ul i.icon,#HOTDemo label img,#HOTDemo label i.icon { width:100%; height:100%; background-size:100% 100%; text-align:center; font-size:28px; line-height:39px; color:#FFF; }
#HOTDemo span { cursor:pointer; width:52px; height:28px; display:block; z-index:55; }

#HOTDemo ul#GetStyle { width:58px; height:58px; padding:0; }
#HOTDemo ul#GetStyle img { width:52px; height:52px; border:0; background:none; }

#HOTDemo ul:hover { background-position-y:-116px; }
#HOTDemo ul:hover i.icon { height:0; font-size:0; line-height:0; display:none; }
#HOTDemo ul,#HOTDemo ul a,#HOTDemo ul.Submit { text-align:center; font-size:10pt; line-height:18px; color:#FFF; }
#HOTDemo ul.Submit input { width:36px;height:36px;text-align:center;border:0;color:#FFF;background-color:transparent; white-space:normal;word-wrap:break-word;word-break:break-all;cursor:url(../images/shulink.cur),default; }

#HOTDemo ul.Site { background-image:url(../images/demoup.png); background-position:center -123px; }
#HOTDemo ul.Good { background-image:url(../images/demoup.png); background-position:center -183px; }
#HOTDemo ul.User { background-image:url(../images/demoup.png); background-position:center -58px; }
#HOTDemo ul.Help { background-image:url(../images/admin.png); background-size:100% 100%; }
#HOTDemo ul:hover { background:rgba(0,100,180,1); }
#HOTDemo ul:hover a { display:block; }
#HOTDemo ul a { display:none; }


#PGUPDN span { margin-left:15px; }
#HOTDemo span { margin-left:5px; }
#HOTDemo #GETUP,#PGUPDN #GETDN,#PGUPDN #GETUP { width:50px; height:50px; z-index:52; position:relative; }
#HOTDemo #GETUP:after,#PGUPDN #GETUP:after,#PGUPDN #GETDN:after {
	 content:""; position:absolute; left:8%; top:8%; width:50%; height:50%;
	 border-style:solid; border-color:#DDD; border-width:0 0 2px 2px;
	 -webkit-transform: rotate(-45deg);
	 -moz-transform: rotate(-45deg); 
	 -ms-transform: rotate(-45deg); 
	 -o-transform: rotate(-45deg);
}
#HOTDemo #GETUP:after,#PGUPDN #GETUP:after { top:58%; border-width:2px 2px 0 0; }
#HOTDemo #GETUP:hover:after,#PGUPDN #GETUP:hover:after,#PGUPDN #GETDN:hover:after { border-color:#A00; }

#PGUPDN { width:68px; position:fixed!important; position:absolute; bottom:0; right:9px; z-index:85; }
#PGUPDN ol,#PGUPDN ul { height:25px; font-size:9.5pt; line-height:25px; margin:0; padding:0; }
#PGUPDN span { cursor:pointer; width:72px; height:28px; display:block; z-index:85; }
#PGUPDN a { line-height:32px; margin:0; padding:0; background:none; color:#FFF; }

#Body_Bott #PGUPDN a,#PGUPDN ul.HOTAction a { line-height:22px; margin:0; padding:0; background:none; color:#FFF; }
#Body_Bott #PGUPDN ol,#PGUPDN ul.HOTAction { width:65px; margin-top:9px; background:#D00; text-align:center; color:#FFF; }


[class*="HOTOnlinkBG"] { background:#FFF; padding:0 0 25px 120px; }
[class*="Body_Null"] { min-height:360px!important; background:url(../images/null_word.png) no-repeat top center; }

#ProShow {
width:10%;min-width:158px;padding:8px;border-radius:3px;border:3px solid #DDD;background-color:#FFF;
display:block;position:fixed!important;position:absolute;left:.2%;top:50%;z-index:80;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
}

#ProShow h2.Title { width:100%; height:38px; text-align:center; line-height:48px; }
#ProShow h3.ETitle { width:100%; height:32px; text-align:center; font:normal normal 10.5pt/20px Arial; }
#ProShow ul { width:100%; height:30px; text-align:center; }
#ProShow:hover {background-color:#DDD;}
#ProShow:hover ul a,#ProShow:hover h2.Title,#ProShow:hover h3.ETitle { color:#FFF; }
#ProShow:hover ul:hover { background-color:#FFF; }
#ProShow:hover ul:hover a { color:#DDD; }


#FloatStar { width:auto; height:auto; padding:2px; left:0; color:#EEE; position:fixed!important; position:absolute; top:0; z-index:88; }
#FloatStar select.Type1 { width:82px; font-size:10.5pt; line-height:25px; margin-left:0; }
#FloatStar select.Type2 { width:95px; font-size:10.5pt; line-height:25px; margin-left:2px; }
#FloatStar ul.Style { width:218px; margin:0 auto 3px; background:rgba(100,100,100,0.2); clear:both; }
#FloatStar ul.Style li,#FloatStar ul.Style li a { width:20%; text-align:center; font-size:12px; line-height:25px; color:#FFF; }
#FloatStar ul.Open label { width:55px; height:22px; background:rgba(100,100,100,.5); text-align:center; padding:2px; }
#FloatStar ul.Open label,#FloatStar ul.Open label a { font-size:9pt; line-height:22px; color:#FFF; }
#FloatStar ul.Open label:hover { background:rgba(0,0,0,1); }

#FloatStar ul.Open { width:190px; clear:both; z-index:200; }
#FloatStar ul.Open dd { width:12.5%; height:7px; margin-bottom:3px; text-align:center; }
#FloatStar ul.Open img,#FloatStar ul.Open i.icon { width:29px; height:29px; padding:2px; margin:2px 0; border-radius:6px; float:left; }
#FloatStar ul.Open img.temp { background:rgba(100,100,100,0.2); padding:3px 6.5px; margin:0; }
#FloatStar ul.Open i.icon { text-align:center; font-size:25px; line-height:28px; }
#FloatStar ul.Open i.icon:hover { color:#D00; }



/* 浮动层客服组件样式 */
#HOTUP { width:300px; background:#333; position:fixed!important; _position:absolute; right:0; _top:expression(eval((document.compatMode&&document.compatMode=="CSS1")?documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-1:document.body.scrollTop+document.body.clientHeight-this.clientHeight-1)); z-index:30; overflow:visible; }

#HOTUP div.TOPUP { width:58px; position:fixed!important; position:absolute; top:150px; right:5px; }
#HOTUP div.TOPUP span { width:100%; height:28px; font:normal bold 20pt/28px Arial; color:#FFF; text-align:center; display:block; cursor:pointer; position:relative; }
#HOTUP div.TOPUP span#GETUP { height:58px; background-color:#333; }
#HOTUP div.TOPUP span#GETUP:hover { background-color:#D00010; }
#HOTUP div.TOPUP span#GETUP:after {
	 content:""; position:absolute; left:25%; top:38%; width:50%; height:50%;
	 border-style:solid; border-color:#DDD; border-width:2px 2px 0 0;
	 -webkit-transform: rotate(-45deg);
	 -moz-transform: rotate(-45deg); 
	 -ms-transform: rotate(-45deg); 
	 -o-transform: rotate(-45deg);
}

#HOTUP div.TOPUP ul { width:40px; height:48px; text-align:center; background:rgba(0,100,180,1); padding:5px 9px; }
#HOTUP div.TOPUP ul i.icon { width:100%; height:100%; background-size:100% 100%; text-align:center; font-size:28px; line-height:48px; color:#FFF; }
#HOTUP div.TOPUP ul:hover i.icon { height:0; font-size:0; line-height:0; display:none; }
#HOTUP div.TOPUP div li { height:20px; margin:0; padding:0; cursor:pointer; }
#HOTUP div.TOPUP div#Float0 { width:0; height:0; top:0; display:none; }

#HOTUP div.TOPUP img { width:58px; height:58px; background:#FFF; background-repeat:no-repeat; background-position:center; background-size:cover; margin:0 auto 2px; }
#HOTUP div.TOPUP img.QRcode { background-image:url(../images/rcode.png); background-size:100% auto; background-position:center top; }
#HOTUP div.TOPUP img.Favorit { background-image:url(../images/favorites.png); z-index:38; }
#HOTUP div.TOPUP img.Hotcall { background-image:url(../images/ico-1.png); z-index:38; }
#HOTUP div.TOPUP img.QQstyle { background-image:url(../images/ico-6.png); }
#HOTUP div.TOPUP img.QQlink { background-image:url(../images/i-qq.png); }
#HOTUP div.TOPUP img.QQnull { background-image:url(../images/i-qu.png); }
#HOTUP div.TOPUP img.Reply { background-image:url(../images/064.png); }

#HOTUP div.GETUP-Hotcall { width:0; height:48px; padding:5px 20px; color:#333; position:fixed!important; position:absolute; right:-150px; transition:all .5s; }
#HOTUP div.GETUP-Hotcall.Open { width:150px; background-color:#FFF; right:65px; transition:all .5s; }
#HOTUP div.GETUP-Hotcall .Title { width:100%; border-bottom:1px dashed #DDD; font-size:13.5pt; line-height:1.5; }

#HOTUP div.GETUP-QRcode { width:130px; position:fixed!important; position:absolute; right:58px; }
#HOTUP div.GETUP-QRcode img { width:85%; height:auto; background:#FFF; padding:.75%; z-index:78; }

#HOTUP div.GETUP-Onlink { width:136px; height:300px; position:fixed!important; position:absolute; right:66px; z-index:68; }
#HOTUP div.GETUP-Onlink label,#HOTUP div.GETUP-Onlink a { font-size:10.5pt; line-height:22px; float:left; padding-left:5px; cursor:pointer; }
#HOTUP div.GETUP-Onlink img { width:22px; height:22px; float:left; border:0; margin:0; }
#HOTUP div.GETUP-Onlink div { width:auto; height:auto; padding:18px; }
#HOTUP div.GETUP-Onlink div.div2 { background:#FFF; }
#HOTUP div.GETUP-Onlink div.div2 label { font:normal normal 9.5pt/25px "宋体"; }
#HOTUP div.GETUP-Onlink div p { width:100%; clear:both; }

#HOTUP div.GETUP-OnReply { width:180px; height:200px; position:fixed!important; position:absolute; right:0; z-index:68; padding:50px 70px 20px 20px; }
#HOTUP div.GETUP-OnReply div { width:180px; height:200px; font-size:10.5pt; line-height:22px; }
#HOTUP div.GETUP-OnReply ul { width:180px; height:25px; }
#HOTUP div.GETUP-OnReply input { width:115px; height:15px; }
#HOTUP div.GETUP-OnReply label { width:60px; height:20px; float:left; color:#FFF; }
#HOTUP div.GETUP-OnReply textarea { width:180px; height:70px; padding:6px; }
#HOTUP div.GETUP-OnReply .Submit { width:115px; height:22px; text-align:center; float:right; }

#HOTUP.LeftDivtools,#HOTUP.LeftDivtools div.TOPUP { left:0;right:auto; }
#HOTUP.LeftDivtools div.GETUP-QRcode,#HOTUP.LeftDivtools div.GETUP-Onlink { left:62px;right:auto; }
#HOTUP.LeftDivtools div.GETUP-Hotcall { left:-150px;right:auto; }
#HOTUP.LeftDivtools div.GETUP-Hotcall.Open { left:62px;right:auto; }


#Header_btn {
	width:36px; height:36px; position:fixed!important; position:absolute; top:18px; right:30px;
	padding:5px; border:1px solid #CCC; z-index:88; cursor:pointer; transition:all .5s;
}

#Header_btn input[type="checkbox"].Ck_Navbox { display:none; }
#Header_btn input.Ck_Navbox:checked ~ #Header_Fixed { height:900px; display:block; transition:all .5s; }


#Header_btn span {
	width:80%; height:1px; margin-top:9px; float:right; background:#CCC;
	display:inherit; transition:.5s;
}
#Header.fixed #Header_btn { transition:all .5s; }
#Header_btn span:nth-child(2),#Header_btn:hover span:nth-child(1) { width:65%; }
#Header_btn:hover span:nth-child(2) { width:80%; }
#Header_btn:hover span:nth-child(3) { width:50%; }

#Header_btn.Open span:nth-child(1),#Header_btn:hover.Open span:nth-child(1),
#Header_btn.Open span:nth-child(3),#Header_btn.Open:hover span:nth-child(3) { width:100%!important; }

#Header_btn.Open { padding:4px; border:2px solid #CCC; }
#Header_btn.Open span:nth-child(1){ transform:rotate(45deg) translate(0,0); margin-top:17px; }
#Header_btn.Open span:nth-child(3){ transform:rotate(-45deg) translate(0,-2px); margin-top:-8px; }
#Header_btn.Open span:nth-child(2){ opacity:0; }




#WapMenu {
	width:38px; height:38px; padding:27px; display:none; z-index:88;
	position:fixed!important; position:absolute; top:0; right:0;
}

#WapMenu span {
	width:100%; height:3px; margin:9px 0!important; background:#CCC;
	display:inherit; transition:.5s;
}

#WapMenu span.open:nth-child(1){ transform:rotate(45deg) translate(8.5px,8.5px); }
#WapMenu span.open:nth-child(3){ transform:rotate(-45deg) translate(8.5px,-8.5px); }
#WapMenu span.open:nth-child(2){ opacity:0; }


div#AdminClose { width:12px; height:65px; text-align:center; border-radius:50%; position:fixed!important; z-index:88; }
div#AdminClose i.icon { width:12px; height:65px; line-height:65px; font-size:16px; background:#DDD; }
div#AdminClose i.icon:hover { background:#06A; color:#FFF; }


/* TIM 客服工作组 */
#Grouptools { width:auto; height:100%; position:fixed!important; position:absolute; top:0; right:0; z-index:88; }
#Grouptools span#GETUP { width:100%; height:58px; text-align:center; display:inline-table; font-size:10pt; line-height:2; }
#Grouptools.LeftDivtools { left:0; right:auto; }


#Divtools { width:38px; height:100%; background-color:rgba(0,0,0,.6); transition:all .5s; float:right; }
#Divtools ul { width:38px; height:48px; position:inherit; }
#Divtools ul li { width:38px; height:48px; position:absolute; margin-left:0; transition:all .5s; }
#Divtools ul li img { width:32px; height:32px; margin:8px 3px; float:left; background-repeat:no-repeat; background-size:100%; transition:all .5s; }
#Divtools ul:hover li { width:158px; height:48px; margin-left:-120px; }
#Divtools ul:hover li img { background-size:100%; transition:all .5s; }

#Divtools ul li.QQlink { line-height:48px; }
#Divtools ul img.QQlink { background-image:url(../images/ico-7.png); }
#Divtools:hover ul img.QQlink { background-image:url(../images/i-qq.png); }
#Divtools ul img.Hotline { background-image:url(../images/ico-2.png); }
#Divtools:hover ul img.Hotline { background-image:url(../images/ico-1.png); margin:13px 3px; }
#Divtools:hover ul li.Hotline { padding:5px 0; margin-top:-5px; }

#Divtools ul img.QRcode { background-image:url(../images/rcode.png); }
#Divtools ul:hover li.RcodeOpen { width:150px; height:190px; padding:12px; margin-left:-175px; margin-top:-100px; }
#Divtools ul:hover li.RcodeOpen img.QRcode { width:150px; height:150px; margin:0; }

#Divtools:hover,#Divtools ul:hover li { background-color:rgba(255,255,255,1); transition:all .5s; }

#Grouptools.LeftDivtools #Divtools { float:left; }
#Grouptools.LeftDivtools #Divtools ul:hover li { margin-left:0; }
#Grouptools.LeftDivtools #Divtools ul:hover li.RcodeOpen { margin-left:35px; }


/* TIM 浮动层 */
#Divblock1.fixed-top { width:38px; height:150px; background:url(../images/ime1.png) no-repeat 3px 15px; cursor:pointer; }
#Divblock2.fixed-top { width:142px; height:auto; background-color:#FFF; border-radius:7px; border:5px solid #06A; }
#Divblock2.fixed-top ul { width:100%; height:auto; }

#Divblock2.fixed-top ul.Title { width:100%; height:98px; background:url(../images/ime1.png) no-repeat -35px 0; }
#Divblock2.fixed-top li.Links { width:96%; height:32px; padding:0 2%; font:normal normal 11pt/22px normal; }
#Divblock2.fixed-top img { width:25px; height:22px; border:0px; float:left; padding-right:10px; }

#Divblock2.fixed-Links { width:200px; height:auto; padding-bottom:8px; background-color:#FFF; border-radius:0; border:0; }
#Divblock2.fixed-Links ul.JSLinks { width:100%; height:98px; background:url(../images/ime24.png) no-repeat center top; }
#Divblock2.fixed-Links img { width:32px; height:32px; border:0; float:left; margin:3px; padding:3px; border-radius:50%; }
#Divblock2.fixed-Links ul.QQLinks,#Divblock2.fixed-Links div#bdshare { width:88%; margin:2% 6%;}



/* 页尾在线留言表单 */
#WebFooter { width:100%; height:38px; text-align:center; font-size:12px; line-height:3; color:#CCC; position:fixed !important; position:absolute; bottom:0; z-index:28; }
#FooterTool { width:100%; min-height:52px; background:rgba(0,0,0,.7); position:fixed!important; position:absolute; left:0; bottom:0; overflow:visible; z-index:21; }
#FooterTool div.DIYTools,#FooterTool div.OrderFrame,#FooterTool div.ReadEditor { width:1280px; height:0; margin:0 auto; z-index:29; }

#FooterTool div.OrderFrame,#FooterTool div.OrderShow,#FooterTool div.ReadEditor { min-height:52px; text-align:center; position:absolute; bottom:0; }
#FooterTool div.OrderFrame form { width:65%; min-height:52px; position:absolute; bottom:0; right:0; }

#FooterTool div.OrderShow,#FooterTool div.ReadEditor { width:auto; height:auto; text-align:left; }
#FooterTool div.OrderShow,#FooterTool div.OrderShow img.ImgShow { width:auto; height:110px; }

#FooterTool div.OrderFrame input { width:180px; height:25px; display:inline-block; padding:0 6px; margin-top:12px; }
#FooterTool div.OrderFrame input.Submit { width:75px; height:28px; border:0; background-color:#FFF; padding:0; text-align:center; }
#FooterTool div.OrderFrame input + input { width:110px; margin-left:8px; }

#FooterTool img.ImgClose,#FooterTool img.ImgEditor,#FooterTool img.CssEditor { width:28px; height:auto; position:absolute; bottom:0; right:65px; }
#FooterTool img.ImgEditor { right:155px; }
#FooterTool img.CssEditor { right:110px; }

#FooterTool.Close { width:52px!important; max-height:52px; transition:all .5s ease; }
#FooterTool.Close div.DIYColor,#FooterTool.Close div.DIYTools,#FooterTool.Close div.OrderFrame form { display:none; }
#FooterTool.Close img.ImgClose { right:5px; }



/* Ckbx-style */
.Ckbx-style { width:80px; height:30px; border-radius:3px; box-sizing:content-box; position:relative; background:rgba(0,0,0,.6); }

.Ckbx-style label.Ckbx { width:100%!important; height:100%!important; position:relative; cursor:pointer; display:block; }
.Ckbx-style label.Ckbx:before,.Ckbx-style label.Ckbx:after
{ width:50%; height:100%; text-align:center; font-size:9pt; line-height:30px; position:absolute; top:0; transition: all .2s ease; }

.Ckbx-style label.Ckbx:before { content:'ON'; background:#333; color:#FFF; left:50%; }
.Ckbx-style label.Ckbx:after { content:'OFF'; background:#06A; color:#DDD; left:0%; }

.Ckbx-style input[type=checkbox] { width:100%; height:100%; display:none; z-index:30; }
.Ckbx-style input[type=checkbox]:checked + label.Ckbx:before { background:#06A; color:#DDD; }
.Ckbx-style input[type=checkbox]:checked + label.Ckbx:after { background:#333; color:#FFF; }



/* ==|== media queries ====================================================== */
@media only screen and (max-width:768px) {
#Main_X,#Main_Y,#Main_Z,.Frame_StyleCss,.Frame_Sortype { background-attachment:scroll!important; background-size:auto 100%!important; background-repeat:repeat!important; }

#HOTUP div.TOPUP { top:auto!important; right:0!important; bottom:0!important; }
#HOTUP,#HOTUP div.TOPUP,#HOTUP #GETUP { width:35px; height:auto; text-align:center; }
#HOTUP div.TOPUP img,#HOTUP div.TOPUP span#GETUP { width:35px; height:35px; margin:0!important; padding:0; }
#HOTUP div.GETUP-QRcode { width:98px; right:35px; bottom:50px!important; margin:0; padding:0; }
}