@charset "utf-8";
/* yijile.com/f 1.1 */
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, 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, input, legend, textarea, select, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, hr {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; font-family: inherit; font-style: normal; font-weight: normal; background-color:transparent;}
body { font-family:Helvetica, Tahoma, Arial, "STXihei", "华文细黑", "Microsoft YaHei", "微软雅黑", "SimSun", "宋体", "Heiti", "黑体", sans-serif; font-size: 12px; }
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
input[type="submit"]{cursor:pointer;}
input:focus{outline: none;}

a:link{text-decoration: none;color: #1e1e1e;}
a:hover{text-decoration: underline;color: #008417;}
a:visited{color: #295437;text-decoration: none;}

/* yijile.com/f 1.2 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

/* yijile.com/f 3 */
.float-a, .container {margin: 0 auto;}
.float-l {float: left;}
.float-r {float: right;}
.float-no , .container{zoom: 1; }
.float-no:after , .container:after{content: "\20"; display: block; height: 0; clear: both; visibility: hidden; }

.ulnav{}
.ulnav li{float: left;}
.ulnav li a{display: inline-block;}
.ulnav li.line {color:#ccc;padding: 0px;}

.hr-style hr{border-top: 1px solid #cacaca;border-bottom: 1px solid #f5f5f5;}

.container{width:1024px;}

.tutorials-topic{background: #F0F0F0;}
 /*udashi-header*/
.udashi-header{height: 70px;background: #fff;} 
/* 与主站统一样式  20140707 1700
.udashi-logo{width: 330px;}
.udashi-logo a{display: block;text-decoration: none;}.udashi-logo a:hover{text-decoration: none; }
.udashi-logo img{display: block;padding-right: 10px; height: 54px;margin-top: 8px; border-right: 1px #ccc solid; float: left;margin-right: 10px;}
.udashi-logo strong{padding-top: 12px;display: block;  font-size: 20px;font-weight: bold;color: #222;}
.udashi-logo em{display: block; font-size: 16px; line-height: 1.8em;color: #666;}

.udashi-nav{padding-top: 19px;}
.udashi-nav a{padding: 0px 10px;height: 32px;line-height: 32px;display: block;color: #555;margin-right: 10px;font-size:14px;}
.udashi-nav a:hover, .udashi-nav li.current a{background: #216fc3; color: #fff;text-decoration: none;}
*/
.udashi-logo { float: left; background: url("../images/brand.png") no-repeat 0 0; margin-top: 7px; margin-left: 4px; _display: inline; _zoom: 1; }
.udashi-logo, .udashi-logo a { width: 319px; height: 54px; overflow: hidden; }
.udashi-logo a{display: block; text-indent: -9999px;}
.udashi-nav { float: right; margin-top: 17px; }
.udashi-nav li { float: left; width: 81px; height: 35px; line-height: 35px; _display: inline; _zoom: 1; margin-right: 5px; }
.udashi-nav li a { display: block;text-align: center;font-size:14px;font-family: "宋体", Arial;}
.udashi-nav li a.active { background: #216fc3 url("../images/sprite.png") no-repeat 0 0; color: #FFF; } 
 
/*tutorials-topic*/
.tt-header, .tt-navigation {background: #e5e5e5;}
.tt-header{}
.tth-logo{height: 100px;line-height: 100px;}
.icon-tth-title{margin: 30px 5px 0px 0px;background: url(../images/icon-tth-title.png) no-repeat;width: 38px;height: 38px;display: inline-block;}
.tth-title{font-size: 28px;}
.tth-title em{color: #008BCC;} 
.tth-wpqq{padding: 40px 0px 0px 10px;}
.tt-navigation {padding-top: 6px;border-bottom: 1px solid #cacaca;height: 40px;}

.tt-navigation ul {height: 40px;position: relative;}
.tt-navigation ul li {}
.tt-navigation .drop-show{position: relative;}
.tt-navigation .drop-show:hover .navigation-drop{display: block;}
.tt-navigation .drop-show .navigation-drop{position: absolute;left: 5px;top: 41px;width: 167px;background-color: #e5e5e5;display: none;}
.tt-navigation .drop-show .navigation-drop li{width: 167px;}
.tt-navigation .drop-show .navigation-drop li a{height: 40px;font-size: 16px; text-align: center;width: 167px;padding: 0; line-height: 40px; color: #000; text-decoration: none;margin: 0;}
.tt-navigation .drop-show .navigation-drop li a:hover{color: #FFF; background-color: #2ABBFF;}
.tt-navigation ul li a {   height: 40px;font-size: 16px; text-align: center;padding: 0px 15px; line-height: 40px; color: #000; text-decoration: none; margin: 0 5px;}
.tt-navigation ul li a:hover { color: #FFF; background-color: #2ABBFF; }
.tt-navigation li.current a{background: #F0F0F0;border-top: 1px solid #cacaca;border-left: 1px solid #cacaca;border-right: 1px solid #cacaca;margin: 0px 5px;height: 40px;}  
.ttn-scroll li.current a{margin: 0px 5px 0px 0px;}
.tt-navigation li.current a:hover{background: #F0F0F0;color: #000;}

.ttn-scroll{position: fixed; width: 100%; margin: 0; left: 0; top: 0;padding-top: 0px;border-bottom: 1px solid #0785c0;z-index: 1001;}
.ttn-scroll ul li a{color: #555;}
.ttn-scroll ul li a:hover{background: #fff;color: #2abaff;}
.ttn-scroll ul li.current a, .ttn-scroll ul li.current a:hover{background: #0785c0; border: none;color: #fff;}


.tts-udashi{border: 1px solid #cacaca;margin-top: 10px;background:#F7F7F7;}
.ttsu-avatar{width: 100px;padding: 10px 10px 0px;display: block;background:#fff;border-right: 1px solid #cacaca;} 
.ttsu-avatar img{width: 100px;height: auto;display: block;}
.ttsu-avatar strong{font-size: 14px;height: 28px;line-height: 28px;display: block;text-align: center;}
.ttsu-content{width: 860px;padding:18px;color:#363636;line-height: 1.84em;font-size: 14px;height: 100px;overflow: hidden;}

.tt-main{margin-top: 10px;} 
.tt-sidebar{ width: 228px;}
.ttm-stepnav{width: 228px;}
.ttm-stepnav ul{border: 1px solid #ccc;background: #ccc;font-family: Arial;}
.ttm-stepnav li{padding-bottom: 1px;height: 39px;overflow: hidden;}
.ttm-stepnav li a { line-height: 30px; padding: 4px 0px; display: block; background: #FFF; font-size: 12px;}
.ttm-stepnav li a:hover, .ttm-stepnav li a.active{background: #2abaff;color: #fff;text-decoration: none;font-size: 14px;}
.ttm-stepnav li a em{ background: #2abaff; color: #fff; display: inline-block; width:30px; height: 30px; line-height: 30px; text-align: center; margin-right: 4px;font-size: 16px;}
.ttm-stepnav li a:hover em{background:transparent;; color: #fff;font-size: 20px;}

.tt-content{width: 748px;background: #fff;padding: 10px 20px 40px;}
.ttc-title{font-size: 28px;margin: 10px 0px;}
.ttc-meta{font-size: 12px; color:#8A8A8A;margin-bottom: 30px;}
.ttc-step{font-family:Helvetica, Tahoma, Arial;}
.ttc-step h2 { font-size: 22px; line-height: 40px; border-bottom: 1px solid #C5C5C5; margin: 20px 0px; }
.ttc-step p{font-size: 14px;line-height: 1.6em;margin:1em 0px; }
.ttc-step blockquote { padding:2px 8px 2px 20px; border-left: 5px solid #ccc;margin: 1em 40px; }
.ttc-step blockquote h3{margin: 1em 0px;font-size: 14px;}
.ttc-step blockquote p{font-size: 12px;}
.ttc-step a{color: #0782C1;text-decoration: underline;}
.ttc-step a:hover{color: #1500B3;}
.ttc-step a:visited{color: #595388;}
.ttc-step strong{font-weight: bold;color: red;}
.ttc-step img{max-width: 640px;height: auto;display: inline-block; }

.ttc-step table{text-indent: 1em; width:100%;border-top: 1px #E4E4E4 solid;border-left: 1px #E4E4E4 solid;line-height: 2.6em;font-size: 13px;}
.ttc-step table tr{border-bottom: 1px #E4E4E4 solid;}
.ttc-step table tr.ttcs-pp{background: #2878CE; color: #fff; }
.ttc-step table tr.ttcs-tip{background: #FFFDC2;}
.ttc-step table tr.ttcs-os{background:#F4FAFF;}
.ttc-step table td, .ttc-step table th{border-right: 1px #E4E4E4 solid;}
.ttc-step table th{background: #F7F7F7;text-align: left;}

.ts-item { margin: 30px 0px; padding-bottom: 15px; }
.ttc-version { }
.ttc-version a{font-size: 16px; color: #fff; padding: 10px 10px 10px 52px;height: 32px;line-height:32px; display: inline-block;margin-right: 10px;}
.ttc-version a:hover{color: #fff;}
.ttc-version a.icon-ttc-v{background:#0078E7 url(../images/ttc-version-v.png) no-repeat 10px center; }
.ttc-version a.icon-ttc-i{background:#008A2C url(../images/ttc-version-i.png) no-repeat 10px center;}

a.lightbox {position: relative;}
a.lightbox em{background-color:rgba(255,255,255,0.7)!important; background:#fff; filter:alpha(opacity=70);   *background:#fff; *filter:alpha(opacity=70); position: absolute; right: 8px;bottom: 10px;display: block; border: #ccc 1px solid;color: #000;font-size: 14px;line-height: 24px;height: 24px;padding: 0px 8px 0px 24px; text-decoration: none;background-image: url(../images/max-img.png);background-position: 5px center;background-repeat: no-repeat;}

/*udashi-footer*/
.udashi-footer{background:#f7f7f7;padding: 20px 0px;color: #777;}
.udashi-footer a{color: #216fc3;}
.udashi-footer .uf-nav li.line{padding: 0px 15px;}
.tongji {width: 100%;height: 1px;padding-top: 1px;overflow: hidden;font-size: 12px;text-indent: -9999em;}

.hhwb{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.tongji span {display: none;}

.highlight{background:#E70000; font-weight: bold; color:#fff;}
.sszb{height: 34px; width: 208px;}
.sszb-t{border: 1px #137FC7 solid; line-height: 32px; font-size: 14px; text-indent: 0.4em;height: 32px;}
.sszb-b{background: #137FC7; color: #fff; width: 46px; height: 34px;}

/*homelist*/
.homelist{padding: 20px 0px;}
.hl-item{width: 300px;padding: 10px;}
.hl-item h2{font-size: 18px;line-height: 36px;height: 36px;}
.hl-item h2 a{}
.hl-item ul{}
.hl-item li{line-height: 28px;height: 28px;width: 300px;overflow: hidden;}
.hl-item li a{}

/*jquery-lightbox*/
.jquery-lightbox-move *{webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.jquery-lightbox-overlay{background:#000000;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.jquery-lightbox{position:relative;padding:17px 0;}
.jquery-lightbox-title{background:#000000;color:#FFFFFF;font-family:Arial,serif;font-size:13px;/*font-style:italic;*/line-height:16px;position:absolute;bottom:0;z-index:7000;opacity:0.9;padding:10px 8px;}
.jquery-lightbox-html{z-index:7000;position:relative;border:0;vertical-align:top;-webkit-overflow-scrolling:touch;padding:0 22px;}
.jquery-lightbox-html embed,.jquery-lightbox-html object,.jquery-lightbox-html iframe{vertical-align:top;display:block;}
.jquery-lightbox-background{position:absolute;top:7px;left:7px;z-index:6999;float:left;-moz-box-shadow:0 0 40px #000000;-webkit-box-shadow:0 0 40px #00000;box-shadow:0 0 40px #000000;padding:0;}
.jquery-lightbox-background img{display:block;position:relative;border:0;width:100%;height:100%;margin:0;padding:0;}
.jquery-lightbox-mode-image .jquery-lightbox-html{z-index:6998;padding:0;}
.jquery-lightbox-mode-html .jquery-lightbox-background{background:#FFFFFF;}
.jquery-lightbox-mode-html .jquery-lightbox-html{overflow:auto;}
.jquery-lightbox-loading,.jquery-lightbox-mode-html .jquery-lightbox-loading{background:#FFFFFF url(../images/loading.gif) no-repeat center center;}
.jquery-lightbox-button-close{background:#000000 url(../images/jquery-lightbox-theme.png) no-repeat -96px 0;position:absolute;top:7px;right:-41px;width:48px;height:45px;}
.jquery-lightbox-buttons .jquery-lightbox-button-left{background:#000000 url(../images/jquery-lightbox-theme.png) no-repeat 0 0;cursor:pointer;display:block;height:69px;left:-41px;margin-top:-34px;position:absolute;top:50%;width:48px;z-index:7003;}
.jquery-lightbox-buttons .jquery-lightbox-button-right{background:#000000 url(../images/jquery-lightbox-theme.png) no-repeat -48px 0;cursor:pointer;display:block;height:69px;right:-41px;margin-top:-34px;position:absolute;top:50%;width:48px;z-index:7003;}
.jquery-lightbox-buttons .jquery-lightbox-button-max{background:#000000 url(../images/jquery-lightbox-theme.png) no-repeat -144px 0;position:absolute;top:45px;right:-41px;width:48px;height:45px;}
.jquery-lightbox-buttons .jquery-lightbox-button-min{background:#000000 url(../images/jquery-lightbox-theme.png) no-repeat -192px 0;position:absolute;top:45px;right:-41px;width:48px;height:45px;}
.jquery-lightbox-buttons-custom{position:absolute;top:7px;left:-41px;width:48px;}
.jquery-lightbox-buttons-custom a{width:48px;height:45px;display:inline;float:left;color:#FFFFFF;font-size:10px;font-weight:normal;text-decoration:underline;}
.jquery-lightbox-border-top-left,.jquery-lightbox-border-top-right,.jquery-lightbox-border-bottom-left,.jquery-lightbox-border-bottom-right,.jquery-lightbox-border-top-left,.jquery-lightbox-border-top-right,.jquery-lightbox-border-top-middle,.jquery-lightbox-border-bottom-left,.jquery-lightbox-border-bottom-right,.jquery-lightbox-border-bottom-middle,.jquery-lightbox-button-close span,.jquery-lightbox-buttons span,.jquery-lightbox-navigator,.jquery-lightbox-hide{display:none;}
@media screen and max-device-width 640px,screen and max-device-width 768px and -webkit-min-device-pixel-ratio 2,screen and max-device-width 768px and max--moz-device-pixel-ratio 2 {
.jquery-lightbox-button-close,.jquery-lightbox-buttons .jquery-lightbox-button-left,.jquery-lightbox-buttons .jquery-lightbox-button-right,.jquery-lightbox-buttons .jquery-lightbox-button-max,.jquery-lightbox-buttons .jquery-lightbox-button-min{background-image:url(../images/jquery-lightbox-theme-mobile.png);background-size:672px auto;}
.jquery-lightbox-button-close{background-position:-192px 0;width:96px;height:90px;right:-89px;}
.jquery-lightbox-buttons .jquery-lightbox-button-left{width:96px;height:138px;margin-top:-69px;left:-89px;}
.jquery-lightbox-buttons .jquery-lightbox-button-right{background-position:-96px 0;width:96px;height:138px;margin-top:-69px;right:-89px;}
.jquery-lightbox-buttons .jquery-lightbox-button-max{background-position:-288px 0;top:90px;right:-89px;width:96px;height:90px;}
.jquery-lightbox-buttons .jquery-lightbox-button-min{background-position:-384px 0;top:90px;right:-89px;width:96px;height:90px;}
}
.jquery-lightbox-button-close,.jquery-lightbox-button-close:hover{_background:#000000 url(../images/jquery-lightbox-theme.gif) no-repeat -96px 0;}
.jquery-lightbox-buttons .jquery-lightbox-button-left,.jquery-lightbox-buttons .jquery-lightbox-button-left:hover{_background:#000000 url(../images/jquery-lightbox-theme.gif) no-repeat 0 0;}
.jquery-lightbox-buttons .jquery-lightbox-button-right,.jquery-lightbox-buttons .jquery-lightbox-button-right:hover{_background:#000000 url(../images/jquery-lightbox-theme.gif) no-repeat -48px 0;}
.jquery-lightbox-buttons .jquery-lightbox-button-max,.jquery-lightbox-buttons .jquery-lightbox-button-max:hover{_background:#000000 url(../images/jquery-lightbox-theme.gif) no-repeat -144px 0;}
.jquery-lightbox-buttons .jquery-lightbox-button-min,.jquery-lightbox-buttons .jquery-lightbox-button-min:hover{_background:#000000 url(../images/jquery-lightbox-theme.gif) no-repeat -192px 0;}