/*! normalize.css v3.0.1 | MIT License | git.io/normalize */



/*** 屏幕高度控制 ***/


.selling-points-wrapper {
position:absolute;
top:8%;
}

.vision{
margin-top: 60px;
font-size: 30px;
}


.buystrip {
padding-top: 70px;
padding-top: 90px\9;
text-align: center;
max-width: 980px;
min-width: 698px;
margin-left: auto;
margin-right: auto;
}

.buystrip-hero {
direction: rtl;
margin-bottom: 0;
}
.buystrip-hero:before, .buystrip-hero:after {
content: " ";
display: table;
}

a.block {
text-decoration: none;
}

a.block {
display: block;
cursor: pointer;
text-decoration: none;
color: inherit;
}
a {
color: #08c;
}
.buystrip-product-block {
direction: ltr;
text-align: left;
padding-left: 20px;
vertical-align: middle;
display: inline-block;
}
.buystrip .buystrip-product {
background-repeat: no-repeat;
background-size: 248px 160px;
height: 160px;
width: 248px;
background-image: url("../media/img/00pcview.png");
}
.buystrip-product-title {
font-size: 30px;
line-height: 1.142857;
font-weight: 200;
padding-bottom: 8px;
}
.buystrip-product-block p{font-size:20px;margin: 0 0 8px;}
h4 {
font-size: 32px;
line-height: 1.125;
font-weight: 200;
}
a.block .block-link {
color: #08c;
cursor: pointer;
}
.buystrip-product-copy {
font-size: 18px;
line-height: 1.555556;
font-weight: 400;
margin: 0 0 0 0;
}

.buystrip-product {
vertical-align: middle;
display: inline-block;
}

/****
.juejie{
background-image: url("../media/img/0juejie.png");
background-repeat: no-repeat;
height: 980px;
width: 370px;
}

****/
.buystrip-blocks {
position: relative;
z-index: 1;
display: table;
width: 100%;
}
.buystrip-blocks>.column {
display: table-cell;
float: none;
vertical-align: top;
/****
width: 25%;
****/
width: 33%;
}
.buystrip-blocks2>.column {
display: table-cell;
float: none;
vertical-align: top;
width: 18%;
}
.column {
position: relative;
z-index: 1;
min-height: 2px;
margin: 0;
padding: 0;
float: left;
width: 100%;
}
.buystrip-block {
text-align: center;
margin-top: 50px;
margin-bottom: 0;
/****
width: 208px;
width: 180px; 20150820
****/
width: 280px;
margin-left: auto;
margin-right: auto;
padding-bottom: 1.777778em;
}
.buystrip-block2 {
text-align: center;
margin-top: 80px;
margin-bottom: 0;
/****
width: 208px;
****/
width: 208px;
margin-left: auto;
margin-right: auto;
padding-bottom: 1.777778em;
}
.buystrip .buystrip-block-icon {
min-height: 48px;
}
.buystrip-block-icon {
margin-left: auto;
margin-right: auto;
}
.buystrip-block-title {
/****
font-size: 24px;
****/
font-size: 20px;
line-height: 1.333333;
font-weight: 200;
color: #0088FF;
/*****
color: #5f5955;
****/
}


