﻿abbr,address,article,aside,audio,blockquote,body,body div,caption,cite,code,dd,del,dfn,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;outline:0;border:0;background:0 0;vertical-align:baseline;font:inherit;font-style:normal;font-size:100%}
/*body{background-color:#f9f9f9;background-image:url(../images/bg.jpg);background-size:cover;background-attachment: fixed;}*/
.text_fff{

background-image: -webkit-linear-gradient(left,#ff0000,#ffbb03 10%,#b8c183 20%,#ff68ff 30%, #CCCCFF 40%, #00FFFF 50%,#CCCCFF 60%,#f9bdf9 70%,#ff7b7b 80%,#c7cc00 90%,#e4fd37 100%);

-webkit-text-fill-color: transparent;

-webkit-background-clip: text;

-webkit-background-size: 200% 100%;

-webkit-animation: masked-animation 4s linear infinite;

}

@keyframes masked-animation {

0% {

background-position: 0 0;

}

100% {

background-position: -100% 0;

}

}

img{display:block;border:0}
li{list-style:none}
a{margin:0;padding:0;outline:0;background:0 0;color:#000;vertical-align:baseline;text-decoration:none;font-size:100%}
a:hover {text-decoration: underline;color: #1E90FF;}
.clear{clear:both}
#wrapper{position:relative;z-index:20;overflow:hidden;overflow:visible;margin:0 auto;width:100%;min-height:100%}
.behind-view{position:absolute;width:100%;height:0;top:0;left:0}
#corner-flash{z-index:10;overflow:hidden;position:absolute;top:0;right:0;width:100px;height:100px;display:none}
#corner-flash .cont{position:absolute;top:0;right:0;width:100px;height:100px}
#corner-flash .ad{top:45px;right:23px;z-index:-1}
#corner-flash .page{width:100px;height:100px;display:block;position:absolute;top:0;right:0;z-index:3}
#corner-flash .corner-page{overflow:hidden;z-index:4;right:0;width:50px;position:absolute;top:0;height:50px;border:none;transition:linear .35s}
#corner-flash .msg_block{position:absolute;right:0;top:0;z-index:1;width:100px;height:100px;background:0 0;transition:linear .35s;-webkit-clip-path:polygon(50% 0,100% 0,100% 50%,50% 0);-o-clip-path:polygon(50% 0,100% 0,100% 50%,50% 0);clip-path:polygon(50% 0,100% 0,100% 50%,50% 0)}
#corner-flash .msg_block img{vertical-align:top;height:100%;width:100%;overflow:hidden}
#corner-flash .close{display:block;position:absolute;left:58px;bottom:60px;width:10px;height:10px;background:url(../html/close.html) no-repeat center;z-index:5;transition:linear .35s}
#corner-flash .imgpage-hover,#corner-flash:hover .corner-page{height:50px;width:50px}
.ad{position:absolute;bottom:0;right:0;display:block;height:12px;width:22px;background:url(../html/adbtn.html) no-repeat top left}
#main{position:relative;z-index:8;margin:0 auto 0;padding-right:0px;padding-bottom:3px;padding-left:0px;max-width:1200px;min-height:300px;background-color:#fff;}
.head{display:block;margin:0 auto 0;padding-top:0;width:100%;color:#F66;font-size: 40px;font-weight: bold;text-align:center;}
.headimg{margin:0 auto 0;width:100%;max-width:724px}
.bg{margin:10px 0;width:100%;border-radius:10px;background:rgba(0,0,0,.61);text-align:center}
.superarea{padding:0px;width:100%; height:100%; background-color:0; border-radius:5px;}
.searchbox{overflow:hidden;margin:0 auto;width:820px;max-width:100%;text-align:center}
.searchboxtitlebk{float:left;display:block;width:51px;height:51px;background-color:#ddd}
.searchboxtitle{float:left;display:block;margin-top:4px;margin-left:5px;width:44px;height:44px;background:url(../html/ygkclips.html) no-repeat scroll 0 -75px}
.searchfielddiv{float:left;display:block;width:670px;height:45px;border-radius:0}
input.searchfield{padding:5px;width:660px;height:35px;outline:0;border:0;border-radius:0;font-size:18px;font-family:microsoft Yahei;line-height:35px}
.searchbutton{float:left;display:block;width:144px;height:51px;color:#fff;text-align:center;font-size:18px;line-height:53px;cursor:pointer}
.searchoption{overflow:hidden;margin:0 auto;padding:15px;width:800px;max-width:100%;text-align:center}
.eachmall{float:left;display:block;margin-right:28px;cursor:pointer}
.bzitem{width:80px;height:25px;background:url(../html/ygkclips.html) no-repeat scroll 0 0}
.googleitem{width:80px;height:25px;background:url(../html/ygkclips.html) no-repeat scroll -100px 0}
.baiduitem{width:80px;height:25px;background:url(../html/ygkclips.html) no-repeat scroll -200px 0}
.bingitem{width:106px;height:25px;background:url(../html/ygkclips.html) no-repeat scroll -300px 0}
.yahooitem{width:80px;height:25px;background:url(../html/ygkclips.html) no-repeat scroll -426px 0}
.yandexitem{width:96px;height:25px;background:url(../html/ygkclips.html) no-repeat scroll -526px 0}
.gditem{width:80px;height:25px;background:url(../html/ygkclips.html) no-repeat scroll -642px 0}
.bzitemhover{width:80px;height:25px;background:url(../html/ygkclips.html) no-repeat scroll 0 -50px}
.googleitemhover{width:80px;height:25px;background:url(../html/ygkclips.html) no-repeat scroll -100px -50px}
.baiduitemhover{width:80px;height:25px;background:url(../html/ygkclips.html) no-repeat scroll -200px -50px}
.bingitemhover{width:106px;height:25px;background:url(../html/ygkclips.html) no-repeat scroll -300px -50px}
.yahooitemhover{width:80px;height:25px;background:url(../html/ygkclips.html) no-repeat scroll -426px -50px}
.yandexitemhover{width:96px;height:25px;background:url(../html/ygkclips.html) no-repeat scroll -526px -50px}
.gditemhover{width:80px;height:25px;background:url(../html/ygkclips.html) no-repeat scroll -642px -50px}
.bziteminactive{width:80px;height:25px;background:url(../html/ygkclips.html) no-repeat scroll 0 -25px}
.googleiteminactive{width:80px;height:25px;background:url(../html/ygkclips.html) no-repeat scroll -100px -25px}
.baiduiteminactive{width:80px;height:25px;background:url(../html/ygkclips.html) no-repeat scroll -200px -25px}
.bingiteminactive{width:106px;height:25px;background:url(../html/ygkclips.html) no-repeat scroll -300px -25px}
.yahooiteminactive{width:80px;height:25px;background:url(../html/ygkclips.html) no-repeat scroll -426px -25px}
.yandexiteminactive{width:96px;height:25px;background:url(../html/ygkclips.html) no-repeat scroll -526px -25px}
.gditeminactive{width:80px;height:25px;background:url(../html/ygkclips.html) no-repeat scroll -642px -25px}
.headsuggestitem{clear:both;color:#666;font-size:18px;line-height:26px}
.headsuggestitemcount{float:right;color:#666;font-size:14px;line-height:26px}
.ui-widget-content{border:1px solid #ddd;background:#fff}
.tip{float:left;display:block;margin-top:40px;margin-left:75px;width:960px;height:290px}
.tiparrow{float:left;display:block;margin-left:457px;width:46px;height:23px;background:url(../html/ygktiparrow.html)}
.tiparea{float:left;display:block;width:960px;height:290px;background:url(../html/ygkdesc.html);cursor:pointer}
.tiptext{float:left;display:block;margin-top:20px;margin-left:30px;width:340px;height:40px;text-align:center;font-size:14px;line-height:20px}
.nomore{float:left;display:block;width:100%;color:#e4393c;text-align:center;text-decoration:underline;font-size:14px;line-height:30px;cursor:pointer}
.footer{margin:50px auto 0 auto;margin-top:20px;width:100%;max-width:1200px;border-radius:3px;background:#F66;color:#fff;text-align:center;font-size:15px}
.footer a{color:#fff;}
.navarea{display:block;margin-top:20px}
.navparagraph{float:left;display:block;width:100%;border-top:1px solid #f2f2f2}
.hotmalls{margin-bottom:40px;border-bottom:1px solid #f2f2f2;background-color:#f9f8f9}
.navhead{float:left;display:block;width:129px;border-right:1px dotted #ebebeb;color:#d5d5d5;text-align:center;font-size:14px}
.hothead{color:#a2a2a2}
.oneline{line-height:46px}
.twoline{line-height:92px}
.navitems{float:left;display:block;width:855px}
.navitem{float:left;display:block;width:170px}
.navhotitem{float:left;display:block;width:170px}
.navmallfavicon{float:left;display:block;margin-right:4px;width:16px;height:16px}
.navmallname{float:left;clear:both;display:block;margin:15px 25px 15px 35px;width:90px;color:#555;font-size:14px}
.links-top{overflow:hidden;margin:auto;margin-bottom:20px;border-radius:5px;background:#F66;text-align: center;box-shadow:0 3px 6px 2px rgba(0,0,0,.03)}
.links-top ul li{float:left;padding:5px 0;width:10%;text-align:center}
.links-top ul li img{margin:0 auto;padding:4px;width:56px;height:56px;border-radius:56px}
.links-box{margin:20px 0}
.links-box .panel{margin:auto;margin-bottom:20px;border-radius:5px;background:#fff;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.05);box-shadow:0 3px 6px 2px rgba(0,0,0,.03)}
.links-box .panel-heading{overflow:hidden;padding:0 10px;border-bottom:1px solid transparent;font-weight:700;font-size:15px;line-height:35px}
.links-box .panel-heading a{float:right}
.links-box .panel-heading .btn{padding:0 10px}
.links-box .panel-default>.panel-heading{border-color:#f7f7f7;border-top:1px solid #fff;border-top-right-radius:5px;border-top-left-radius:5px;background-color:#F66;color:#fff;}
.links-box .panel-body{overflow:hidden}
.links-element ul{overflow:hidden;padding:10px}
.links-element ul li{float:left;width:9%;height:35px;line-height:35px;overflow: hidden;text-align: center;}
.links-element ul li img{float:left;display:inline-block;margin-top:7px;margin-right:5px;height:15px}
.links-element ul li strong{font-weight:bold;}
.tip01{position:absolute;display:inline-block;margin-top:2px;margin-left:0;width:12px;height:12px;background:url(../html/tip01.html) 0 0 no-repeat;cursor:pointer}
.changecolor0{color:red}
.changecolor1{color:#0f0}
.changecolor2{color:#00f}
.changecolor3{color:#f0f}
.changecolor4{color:#0ff}
.changecolor5{color:#000}
.btn-default{border-radius:60px;background-color:#d8d8d8;box-shadow:0 2px 10px #e8e8e8;color:#868686;transition:.2s;font-size:14px;border:1px solid #d6d6d6}
.btn-default:hover{background:#ffa200;box-shadow:0 2px 5px rgba(255,162,0,.5);color:#fff;text-decoration:none;transition:.2s;border:1px solid #f79d00}
.btn-default.active,.open>.btn-default.dropdown-toggle{color:#fff}
.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.btn-default.dropdown-toggle.focus,.open>.btn-default.dropdown-toggle:focus,.open>.btn-default.dropdown-toggle:hover{background:#ffa200;box-shadow:0 2px 10px rgba(255,162,0,.5);color:#fff;text-decoration:none;transition:.2s}
.appBox{overflow:hidden}
.appTui{position:relative}
.appTui .bd{padding:10px}
.appTui .tempWrap{width:1200px!important}
.appTui .bd ul{overflow:hidden;zoom:1}
.appTui .bd ul li{float:left;height:10px;line-height:10px;text-align:left;width:auto!important;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);border-radius:30px;padding:10px;margin:12px}
.appTui .bd ul li a{font-size:14px}
@media (max-width:1200px){.links-element ul li{width:20%}
}
@media (max-width:768px){.links-element ul li{width:25%}
.links-top ul li{width:20%}
}
@media (max-width:544px){.links{padding:0 5px}
.links-element ul li{width:33.3333%}
.links-top ul li{width:25%}
.links-box .panel-heading .btn{padding:0 10px}
.links-element ul{overflow:hidden;padding:10px 1px 1px 1px}
.footer .sc{display:none}
#main{padding-bottom:60px}
.searchfielddiv{width:200px}
input.searchfield{width:190px;border-radius:0}
.searchbutton{width:109px}
.searchoption{padding:15px 0 0}
.eachmall{margin-bottom:10px}
}
#leftnav{position:fixed;left:56.2%;top:179px;margin-left:516px;border:1px solid #dcf5ff}
#leftnav li{width:80px;font-size:15px;background-color:#fff;height:30px;text-align:center;border-bottom:1px solid #dcf5ff;line-height:30px}
#leftnav li:hover{background-color:#000}
#leftnav a{text-decoration:none;color:#000;display:block;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s}
#leftnav a:hover{color:#fff}
#leftnav li:last-child{height:34px;line-height:34px}.hot_link{vertical-align:top}.shoulu{background:#fff;margin:20px 0;padding-bottom:15px}.shoulu p{text-align:center;background:#800;height:30px;line-height:30px;color:#fff;font-size:14px}.shoulu li{font-size:15px;padding:10px 10px;list-style:inherit}
#mobile_top { display: none; }
.for_mob{ display:none;}
@media only screen and (min-width:320px) and (max-width:580px) {
.nav ul li a { padding: 0px 10px; }
#leftnav { display: none; }
#mobile_top { display: block; }
}
@media only screen and (min-width:0px) and (max-width:1120px) {
#header, .nav, #content, #footer { width: 92%; }
.yous, .standbydomain, .slogan, #pc_mobile_web, .nav {display: none;}
#mobile_top { display: block; }
#topimg, #leftnav { display: none; }
#pc_mobile_web, #topimg, #goodsoft, .slogan{ display:none;}

#links_con h2, #mobile_top h2{ text-align:center; width:100%; padding:0;}
.for_mob{background:#6E6E6E;
    color: #ffffff;
    padding: 5px 10px;
    font-family: microsoft yahei;
    font-size: 14px; display:block;}
#links_con li a, .mobile_web li a{ font-size:16px;}
}
