@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,hr { border-collapse:collapse; border-spacing:0; margin:0 auto; -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; }
*:not(.icon):before,*:not(.icon):after { content:""; box-sizing:border-box; position:absolute; }
strong a { font-size:inherit; font-weight:bold !important; line-height:inherit; color:inherit; }

article,aside,details,figcaption,figure,hgroup,section { display:block; }
audio,canvas,video { display:inline-block; *display:inline; object-fit:cover; object-position:center; }
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;
}

[class*=ShuLink],a label.Title { cursor:url(/Data/KEditor/ShuLink.cur),pointer; }

html,tt,a { font-family:"微软雅黑", "宋体"; font-size:10.5pt; line-height:1.5; font-style:normal; font-weight:normal; color:#333; }
pre { font-family:inherit; white-space:pre; white-space:pre-wrap; word-wrap:break-word; word-break:break-all; display:block; }
font.Title { font-size:10.5pt; padding:0 5px; }
span.More { font-size:12px; }
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; background-color:#ccc; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff0; color:#000; font-style:italic; font-weight:bold; }
nav ul, nav ol { list-style:none; list-style-image:none; margin:0; padding:0; }

img.Filter { filter:brightness(0) invert(1); }
code,kbd,samp { font-family:monospace, monospace; _font-family:'courier new', monospace; }
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*="7CMF-Textcolor"],[class*="7CMF-Textcolor"] * {
background-image:linear-gradient(to right, #0033AA, #00DD00);
background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
}

[class*="Remarks"],[class*="Briefly"] { text-align:justify!important; color:#666; line-height:22px; }
[class*="Readtxt"] { text-align:justify!important; color:#333; z-index:1; }

[class*="Color1"] { background-color:#D00!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*="LoadBox"] { width:100%!important; box-sizing:border-box; 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-Image"] { width:35%!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*="Set_Width"] { width:45%!important; box-sizing:border-box; position:relative; margin:28px 2.5%; float:left; }
[class*="IMG-Main"] { width:49%!important; box-sizing:border-box; position:relative; float:left; }

[class*="K-ShowPics"] { width:38%!important; box-sizing:border-box; position:relative; float:left; }
[class*="K-PicSlide"] { width:62%!important; box-sizing:border-box; position:relative; float:left; }
[class*="K-ListDays"] { width:62%!important; box-sizing:border-box; position:relative; float:right; padding-left:2%; }

[class*="Maxwidth"] { width:100%!important; max-width:1920px!important; clear:both; }
[class*="Three"] { width:calc(95%/3); display:inline; float:left; position:relative; }
* .Three + .Three { margin-left:calc(5%/2); }
* .Three + .Three:nth-child(3n+1) { margin-left:0; clear:both; }

[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*="Keywords"] { font-size:inherit; line-height:inherit; color:#F00; padding:0 5px; }
[class*="Daystext"] { font-family:Arial, Helvetica, "宋体"!important; font-size:12px!important; line-height:28px; color:#CCC; display:inline-block; float:right; }
[class*="ReadDays"],[class*="Readlink"] { font-family:Arial, Helvetica, "宋体"!important; font-size:12px!important; line-height:22px; display:inline-block; color:#CCC; clear:both; }
[class*="Readlink"] *,[class*="Author_Hist"] * { text-align:inherit; font-family:inherit!important; font-size:inherit!important; line-height:inherit!important; color:inherit!important; }

[class*="Author_Hist"] { font-size:10pt; line-height:35px; color:#AAA; }
[class*="Author_Hist"] label,[class*="Author_Hist"] span { float:none; margin-right:18px; }
[class*="Author_Hist"] label span { margin-right:0; }

[class*="vintage"] {
	font-weight:bold;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*=Shadow]:hover {
-webkit-box-shadow:0 5px 10px #CCC;
-moz-box-shadow:0 5px 10px #CCC;
box-shadow:0 5px 10px #CCC;
transition:all .5s;
}

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

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

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


[class*="Btn_UrlPage"] { width:180px; height:40px; border-radius:20px; margin:30px auto 8px; 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; }

div.Readtxt [class*="Btn_AboutUrl"],figure [class*="Btn_UrlPage"] { float:left; }

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


[class*="Read-Tagg"] p { padding-left:18px; position:relative; }
[class*="Read-Tagg"] p:before { content:'•'; position:absolute; left:0; top:0; font-size:inherit; line-height:inherit; color:inherit; }
[class*="Read-Tagged"] p:before { content:'➤'; }
[class*="Read-Tagging"] p:before { content:'▪'; }
[class*="Read-Taggadd"] p:before { content:'+'; }
[class*="Read-Taggwin"] p:before { content:'✓'; }
[class*="Read-Taggsub"] p:before { content:'◎'; }


/* 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:9998888; }
.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:2018; }
#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-color:#000; z-index:2012; 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:8888; }
#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(/OAction/KEditor/ShuLink.cur),default; }

#HOTDemo ul.Site { background-image:url(/Style/Images/DemoUP.png); background-position:center -123px; }
#HOTDemo ul.Good { background-image:url(/Style/Images/DemoUP.png); background-position:center -183px; }
#HOTDemo ul.User { background-image:url(/Style/Images/DemoUP.png); background-position:center -58px; }
#HOTDemo ul.Help { background-image:url(/Style/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:520; 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:855; }
#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:855; }
#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-color:#D00; text-align:center; color:#FFF; }


[class*="HOTOnlinkBG"] { background-color:#FFF; padding:0 0 25px 120px; }
[class*="Body_Null"] { min-height:360px!important; background:url(/Style/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:2888;
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:520666; }
#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:2022; }
#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-color:#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:8888; 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-color:#FFF; background-repeat:no-repeat; background-position:center; background-size:cover; margin:0 auto 2px; }
#HOTUP div.TOPUP img.QRcode { background-image:url(/OAction/Images/Rcode.png); background-size:100% auto; background-position:center top; }
#HOTUP div.TOPUP img.Favorit { background-image:url(/OAction/Images/Favorites.png); z-index:888; }
#HOTUP div.TOPUP img.Hotcall { background-image:url(/Style/Images/ICO-1.png); z-index:888; }
#HOTUP div.TOPUP img.Reply { background-image:url(/OAction/ICON/7CMFsite/ICO-4.png); }
#HOTUP div.TOPUP img.QQstyle { background-image:url(/OAction/ICON/7CMFsite/ICO-6.png); }
#HOTUP div.TOPUP img.QQlink { background-image:url(/Style/Images/I-QQ.png); }
#HOTUP div.TOPUP img.QQnull { background-image:url(/Style/Images/I-QU.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%; white-space:nowrap; border-bottom:1px dashed #DDD; font-size:12.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-color:#FFF; padding:.75%; z-index:188; }

#HOTUP div.GETUP-Onlink { width:136px; height:300px; position:fixed!important; position:absolute; right:66px; z-index:188; }
#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-color:#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:188; 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:not(a) {
	width:36px; height:36px; position:fixed!important; position:absolute; top:18px; right:30px;
	padding:6px; border:1px solid #CCC; z-index:2018888; 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-color:#CCC;
	display:inherit; transition:.5s;
}
#Header.fixed #Header_Btn { transition:all .5s;border:0;top:2px!important;right:5px!important;margin-top:0!important;margin-right:0!important; }
#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:201805;
	position:fixed!important; position:absolute; top:0; right:0;
}

#WapMenu span {
	width:100%; height:3px; margin:9px 0!important; background-color:#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; }


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


/* TIM 客服工作组 */
#Grouptools { width:auto; height:100%; position:fixed!important; position:absolute; top:0; right:0; z-index:201912; }
#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(/Style/Images/I-QQ.png); }
#Divtools:hover ul img.QQlink { background-image:url(/Style/Images/I-QQ.png); }
#Divtools ul img.Hotline { background-image:url(/Style/Images/ICO-1.png); }
#Divtools:hover ul img.Hotline { background-image:url(/Style/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(/OAction/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(/OAction/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(/OAction/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(/OAction/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:50px; background:rgba(0,0,0,.7); left:0; bottom:0; z-index:210; }
#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; }
#FooterTool div.OrderFrame { width:65%; min-height:50px; position:absolute; right:0; }
#FooterTool div.OrderFrame form { width:100%; min-height:50px; }

#FooterTool div.OrderShow,#FooterTool div.ReadEditor { width:auto; height:auto; text-align:left; position:absolute; z-index:29; }
#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 { width:28px; height:auto; position:absolute; bottom:0; right:110px; z-index:220; }
#FooterTool img.ImgEditor { right:150px; }

#FooterTool.Close { width:auto; left:auto; right:0; transition:all .5s ease; }
#FooterTool.Close div.DIYColor,#FooterTool.Close img.ImgClose,#FooterTool.Close div.OrderFrame form { display:none; }
#FooterTool.Close div.DIYTools,#FooterTool.Close div.OrderShow { width:200px!important; text-align:center; }
#FooterTool.Close div.OrderShow img.ImgShow { max-width:120px;height:auto; }


/* #Body_Videos */
[id$=Videos] { background-position:center; background-repeat:no-repeat; background-size:auto 100%; }
[id$=Videos] { width:100%; height:0; padding-bottom:56%; margin:18px auto; overflow:visible; position:relative; }
[id$=Videos] .Videos,[id$=Videos] video,[id$=Videos] embed,[id$=Videos] iframe { width:100%; height:100%; position:absolute; object-fit:cover; object-position:center; display:block; z-index:50; }
[id$=Videos] video,[id$=Videos] embed,[id$=Videos] iframe { background-color:transparent; }


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

.Ckbx-style label.Ckbx { width:100%!important; height:100%!important; position:relative; 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-color:#333; color:#FFF; left:50%; }
.Ckbx-style label.Ckbx:after { content:'OFF'; background-color:#06A; color:#DDD; left:0%; }

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


/* But_Center */
.But_Center {
    width:150px; height:30px; background-color:rgba(0,0,0,.6);
    float:left; margin-left:5px; border-radius:3px; box-sizing:border-box; position:relative;
}
.But_Center .toggle {
    width:50px; height:30px; text-align:center;
    position:absolute; top:0; left:50%; margin-left:-25px;
    box-sizing:border-box; background-color:#06A;
    transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.But_Center input {
    width:50px; height:30px; position:absolute; display:none;
    margin:0; padding:0; z-index:1; cursor:pointer;
}
.But_Center input:nth-child(2) { left:33.33333%; }
.But_Center input:nth-child(3) { left:66.66667%; }

.But_Center .label {
    width:50px; height:30px; text-align:center;
    font-size:12px; font-weight:bold; line-height:30px; color:white;
    position:absolute; top:0; left:0;
    -webkit-animation:6s rot-label ease-in-out infinite;
    -moz-animation:6s rot-label ease-in-out infinite;
    -o-animation:6s rot-label ease-in-out infinite;
    animation:6s rot-label ease-in-out infinite;
}
.But_Center .label:nth-child(2) { left:33.33333%; animation-delay:2s; }
.But_Center .label:nth-child(3) { left:66.66667%; animation-delay:4s; }

#Ckbx_Left:checked { background:red; }
#Ckbx_Left:checked ~ .toggle { left:0; margin-left:0; }
#Ckbx_Right:checked { background:red; }
#Ckbx_Right:checked ~ .toggle { left:66.66667%; margin-left:0; }


/* ==|== 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; }
}