h1, h2, h3, h4, h5, h6 {
margin: 0.5em 0 0 0;
}
h5 {
display: block;
font-size: 0.83em;
-webkit-margin-before: 1.67em;
-webkit-margin-after: 1.67em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight:bold;
}
.buystrip-block-copy {
/****
font-size: 16px; apple
font-size: 14px; 微博字号
****/
font-size: 14px;
line-height: 1.5;
font-weight: 400;
color: #666;
margin-top: 0.111111em;
}
p {
margin: 1em 0 0 0;
}
p {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
.buystrip-block-copy.block-link {
margin-top: 0.5em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.buystrip-block-copy{
/*** 英文版本
text-align: center;
***/
/*** 中文版本
text-align: left;
***/
text-align: left;
}

.buystrip .visual-mode {
height: 44px;
width: 44px;
background-image:url("../media/img/00cankao.png?id=20150119");
background-position:-386px -13px; 
background-repeat: no-repeat no-repeat;
}
.buystrip .multi-mode {
height: 45px;
width: 45px;
background-image:url("../media/img/00cankao.png?id=20150119");
background-position:-326px -74px; 
background-repeat: no-repeat no-repeat;
}

.buystrip .count-opt {
height: 45px;
width: 45px;
background-image:url("../media/img/00cankao.png?id=20150119");
background-position:-385px -74px; 
/***  
***/
background-repeat: no-repeat no-repeat;
}
.media-problem {
height: 45px;
width: 45px;
background-image:url("../media/img/00cankao.png?id=20150119");
background-position:-76px -9px; 
/***  
***/
background-repeat: no-repeat no-repeat;
}

.on-demand {
height: 45px;
width: 45px;
background-image:url("../media/img/00cankao.png?id=20150119");
background-position:-15px -192px;  
background-repeat: no-repeat no-repeat;
}

.find-back {
height: 45px;
width: 45px;
background-image:url("../media/img/00cankao.png?id=20150119");
background-position:-138px -12px; 
background-repeat: no-repeat no-repeat;
}

.buystrip .sym-solution {
height: 45px;
width: 45px;
background-image:url("../media/img/00cankao.png?id=20150119");
background-position:-200px -12px; 
background-repeat: no-repeat no-repeat;
}

.buystrip .hunspeed {/*** class 不能用数字 10x-speed ***/
height: 45px;
width: 45px;
background-image:url("../media/img/00cankao.png?id=20150119");
background-position:-383px -196px; 
background-repeat: no-repeat no-repeat;
}

.buystrip .ten-speed {/*** class 不能用数字 10x-speed ***/
height: 45px;
width: 45px;
background-image:url("../media/img/00cankao.png?id=20150119");
background-position:-138px -72px; 
background-repeat: no-repeat no-repeat;
}


body .buystrip{
background-color: #fff;
color: #333;
font-style: normal;
font-family: "Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif";
font-size: 18px;
line-height: 1.45;
font-weight: 400;
}

/***** 2、3屏 特征、系统解决方案 http://www.apple.com/mac/ end ****/



/***** 4屏 读者、媒体  http://www.usertesting.com/  ***/
.selling-points-wrapper {
position:absolute;
height: 100%;
top: 10%;
padding-bottom: 0px;
/****
background: #fff;
****/
width: 100%;
}

.utcontainer {
padding-top: 30px;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.selling-points {
padding-left: 0%;
padding-right: 0%;
padding-top: 40px;
padding-bottom: 40px;
text-align: center;
}
.selling-points2 {
padding-left: 0%;
padding-right: 0%;
/****
padding-top: 30px;
****/
padding-top: 0px;
padding-bottom: 40px;
text-align: center;
}
.point-title {
padding-left: 6.32911%;
padding-right: 6.32911%;
padding-bottom: 50px;
text-align: center;
}
.point-title h3 {
font-size: 30px;
text-align: center;
color: #575E61;
font-weight: 400;
text-transform: none;
margin-bottom: 2.625px;
line-height: 1.1;
}

.selling-points ul {
list-style: none;
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;

display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;

}

.selling-points .point:nth-child(3n+1) {
margin-left: 0;
margin-right: -100%;
clear: both;
margin-left: 0;
}
.selling-points .point:nth-child(3n+2) {
margin-left: 33.89831%;
margin-right: -100%;
clear: none;
}
.selling-points .point:nth-child(3n+3) {
margin-left: 67.79661%;
margin-right: -100%;
clear: none;
}
.selling-points .point {
width: 32.20339%;
float: left;
margin-top: 0;
}
.selling-points .artwork {
width: 23.07692%;
float: left;
margin-right: 2.5641%;
padding-left: 38.46154%;
padding-right: 38.46154%;
min-height: auto;
}

.selling-points img {
height: 80px;
width: 80px;
margin: auto;
vertical-align: middle;
}
.selling-points .description {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0;
}


.selling-points2 .point:nth-child(4n+1) {
margin-left: 0;
margin-right: -100%;
clear: both;
margin-left: 0;
}
.selling-points2 .point:nth-child(4n+2) {
margin-left: 25%;
margin-right: -100%;
clear: none;
}
.selling-points2 .point:nth-child(4n+3) {
margin-left: 50%;
margin-right: -100%;
clear: none;
}
.selling-points2 .point:nth-child(4n+4) {
margin-left: 75%;
margin-right: -100%;
clear: none;
}
.selling-points2 .point {
width: 23%;
float: left;
margin-top: 0;
}
.selling-points2 .artwork {
width: 20%;
float: left;
margin-right: 2.5641%;
padding-left: 35%;
padding-right: 20%;
min-height: auto;
}

.selling-points2 img {
height: 80px;
width: 80px;
margin: auto;
vertical-align: middle;
}
.selling-points2 .description {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0;
}

.buystrip-block-title {
/****
font-size: 24px;
****/
font-size: 20px;
line-height: 1.333333;
font-weight: 200;
color: #0088FF;
/*****
color: #5f5955;
****/
}

.selling-points .point h4 {
font-size: 20px;
line-height: 1.333333;
font-weight: 200;
color: #0088FF;
}
.selling-points2 .point h4 {
font-size: 20px;
line-height: 1.333333;
font-weight: 200;
color: #0088FF;
text-align: center;
}
.selling-points .point p {
padding-top: 5.05051%;
padding-bottom: 5.05051%;
padding-left: 5.05051%;
padding-right: 5.05051%;
font-size: 15px;
color: #272B2D;
font-weight: 400;
line-height: 133%;
margin: 0 0 10.5px;
text-align: left;
}
.selling-points2 .point p {
padding-top: 5.05051%;
padding-bottom: 5.05051%;
padding-left: 1%;
padding-right: 1%;
font-size: 15px;
color: #272B2D;
font-weight: 400;
line-height: 133%;
margin: 0 0 10.5px;
text-align: left;
}
.selling-points-wrapper .button-link {
margin-top: 0;
margin-bottom: 18px;
}
.selling-points a {
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.utbutton {
color:#FFF;background:#08F;border:0;
font-size: 14px;
border-radius: 5px;
display: inline-block;
background-size: 100%;
border: 1px solid #C8CBCD;
cursor: pointer;
font-family: Arial,'Hiragino Sans GB','md-hsgb','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif;
margin-right: 3px;
padding: 5px 20px;
position: relative;
text-align: center;
text-decoration: none;
vertical-align: middle;
white-space: nowrap;
/*** width: 100%; 会导致和div一样长 ***/
-webkit-border-radius: 2em;
-webkit-background-clip: padding-box;
-moz-border-radius: 2em;
-moz-background-clip: padding;
border-radius: 2em;
background-clip: padding-box;
text-transform: none;
}
.utbutton:hover{background:#06F;}

/***** 4屏 读者、媒体  http://www.usertesting.com/ end ***/



/***** 5屏 Demo  ***/
.demo {
padding-top: 40px;
padding-bottom: 60px;
text-align: center;
border-bottom: 1px solid #e3e3e3;
max-width: 980px;
min-width: 698px;
margin-left: auto;
margin-right: auto;
}

.demo_title h3 {
font-size: 30px;
color: #575E61;
font-weight: 400;
text-transform: none;
line-height: 1.1;
padding-bottom: 40px;
text-align: center;
}
#demo {
padding-top: 40px;
padding-bottom: 30px;
text-align: center;
max-width: 980px;
min-width: 698px;
margin-left: auto;
margin-right: auto;
}

#demo img {
    border:0;
}
#demo .td {
    padding:12px 20px;/** 上下10px　左右18px  **/
	height:65px;
    text-align: center;
	
}
#demo td {
    font-family: "proxima_nova_ltsemibold",helvetica,arial;
    font-size: 15px;
	font-weight:bold;
}
#demo33 td {
    font-family: "Comic Sans MS", cursive, sans-serif;
    font-size: 20px;
	font-weight:bold;
}
#demo td img{
    height:50px;width:50px;
}

