html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent }
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
:focus { outline: 0 }
ins { text-decoration: none }
del { text-decoration: line-through }
table { border-collapse: collapse; border-spacing: 0 }
a { text-decoration: none; color: #fff }
body { font-family: "Kreon"; font-weight: 300; color: #333; background-color:#FFF;}

#switcher { height: 54px; z-index: 99999; position: fixed; width: 100%; top: 0; background:#0072c6;     background-image:url(img/bg.gif)}


.center { width: 100%; padding-top: 0 }
.center ul li { display: inline; float: left; position: relative }
.logoTop, .top2 { margin-left: 30px;margin-right: 30px; margin-top: 20px; color: #fff; font-weight: bold; font-family: "微软雅黑" }

@media screen and (max-width:1082px) {
#sj { display: none; }
#sj2 { display: none; }
}
.top2 { position: relative; margin-top: 16px; font-size: 12px; font-weight: normal; background-image: url(img/2vm.png); background-repeat: no-repeat; background-position: 3px center; height: 20px; padding-left: 25px; line-height: 20px; border: 1px solid #FFF; padding-right: 5px;}
.top22 {color: #fff; position: relative; margin-top: 16px; font-size: 12px; font-weight: normal; background-image: url(img/2vm.gif); background-repeat: no-repeat; background-position: 3px center; height: 20px; padding-left: 25px; line-height: 20px; border: 1px solid #FF0; padding-right: 5px;}

.vm {position: absolute; top: 21px; left: -2px; background-color: #fff; height: 320px; width: 150px; display: none; padding: 30px; border:#0072c6 solid 3px; }
.top2:hover .vm {display: block }
.logoTop a:hover { text-decoration: underline }
.center ul li ul { font-family: 'Droid Serif', serif; display: none; margin-left: 17px; position: absolute; width: 313px; background: #10100f; border: 1px solid #323024; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding-bottom: 3px; line-height: 18px; }
.center ul li ul li { margin: 0 0 1px 4px; padding: 5px; width: 271px }
.center ul li ul li a { display: block; width: 210px; font-size: 13px; color: #c4beab; float: left; line-height: 22px; white-space: nowrap; overflow: hidden }
.center ul li ul li .tag { display: block; width: 50px; height: 22px; font-size: 10px; color: #c4beab; margin: 0 8px 0 0; line-height: 22px; white-space: nowrap; background: url(sel-sp-act.png) no-repeat; text-align: center; float: left }
.center ul li ul li a span.link { display: block; width: 209px; height: 22px; overflow: hidden; float: left }
.center ul li ul li:hover { background: url(sel-act.png) no-repeat }
.center ul li ul li:hover a { color: #f8bc06 }
.center ul li ul li:hover .tag { color: #f8bc06 }
.center ul li ul li:first-child { margin-top: 3px }
li.device-resolution { text-transform: uppercase; font-size: 12px; color: #ada58b; font-family: 'Cambria'; line-height: 54px }
li.purchase { float: right!important; margin-top: 11px }
li.purchase a { padding: 0; background: url(trolley2.png) no-repeat 0 0; width: 133px; height: 36px; display: block; transition: all .3s ease-out 0s }
li.purchase a:hover { background-position: 0 -36px }
li.remove_frame { margin-left: 17px; float: right!important; margin-right: 30px }
li.remove_frame a { background: url(img/cross2.png) no-repeat 0 0; width: 20px; height: 21px; display: block; margin-top: 18px; transition: all .3s ease-out 0s }
li.remove_frame a:hover { background-position: 0 -21px }
#iframe { margin-top: 0 }
.icon-monitor, .icon-tablet, .icon-mobile-1, .icon-mobile-2, .icon-mobile-3 { margin-right: 7px; margin-top: 20px; width: 17px; height: 16px }
.icon-monitor { margin-left: 10px; background-image: url(img/mon-spr.png); background-position: 0 0; background-repeat: no-repeat }
.icon-tablet { background: url(img/mon-spr.png) no-repeat -24px 0 }
.icon-mobile-1 { background: url(img/mon-spr.png) no-repeat -49px 0 }
.icon-monitor:hover, .icon-monitor.active { background-position: 0 -16px }
.icon-tablet:hover, .icon-tablet.active { background-position: -24px -16px }
.icon-mobile-1:hover, .icon-mobile-1.active { background-position: -49px -16px }
.icon-mobile-2 { background: url(img/mon-spr.png) no-repeat -71px 0 }
.icon-mobile-3 { background: url(img/mon-spr.png) no-repeat -94px 0 }
.icon-mobile-2:hover, .icon-mobile-2.active { background-position: -71px -16px }
.icon-mobile-3:hover, .icon-mobile-3.active { background-position: -94px -16px }
#iframe-wrap { height: 100%; overflow: visible; position: relative; top: 54px; z-index: 50 }
.tablet-width { height: 960px!important; margin: 0 auto; padding: 96px 100px 115px 49px; width: 785px; margin-top: 40px; background: url(img/bgipad.png) no-repeat 0 0;transition: all 0.5s ease 0s;}
.tablet-width iframe { height: 960px!important }
.mobile-width { height: 703px!important; margin: 0 auto; padding: 41px 115px 100px 75px; width: 1041px; margin-top: 40px; background: url(img/bgipadw.png) no-repeat;transition: all 0.5s ease 0s; }
.mobile-width iframe { height: 704px!important }
.mobile-width-2 { height: 540px!important; margin: 0 auto; padding: 102px 25px 159px 23px; width: 337px; margin-top: 40px; background: url(img/bgiphone.png) no-repeat;transition: all 0.5s ease 0s;}
.mobile-width-2 iframe { height: 585px!important }
.mobile-width-3 { height: 273px!important; margin: 0 auto; padding: 43px 115px 69px 82px; width: 605px; margin-top: 40px; background: url(img/bgiphonew.png) no-repeat;transition: all 0.5s ease 0s; }
.mobile-width-3 iframe { height: 317px!important }
.by { overflow-y: hidden }
.fdad { width: 336px; height: 280px; background-color: #FFF; position: fixed; top: 64px; right: 25px; opacity: .9; z-index: 888;}
@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateX(0deg);
opacity:.7
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform:perspective(400px) rotateX(90deg);
opacity:0
}
40% {
-moz-transform:perspective(400px) rotateX(-10deg)
}
70% {
-moz-transform:perspective(400px) rotateX(10deg)
}
100% {
-moz-transform:perspective(400px) rotateX(0deg);
opacity:.7
}
}
.fdl { float: left; font-family: Arial; font-size: 12px; padding-left: 5px; color: #ccc; line-height: 20px }
.fdr { float: right; font-family: Arial; font-size: 16px; padding-left: 5px; padding-right: 5px; background-color: #ccc; cursor: pointer }
.fdadnr {}

/*网页加载进度条*/
.pace{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:5px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2000;position:fixed;margin:auto;right:20px;bottom:25px;width:300px;height:8px;border:1px solid #000000;background-color:#fff}
.pace .pace-progress{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-transition:width 1s ease-in-out 1s linear;-moz-transition:width 1s ease-in-out 1s linear;-ms-transition:width 1s ease-in-out 1s linear;-o-transition:width 1s ease-in-out 1s linear;transition:width 1s ease-in-out 1s linear;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);max-width:290px;position:fixed;z-index:2000;display:block;position:absolute;left:1px;top:1px;height:4px;font-size:12px;background:#000000;color:#000000;line-height:20px;font-weight:bold;font-family:"微软雅黑"}
.pace .pace-progress:after{content:attr(data-progress-text);display:inline-block;margin-top:5px;line-height:20px;text-align:center}
.pace.pace-inactive{display:none}