/***** 5屏 Demo  end ****/




/***** 综合  ***/

.section3{background:#f5f5f5}
.section6{background:#f5f5f5}
.section5{background:#f5f5f5}

.container{width:1100px;margin:0 auto} /*** 1200最好，字更上面 1000 “提升网站内容审阅效率数十倍”分2行了 ***/
@media(max-width:1200px){.container{width:960px}}
@media(min-width:1600px){.container{width:1440px}}

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}

body{margin:0}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}

audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}a{background:transparent}

a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}

input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}

fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}

html,body{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}

body{margin:0;padding:0;background:#fff;font-family:Arial,'Hiragino Sans GB','md-hsgb','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif;font-size:12px;line-height:1.5;-webkit-perspective:1300px;-moz-perspective:1300px;perspective:1300px;overflow:visible}

dl,dd,dt,ul,li{margin:0;padding:0}ul,li{list-style:none}
button,input{margin:0;padding:0}
img{border:0}
a{text-decoration:none}
button{border:0;background:0;outline:0;cursor:pointer}

/*** 以下不能少  ***/
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


h1, .h1 {
font-size: 3.0839999999999996em;
}
h1, h2 {
font-family: "franklin_gothic_fs_capsCn",helvetica,arial;
font-weight: bold;
line-height: 1.1;
color: inherit;
margin-top: 20px;
margin-bottom: 10px;
margin: .67em 0;
}
:-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) h1 {
font-size: 1em;
-webkit-margin-before: 1.33em;
-webkit-margin-after: 1.33em;
}


img {
vertical-align: middle;
}
img {
border: 0;
}
h3, .h3 {
font-size: 2.0568em;
}
h3, h4, h5, h6 {
font-family: "proxima_nova_ltsemibold",helvetica,arial;
}
p:last-child {
margin-bottom: 0;
}
p {
font-size: 1.2em;
}
p {
margin: 0 0 10px;
/***
margin: 0 0 10px;
**/
}
p {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
div {
display: block;
}



/***** 综合 end  ***/





/***** 首屏及头部 end ***/


.hide{display:none}
html,body{height:100%}
.page{height:100%}
.page .section{height:100%}
.section{position:relative;overflow:hidden;display:block}
.section:before,.section:after{content:" ";display:table}
.section:after{clear:both}



.header1{background:#FFF;background-color:rgba(255,255,255,0.9);height:74px;line-height:44px;padding:16px 0;position:fixed;border-bottom:solid 1px #DDD;width:100%;top:0;z-index:99}
.header1 .logo{display:inline-block;vertical-align:middle}
.header1 .logo img{vertical-align:middle}
.header1 .headerAction{float:right;position:relative}
.header1 .headerAction .headerReg{width:255px;outline:0;padding:9px;font-size:14px;height:18px;line-height:24px;vertical-align:middle;color:#999;border:solid 1px #8f8f8f;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
.header1 .headerAction button{margin-left:8px;display:inline-block;padding:0 23px;height:38px;line-height:38px;border:solid 1px #cfcfcf;color:#1a1a1a;font-size:14px;text-align:center;vertical-align:middle;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
.header1 .headerAction button {color:#FFF;background:#08F;border:0}
.header1 .headerAction button:hover{background:#06F}

.header{display:none;background:#FFF;background-color:rgba(255,255,255,0.9);height:74px;/***保证头部包含logo 20141226***/line-height:44px;padding:16px 0;position:fixed;border-bottom:solid 1px #DDD;width:100%;top:0;z-index:99}

.header:before,.header:after{content:" ";display:table}
.header:after{clear:both}
.header .logo{display:inline-block;vertical-align:middle}
.header .logo img{vertical-align:middle}
.header .headerAction{float:right;position:relative}

.header .headerAction .headerReg{width:255px;outline:0;padding:9px;font-size:14px;height:18px;line-height:24px;vertical-align:middle;color:#999;border:solid 1px #8f8f8f;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}




.header .headerAction .headerReg.warm{-webkit-animation-name:shake;animation-name:shake}
.header .headerAction .headerReg:focus{-webkit-box-shadow:0 0 5px #06c;box-shadow:0 0 5px #06c;border-color:#06c}

.header .headerAction button{margin-left:8px;display:inline-block;padding:0 23px;height:38px;line-height:38px;border:solid 1px #cfcfcf;color:#1a1a1a;font-size:14px;text-align:center;vertical-align:middle;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.header .headerAction button.headerBtnReg{color:#FFF;background:#08F;border:0}
.header .headerAction button.headerBtnLogin{color:#FFF;background:#08F;border:0}
.header .headerAction button.headerBtnReg:hover{background:#06F}
.header .headerAction button.headerBtnLogin:hover{background:#06F}
.header .headerAction .tooltip{line-height:150%;width:275px;top:100%;margin-top:8px}
.header .headerAction .tooltip .arrow{top:-8px;border-top:0;border-bottom:solid 8px #ff5050}

.banner{
background:#000 url("../media/img/streaming_reading.png") no-repeat;
background-position:100% 100%;
/*** 用 100% 100%; 好，以便最接近当前时间 2014年
background-position:0% 100%;
background-position:100% 100%; 
background-position:center;
background-position:right bottom;  
min-height: 672px;
**/
background-attachment:fixed;
background-size:cover;
background-image:none\9;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../media/img/streaming_reading.png',sizingMethod='scale') \9
}
.banner .container{position:relative;height:100%}
.banner .container:before,.banner .container:after{content:" ";display:table}
.banner .container:after{clear:both}

.banner .logo{width:60px;height:55px;background:url("../media/img/Reuiew_logo_index1.png") no-repeat -311px 0;float:left;margin-top:0px}
.banner .logo{position:absolute;left:0px;}
.banner .cechange{position:absolute;top:10px;right:0px;font-size:20px;}

/*** Reuiew  流阅读，提升审阅效率数十倍  0000000  ***/
.banner .sloganArea {position:absolute;top:85%;top:82%\9;margin-top:-130px;font-size:2.0rem;text-align:center;}
.banner .sloganInput0 {position:relative;float:left;width:230px;}/*** 无“网站”时 ***/
.banner .sloganInput {position:relative;float:right;}

.reButton{position:relative;top:80%;margin-bottom:10px;}

.banner .btnNewFeature{position:relative;z-index:2;float:left;width:100px;height:48px;line-height:48px;font-size:16px;background:#06C;color:#FFF;border:solid 1px #0058b0;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.btnNewFeature{display:block;font-size:16px;background:0;color:#999}
.btnNewFeature{display:inline-block;width:160px;height:50px;vertical-align:middle;background:#06F}
.btnNewFeature:hover .iconFeature{background-position:-78px -59px}

.banner .btnNewFeature:hover{background:#06F}
.banner .btnLogin:hover{background:#06F}
.banner .btnLogin{position:relative;z-index:2;float:right;width:100px;height:48px;line-height:48px;font-size:16px;background:#06C;color:#FFF;border:solid 1px #0058b0;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

/***** 首屏及头部 end ***/






/***** 6屏 及 底部  ***/
.section9{color:#FFF;padding-bottom:318px;background:#000}
.section9 .videoContainer{margin-top:77px;overflow:hidden;position:relative;text-align:center;height:360px;background:#000}

.contactLinks .mobileAvIcon{display:inline-block;width:380px;height:167px;margin-top:30px;}
.contactLinks a{margin-left:70px;margin-top:20px;color:#DDD;}
.contactLinks a.link{position:relative;top:-25px;display:inline-block;width:33px;height:33px;line-height:33px;text-align:center;background:#7e7e7e;border-radius:4px;background-clip:padding-box;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.contactLinks .link:hover{background:#FFF}
.contactLinks .linkMD{width:110px!important}

@media(max-height:650px){.section9 .footerLinks{background:rgba(0,0,0,0.7)}
.section9 .footerLinks dl a{color:#DDD}
.section9 .footerLinks dl dt{color:#DDD}
.section9 .contactLinks .contactWay a{background:#DDD}
.section9 .footer{background:0}
.section9 .videoContainer{overflow:visible}}
@media(max-width:1200px){.footerLinks dl{margin-right:20px}}
.footer{font-family:Arial,'Hiragino Sans GB','md-hsgb','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif;font-size:14px;background:#FFF;color:#191918;width:100%;-webkit-transform:translateZ(0)}
.footer img{vertical-align:middle}
.footer .container{margin:0 auto;width:1000px}
.footerLinks{padding-top:20px;padding-bottom:20px;background:#181818;font-size:12px}
.footerLinks dl{width:109px;margin:0;margin-right:24px;float:left}
.footerLinks dl a{color:#727272;text-decoration:none;font-weight:bold}
.footerLinks dl a:hover{color:#EEE}
.footerLinks dl dt{font-size:16px;color:#8f8f8f;margin-top:10px;margin-bottom:12px}
.footerLinks dl dd{line-height:28px;margin:0}
.contactLinks{display:inline-block;width:430px;height:190px}
.contactLinks .bgOpacity:hover{-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}
.contactLinks .bgOpacity{-moz-opacity:.60;opacity:.60;filter:alpha(opacity=60)}


/***** 九屏 及 底部 end ***/


/***** service ***/
#container {
margin-top: 7em;transition: transform .2s cubic-bezier(.16, .68, .43, .99);
}
#pricing {
padding-top: 0em;
padding-bottom: 3em;
}
#pricing #lead-in {
width: 62rem;
margin: 0 auto;
text-align: center;
}
#pricing #lead-in div.wrapper {
float: right;
margin: 0 0 1em 0;
width: 56.5em;
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
#pricing #lead-in h2 {
margin-bottom: 0.5em;
font-family: "franklin_gothic_fs_capsCn",helvetica,arial;
line-height: 1.1;
margin-top: 20px;
margin: .67em 0;
}
.section-header {
font-size: 30px;
text-align: center;
color: #575E61;
font-weight: 400;
text-transform: none;
margin-bottom: 2.625px;
line-height: 1.1;
}

#pricing #table {
width: 62rem;
margin: 0 auto;
margin-bottom: 2em;
}
#pricing #table table {
width: 100%;
border-collapse: collapse;
font-size: 1.2em;
color: #777777;
border-spacing: 0;
}
#pricing #table table colgroup.notes {
width: 20em;
border-left: none;
}
#pricing #table table colgroup.data {
width: 218px;
}
thead {
display: table-header-group;
vertical-align: middle;
border-color: inherit;
}
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
#pricing #table table tr td:first-child, #pricing #table table tr th:first-child {
border-left: none;
text-align: right;
padding-left: 0;
}
#pricing #table table th {
border-width: 0 1px;
background-image: url('../media/img/th-bottom-wedge.png');
background-repeat: no-repeat;
background-position: bottom;
text-transform: uppercase;
color: white;
font-size: 1em;
padding: 1em 0 2.1em 0;
-webkit-border-radius: 6px 6px 0 0;
-webkit-background-clip: padding-box;
-moz-border-radius: 6px 6px 0 0;
-moz-background-clip: padding;
border-radius: 6px 6px 0 0;
background-clip: padding-box;
font-weight: 300;
}
#pricing #table table td, #pricing #table table th {
border: 1px solid #DDD;
}
#pricing #table table tr td:first-child:before, #pricing #table table tr th:first-child:before {
content: "";
background-color: black;
display: block;
position: absolute;
background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 50%);
height: 1px;
width: 100%;
top: -1px;
left: 0;
}
/*** 调背景颜色 ***/
#pricing #table table th.basic, #pricing #table table th.custom {
background-color: #F5F5F5;
}
#pricing #table table th.premium {
background-color: #3E4B75;
}
#pricing #table table th.basic, #pricing #table table th.custom {
background-color: #8090BC;
}
#pricing #table table th.basic, #pricing #table table th.custom {
background-color: #3C3C3C;
}

#pricing #table table th.basic {
background-color: #ADADAD;
}
#pricing #table table th.premium {
background-color: #7B7B7B;
}
#pricing #table table th.prof {
background-color: #5B5B5B;
}
#pricing #table table th..custom {
background-color: #3C3C3C;
}

tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
#pricing #table table tbody tr:first-child td {
padding-top: 0;
border-top: none;
}
#pricing #table table td.pricing-note {
font-style: italic;
font-size: 0.8em;
color: #777777;
border-bottom: none;
}
#pricing #table table td {
padding: 1em;
text-align: center;
border-collapse: collapse;
border-spacing: 0;
position: relative;
margin: 0;
}
#pricing #table table td span.price {
font-size: 2em;
font-weight: 300;
}
#pricing #table table td span.dollar, #pricing #table table td span.price {
color: #81C4FF;
}
#pricing #table table td span.dollar {
font-size: 1em;
display: inline-block;
vertical-align: top;
position: relative;
left: 0.2em;
}
#pricing #table table td span.month {
color: #777;
position: relative;
left: -0.4em;
font-size: 0.9em;
}


#pricing #table table td span.tick {
background: url("../media/img/00cankao.png") top left no-repeat;
-webkit-background-size: 600px auto;
-moz-background-size: 600px auto;
background-size: 600px auto;
display: inline-block;
vertical-align: middle;
width: 24px;
height: 24px;
background-position: -497px -19px;
}
.tick {
width: 24px;
height: 24px;
background-position: -217px -295px;
}
#pricing #table table td.custom-blurb {
vertical-align: top;
}
#pricing #table table td.custom-blurb h4 {
font-weight: 300;
margin-bottom: 0.6em;
}
#pricing #table table td.custom-blurb span.examples {
display: block;
font-size: 0.8em;
margin-bottom: 2em;
}

#pricing #table table td button {
padding: 1em;
/*** 
width: 100%;
***/
color: white;/*** #000000;  ***/
font-size: 14px;
white-space: nowrap;
-webkit-border-radius: 2em;
-webkit-background-clip: padding-box;
-moz-border-radius: 2em;
-moz-background-clip: padding;
border-radius: 2em;
background-clip: padding-box;
}
button.primary {
color:#FFF;background:#08F;border:0;
-webkit-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.65), inset 0 15px 20px -10px rgba(255, 255, 255, 0.1);
-moz-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.65), inset 0 15px 20px -10px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.65), inset 0 15px 20px -10px rgba(255, 255, 255, 0.1);
padding: 1em;
color: white;
font-size: 1.1em;
display: block;
width: 100%;
-webkit-transition: -webkit-box-shadow 0.2s;
-moz-transition: -moz-box-shadow 0.2s;
-o-transition: box-shadow 0.2s;
transition: box-shadow 0.2s;
}
button.primary:hover{background:#0072E3;}
#pricing #table table td.custom-blurb span.contact {
display: block;
margin-top: 2em;
}

/***** servic end ***/


/***** 以下是 弹出 div 
****/
.homeDialog.loginDialog{opacity:0;width:347px;right:100px;margin-left:-173px;margin-top:-167px;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(-70deg);-ms-transform:rotateX(-70deg);-o-transform:rotateX(-70deg);transform:rotateX(-70deg);-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.homeDialog.loginDialog.show{display:block;-webkit-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);transform:rotateX(0);opacity:1}

.homeDialog.loginDialog.active{display:block}
.homeDialog.loginDialog .loginWrapper{padding:55px 20px 5px}

.homeDialog.loginDialog input{outline:0;display:block;width:100%;line-height:24px;height:44px;border:solid 1px #aeaeae;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;margin-bottom:13px;padding:9px;font-size:16px;color:#666}

.homeDialog.loginDialog .btnLoginSubmit{font-size:16px;display:block;width:100%;text-align:center;color:#FFF;background:#0080ff;line-height:42px;margin-top:24px;border:solid 1px #06C;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.homeDialog.loginDialog .verifyCode input{width:150px;display:inline-block;margin:0 10px 0 0}
.homeDialog.loginDialog .verifyCode img{height:44px;width:auto;vertical-align:top;cursor:pointer}

.homeDialog.loginDialog .loginAlert{padding:10px;line-height:19px;margin-bottom:10px;background:#ffd0d0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.homeDialog.loginDialog .loginAction{margin:13px 0;font-size:12px}
.homeDialog.loginDialog .loginAction .forgetPsd{float:right;color:#575757}

.homeDialog.loginDialog .loginCheck{position:relative;display:inline-block;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:solid 1px #aeaeae;overflow:hidden;width:14px;height:14px;vertical-align:-3px;line-height:18px;margin-right:5px;cursor:pointer;text-align:center}

.homeDialog.loginDialog .loginCheck.checked 
/***
.iconChecked{display:inline-block;background:url("../media/img/00mdIcon.png") -138px -13px;width:10px;height:8px;vertical-align:2px}
***/

.homeDialog.loginDialog .loginCheck input{display:block;opacity:0;filter:alpha(opacity=0) \9;position:absolute;z-index:2;left:0;top:0;margin:0;width:14px;height:14px;cursor:pointer}

.homeDialog.loginDialog .authLogin{padding:16px 20px;margin-top:30px;border-top:solid 1px #e6e5e5;background:#f8f8f8;color:#999;font-size:14px}

.homeDialog.loginDialog .authLogin 
/***.iconQQ{display:inline-block;width:23px;height:23px;background:url("../media/img/00mdIcon.png") no-repeat -164px 0;vertical-align:-6px}
***/

.homeDialog.loginDialog .authLogin .iconQQ:hover{background-position:-187px 0}

@-webkit-keyframes bouncedelay{0%,80%,100%{opacity:0}40%{opacity:1}}
@keyframes bouncedelay{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}
.homeDialog{position:absolute;width:478px;margin-left:-239px;margin-top:-287px;top:50%;left:50%;background:#FFF;color:#575757;z-index:999;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

/*** 弹出 div 关闭 00000 ok ***/
.homeDialog .btnClose{position:absolute;right:-25px;top:-16px}
.homeDialog .btnClose 
.iconClose{cursor:pointer;display:inline-block;width:13px;height:13px;background:url("../media/img/allinone.png");background-position:-83px -18px}
.homeDialog .btnClose .iconClose:hover{background-position:-83px -46px}
.appDialog{width:346px;margin-left:-173px;margin-top:-180px}
.appDialog .dialogContainer{padding:36px}



/**** 以下不能删：控制翻页时间、控制底色灰暗、控制翻页 ****/
.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fp-easing{-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
#fp-nav{position:fixed;z-index:9999;right:17px;top:50%}
#fp-nav li{display:block;width:14px;height:13px;margin:7px;position:relative}
#fp-nav li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}
#fp-nav li a span{top:2px;left:2px;width:8px;height:8px;border:1px solid #333;filter:alpha(opacity=100) \9;background:rgba(0,0,0,0);position:absolute;z-index:1;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
#fp-nav li a.active span{background:#000}.homeLayover{position:fixed;background:#000;background:rgba(0,0,0,0.8);filter:alpha(opacity=80) \9;top:0;left:0;bottom:0;right:0;z-index:998}



/**** 创建间隔，使得 帮助读者 和 帮助网站 能分开 

****/
@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}20%,60%{-webkit-transform:translate3d(-7px,0,0);transform:translate3d(-7px,0,0)}40%,80%{-webkit-transform:translate3d(7px,0,0);transform:translate3d(7px,0,0)}}

@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}20%,60%{-webkit-transform:translate3d(-7px,0,0);-ms-transform:translate3d(-7px,0,0);transform:translate3d(-7px,0,0)}40%,80%{-webkit-transform:translate3d(7px,0,0);-ms-transform:translate3d(7px,0,0);transform:translate3d(7px,0,0)}}


/***
**/


