/*!
 * Copyright 2013 Twitter, Inc.
 *
 * Licensed under the Creative Commons Attribution 3.0 Unported License. For
 * details, see http://creativecommons.org/licenses/by/3.0/.
 */


/*
 * Bootstrap Documentation
 * Special styles for presenting Bootstrap's documentation and code examples.
 *
 * Table of contents:
 *
 * Scaffolding
 * Main navigation
 * Footer
 * Social buttons
 * Homepage
 * Page headers
 * Old docs callout
 * Ads
 * Side navigation
 * Docs sections
 * Callouts
 * Grid styles
 * Examples
 * Code snippets (highlight)
 * Responsive tests
 * Glyphicons
 * Customizer
 * Miscellaneous
 */


/*
 * Scaffolding
 *
 * Update the basics of our documents to prep for docs content.
 */

body{position:relative; /* For scrollyspy */}

a.btn, button.btn, input.form-control, select.form-control, textarea.form-control {border-radius: 0;}

/* Keep code small in tables on account of limited space */
.table code{
font-size:13px;
font-weight:normal;
}

/* Outline button for use within the docs */
.btn-outline{
color:#10a0ea;
background-color:#fff;
border-color:#e5e5e5;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active{
color:#fff;
background-color:#10a0ea;
border-color:#10a0ea;
}

/* Inverted outline button (white on dark) */
.btn-outline-inverse{
color:#fff;
background-color:transparent;
border-color:#fff;
}
.btn-outline-inverse:hover,
.btn-outline-inverse:focus,
.btn-outline-inverse:active{
color:#10a0ea;
text-shadow:none;
background-color:#fff;
border-color:#fff;
}


/*
* Main navigation
*
* Turn the `.navbar` at the top of the docs purple.
*/
.blog-masthead{background-color:#444;height:40px;}
.blog-nav-item{display:inline;font-weight:500;color:#fff;line-height:40px;margin:0 15px;}
.blog-nav-item:hover,.blog-nav-item:focus{color:#ddd;text-decoration:none;}
.blog-nav .active{color:#fefefe;}

/*
* Social buttons
*
* Twitter and GitHub social action buttons (for homepage and footer).
*/

.ue-social{
margin-top:20px;
margin-bottom:20px;
text-align:center;
}
.ue-social-buttons{
display:inline-block;
margin-bottom:0;
padding-left:0;
list-style:none;
}
.ue-social-buttons li{
display:inline-block;
line-height:1;
padding:5px 8px;
}
.ue-social-buttons .twitter-follow-button{
width:225px !important;
}
.ue-social-buttons .twitter-share-button{
width:98px !important;
}
/* Style the GitHub buttons via CSS instead of inline attributes */
.github-btn{
border:0;
overflow:hidden;
}

@media (min-width:768px){
.ue-social{
	text-align:left;
}
.ue-social-buttons li:first-child{
	padding-left:0;
}
}


/*
* Topography, yo!
*
* Apply the map background via base64 and relevant colors where we need 'em.
*/

.ue-docs-home,
.ue-header{
color:#cdbfe3;
background-color:#3bb4f2;
}


/*
* Homepage
*
* Tweaks to the custom homepage and the masthead (main jumbotron).
*/

/* Masthead (headings and download button) */
.ue-masthead{
position:relative;
padding:30px 15px;
text-align:center;
text-shadow:0 1px 0 rgba(0,0,0,.15);
}
.ue-masthead h1{
font-size:50px;
line-height:1;
color:#fff;
}
.ue-masthead .btn-outline-inverse{
margin:10px;
}

/* Links to project-level content like the repo, Expo, etc */
.ue-masthead-links{
margin-top:20px;
margin-bottom:40px;
padding:0 15px;
list-style:none;
text-align:center;
}
.ue-masthead-links li{
display:inline;
}
.ue-masthead-links li + li{
margin-left:20px;
}
.ue-masthead-links a{
color:#fff;
}

@media (min-width:768px){
.ue-masthead{
	text-align:left;
	padding-top:   140px;
	padding-bottom:140px;
}
.ue-masthead h1{
	font-size:100px;
}
.ue-masthead .lead{
	margin-right:25%;
	font-size:30px;
}
.ue-masthead .btn-outline-inverse{
	width:auto;
	margin:20px 5px 20px 0;
	padding:18px 24px;
	font-size:21px;
}
.ue-masthead-links{
	padding:0;
	text-align:left;
}
}


/*
* Page headers
*
* Jumbotron-esque headers at the top of every page that's not the homepage.
*/


/* Page headers */
.ue-header{
padding:30px 15px 40px; /* side padding builds on .container 15px, so 30px */
font-size:16px;
text-align:center;
text-shadow:0 1px 0 rgba(0,0,0,.15);
}
.ue-header h1{
color:#fff;
}
.ue-header p{
font-weight:300;
line-height:1.5;
}
.ue-header .container{
position:relative;
}

@media (min-width:768px){
.ue-header{
	font-size:21px;
	text-align:left;
}
.ue-header h1{
	font-size:60px;
	line-height:1;
}
}

@media (min-width:992px){
.ue-header h1,
.ue-header p{
	margin-right:380px;
}
}


/*
* Carbon ads
*
* Single display ad that shows on all pages (except homepage) in page headers.
* The hella `!important` is required for any pre-set property.
*/

.carbonad{
width:auto !important;
margin:50px -30px -40px !important;
padding:20px !important;
overflow:hidden; /* clearfix */
height:auto !important;
font-size:13px !important;
line-height:16px !important;
text-align:left;
background:#463265 !important;
border:0 !important;
box-shadow:inset 0 3px 5px rgba(0,0,0,.075);
}
.carbonad-img{
margin:0 !important;
}
.carbonad-text,
.carbonad-tag{
float:none !important;
display:block !important;
width:auto !important;
height:auto !important;
margin-left:145px !important;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.carbonad-text{
padding-top:0 !important;
}
.carbonad-tag{
color:#cdbfe3 !important;
text-align:left !important;
}
.carbonad-text a,
.carbonad-tag a{
color:#fff !important;
}
.carbonad #azcarbon > img{
display:none; /* hide what I assume are tracking images */
}

@media (min-width:768px){
.carbonad{
	margin:0 !important;
	border-radius:4px;
	box-shadow:inset 0 3px 5px rgba(0,0,0,.075), 0 1px 0 rgba(255,255,255,.1);
}
}

@media (min-width:992px){
.carbonad{
	position:absolute;
	top:20px;
	right:15px; /* 15px instead of 0 since box-sizing */
	padding:15px !important;
	width:330px !important;
}
}

/* Homepage variations */
.ue-docs-home .carbonad{
margin:0 -15px 40px !important;
}
@media (min-width:480px){
.ue-docs-home .carbonad{
	width:330px !important;
	margin:0 auto 40px !important;
	border-radius:4px;
}
}
@media (min-width:768px){
.ue-docs-home .carbonad{
	float:left;
	width:330px !important;
	margin:0 0 30px !important;
}
.ue-docs-home .ue-social,
.ue-docs-home .ue-masthead-links{
	margin-left:350px;
}
.ue-docs-home .ue-social{
	margin-bottom:10px;
}
.ue-docs-home .ue-masthead-links{
	margin-top:10px;
}
}
@media (min-width:992px){
.ue-docs-home .carbonad{
	position:static;
}
}
@media (min-width:1170px){
.ue-docs-home .carbonad{
	margin-top:-25px !important;
}
}


/*
* Callout for 2.3.2 docs
*
* Only appears below page headers (not on the homepage). The homepage gets its
* own link with the masthead links.
*/

.ue-old-docs{
padding:15px 20px;
color:#777;
background-color:#fafafa;
border-top:1px solid #fff;
border-bottom:1px solid #e5e5e5;
}
.ue-old-docs strong{
color:#555;
}


/*
* Side navigation
*
* Scrollspy and affixed enhanced navigation to highlight sections and secondary
* sections of docs content.
*/

/* By default it's not affixed in mobile views, so undo that */
.ue-sidebar.affix{
position:static;
}

/* First level of nav */
.ue-sidenav{
margin-top:20px;
margin-bottom:20px;
padding-top:   10px;
padding-bottom:10px;
text-shadow:0 1px 0 #fff;
background-color:#f7f5fa;
border-radius:5px;
}

/* All levels of nav */
.ue-sidebar .nav > li > a{
display:block;
color:#716b7a;
padding:5px 20px;
}
.ue-sidebar .nav > li > a:hover,
.ue-sidebar .nav > li > a:focus{
text-decoration:none;
background-color:#e5e3e9;
border-right:1px solid #dbd8e0;
}
.ue-sidebar .nav > .active > a,
.ue-sidebar .nav > .active:hover > a,
.ue-sidebar .nav > .active:focus > a{
font-weight:bold;
color:#0e90d2;
background-color:transparent;
border-right:1px solid #3bb4f2;
}

/* Nav:second level (shown on .active) */
.ue-sidebar .nav .nav{
/*display:none; *//* Hide by default, but at >768px, show it */
margin-bottom:8px;
}
.ue-sidebar .nav .nav > li > a{
padding-top:   3px;
padding-bottom:3px;
padding-left:30px;
font-size:90%;
}

/* Show and affix the side nav when space allows it */
@media (min-width:992px){
.ue-sidebar .nav > .active > ul{
	display:block;
}
/* Widen the fixed sidebar */
.ue-sidebar.affix,
.ue-sidebar.affix-bottom{
	width:213px;
}
.ue-sidebar.affix{
	position:fixed; /* Undo the static from mobile first approach */
	top:80px;
}
.ue-sidebar.affix-bottom{
	position:absolute; /* Undo the static from mobile first approach */
}
.ue-sidebar.affix-bottom .ue-sidenav,
.ue-sidebar.affix .ue-sidenav{
	margin-top:0;
	margin-bottom:0;
}
}
@media (min-width:1200px){
/* Widen the fixed sidebar again */
.ue-sidebar.affix-bottom,
.ue-sidebar.affix{
	width:263px;
}
}


/*
* Docs sections
*
* Content blocks for each component or feature.
*/

/* Space things out */
.ue-docs-section + .ue-docs-section{
padding-top:40px;
}

/* Janky fix for preventing navbar from overlapping */
h1[id]{
padding-top:80px;
margin-top:-45px;
}


/*
* Callouts
*
* Not quite alerts, but custom and helpful notes for folks reading the docs.
* Requires a base and modifier class.
*/

/* Common styles for all types */
.ue-callout{
margin:20px 0;
padding:20px;
border-left:3px solid #eee;
}
.ue-callout h4{
margin-top:0;
margin-bottom:5px;
}
.ue-callout p:last-child{
margin-bottom:0;
}

/* Variations */
.ue-callout-danger{
background-color:#fdf7f7;
border-color:#eed3d7;
}
.ue-callout-danger h4{
color:#b94a48;
}
.ue-callout-warning{
background-color:#faf8f0;
border-color:#faebcc;
}
.ue-callout-warning h4{
color:#8a6d3b;
}
.ue-callout-info{
background-color:#f4f8fa;
border-color:#bce8f1;
}
.ue-callout-info h4{
color:#34789a;
}


/*
* Team members
*
* Avatars, names, and usernames for core team.
*/

.ue-team .team-member{
color:#555;
line-height:32px;
}
.ue-team .team-member:hover{
color:#333;
text-decoration:none;
}
.ue-team .github-btn{
float:right;
margin-top:6px;
width:120px;
height:20px;
}
.ue-team img{
float:left;
width:32px;
margin-right:10px;
border-radius:4px;
}


/*
* Grid examples
*
* Highlight the grid columns within the docs so folks can see their padding,
* alignment, sizing, etc.
*/

.show-grid{
margin-bottom:15px;
}
.show-grid [class^="col-"]{
padding-top:10px;
padding-bottom:10px;
background-color:#eee;
border:1px solid #ddd;
background-color:rgba(86,61,124,.15);
border:1px solid rgba(86,61,124,.2);
}


/*
* Examples
*
* Isolated sections of example content for each component or feature. Usually
* followed by a code snippet.
*/

.ue-example{
position:relative;
padding:45px 15px 15px;
margin:0 -15px 15px;
background-color:#fafafa;
box-shadow:inset 0 3px 6px rgba(0,0,0,.05);
border-color:#e5e5e5 #eee #eee;
border-style:solid;
border-width:1px 0;
}
/* Echo out a label for the example */
.ue-example:after{
content:"Example";
position:absolute;
top: 15px;
left:15px;
font-size:12px;
font-weight:bold;
color:#bbb;
text-transform:uppercase;
letter-spacing:1px;
}

/* Tweak display of the code snippets when following an example */
.ue-example + .highlight{
margin:-15px -15px 15px;
border-radius:0;
border-width:0 0 1px;
}

/* Make the examples and snippets not full-width */
@media (min-width:768px){
.ue-example{
	margin-left:0;
	margin-right:0;
	background-color:#fff;
	border-width:1px;
	border-color:#ddd;
	border-radius:4px 4px 0 0;
	box-shadow:none;
}
.ue-example + .highlight{
	margin-top:-16px;
	margin-left:0;
	margin-right:0;
	border-width:1px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
}
}

/* Undo width of container */
.ue-example .container{
width:auto;
}

/* Tweak content of examples for optimum awesome */
.ue-example > p:last-child,
.ue-example > ul:last-child,
.ue-example > ol:last-child,
.ue-example > blockquote:last-child,
.ue-example > .form-control:last-child,
.ue-example > .table:last-child,
.ue-example > .navbar:last-child,
.ue-example > .jumbotron:last-child,
.ue-example > .alert:last-child,
.ue-example > .panel:last-child,
.ue-example > .list-group:last-child,
.ue-example > .well:last-child,
.ue-example > .progress:last-child,
.ue-example > .table-responsive:last-child > .table{
margin-bottom:0;
}
.ue-example > p > .close{
float:none;
}

/* Typography */
.ue-example-type .table .info{
color:#999;
vertical-align:middle;
}
.ue-example-type .table td{
padding:15px 0;
border-color:#eee;
}
.ue-example-type .table tr:first-child td{
border-top:0;
}
.ue-example-type h1,
.ue-example-type h2,
.ue-example-type h3,
.ue-example-type h4,
.ue-example-type h5,
.ue-example-type h6{
margin:0;
}

/* Images */
.ue-example > .img-circle,
.ue-example > .img-rounded,
.ue-example > .img-thumbnail{
margin:5px;
}

/* Tables */
.ue-example > .table-responsive > .table{
background-color:#fff;
}

/* Buttons */
.ue-example > .btn,
.ue-example > .btn-group{
margin-top:5px;
margin-bottom:5px;
}
.ue-example > .btn-toolbar + .btn-toolbar{
margin-top:10px;
}

/* Forms */
.ue-example-control-sizing select,
.ue-example-control-sizing input[type="text"] + input[type="text"]{
margin-top:10px;
}
.ue-example-form .input-group{
margin-bottom:10px;
}
.ue-example > textarea.form-control{
resize:vertical;
}

/* List groups */
.ue-example > .list-group{
max-width:400px;
}

/* Navbars */
.ue-example .navbar:last-child{
margin-bottom:0;
}
.ue-navbar-top-example,
.ue-navbar-bottom-example{
z-index:1;
padding:0;
overflow:hidden; /* cut the drop shadows off */
}
.ue-navbar-top-example .navbar-header,
.ue-navbar-bottom-example .navbar-header{
margin-left:0;
}
.ue-navbar-top-example .navbar-fixed-top,
.ue-navbar-bottom-example .navbar-fixed-bottom{
position:relative;
margin-left:0;
margin-right:0;
}
.ue-navbar-top-example{
padding-bottom:45px;
}
.ue-navbar-top-example:after{
top:auto;
bottom:15px;
}
.ue-navbar-top-example .navbar-fixed-top{
top:-1px;
}
.ue-navbar-bottom-example{
padding-top:45px;
}
.ue-navbar-bottom-example .navbar-fixed-bottom{
bottom:-1px;
}
.ue-navbar-bottom-example .navbar{
margin-bottom:0;
}
@media (min-width:768px){
.ue-navbar-top-example .navbar-fixed-top,
.ue-navbar-bottom-example .navbar-fixed-bottom{
	position:absolute;
}
.ue-navbar-top-example{
	border-radius:0 0 4px 4px;
}
.ue-navbar-bottom-example{
	border-radius:4px 4px 0 0;
}
}

/* Pagination */
.ue-example .pagination{
margin-top:10px;
margin-bottom:10px;
}

/* Pager */
.ue-example > .pager{
margin-top:0;
}

/* Example modals */
.ue-example-modal{
background-color:#f5f5f5;
}
.ue-example-modal .modal{
position:relative;
top:auto;
right:auto;
left:auto;
bottom:auto;
z-index:1;
display:block;
}
.ue-example-modal .modal-dialog{
left:auto;
margin-left:auto;
margin-right:auto;
}

/* Example dropdowns */
.ue-example > .dropdown > .dropdown-menu{
position:static;
display:block;
margin-bottom:5px;
}

/* Example tabbable tabs */
.ue-example-tabs .nav-tabs{
margin-bottom:15px;
}

/* Tooltips */
.ue-example-tooltips{
text-align:center;
}
.ue-example-tooltips > .btn{
margin-top:5px;
margin-bottom:5px;
}

/* Popovers */
.ue-example-popover{
padding-bottom:24px;
background-color:#f9f9f9;
}
.ue-example-popover .popover{
position:relative;
display:block;
float:left;
width:260px;
margin:20px;
}

/* Scrollspy demo on fixed height div */
.scrollspy-example{
position:relative;
height:200px;
margin-top:10px;
overflow:auto;
}


/*
* Code snippets
*
* Generated via Pygments and Jekyll, these are snippets of HTML, CSS, and JS.
*/

.highlight{
display:none; /* hidden by default, until >480px */
padding:9px 14px;
margin-bottom:14px;
background-color:#f7f7f9;
border:1px solid #e1e1e8;
border-radius:4px;
}
.highlight pre{
padding:0;
margin-top:0;
margin-bottom:0;
background-color:transparent;
border:0;
white-space:nowrap;
}
.highlight pre code{
font-size:inherit;
color:#333; /* Effectively the base text color */
}
.highlight pre .lineno{
display:inline-block;
width:22px;
padding-right:5px;
margin-right:10px;
text-align:right;
color:#bebec5;
}

/* Show code snippets when we have the space */
@media (min-width:481px){
.highlight{
	display:block;
}
}


/*
* Responsive tests
*
* Generate a set of tests to show the responsive utilities in action.
*/

/* Responsive (scrollable) doc tables */
.table-responsive .highlight pre{
white-space:normal;
}

/* Utility classes table  */
.ue-table th small,
.responsive-utilities th small{
display:block;
font-weight:normal;
color:#999;
}
.responsive-utilities tbody th{
font-weight:normal;
}
.responsive-utilities td{
text-align:center;
}
.responsive-utilities td.is-visible{
color:#468847;
background-color:#dff0d8 !important;
}
.responsive-utilities td.is-hidden{
color:#ccc;
background-color:#f9f9f9 !important;
}

/* Responsive tests */
.responsive-utilities-test{
margin-top:5px;
}
.responsive-utilities-test .col-xs-6{
margin-bottom:10px;
}
.responsive-utilities-test span{
padding:15px 10px;
font-size:14px;
font-weight:bold;
line-height:1.1;
text-align:center;
border-radius:4px;
}
.visible-on .col-xs-6 .hidden-xs,
.visible-on .col-xs-6 .hidden-sm,
.visible-on .col-xs-6 .hidden-md,
.visible-on .col-xs-6 .hidden-lg,
.hidden-on .col-xs-6 .hidden-xs,
.hidden-on .col-xs-6 .hidden-sm,
.hidden-on .col-xs-6 .hidden-md,
.hidden-on .col-xs-6 .hidden-lg{
color:#999;
border:1px solid #ddd;
}
.visible-on .col-xs-6 .visible-xs,
.visible-on .col-xs-6 .visible-sm,
.visible-on .col-xs-6 .visible-md,
.visible-on .col-xs-6 .visible-lg,
.hidden-on .col-xs-6 .visible-xs,
.hidden-on .col-xs-6 .visible-sm,
.hidden-on .col-xs-6 .visible-md,
.hidden-on .col-xs-6 .visible-lg{
color:#468847;
background-color:#dff0d8;
border:1px solid #d6e9c6;
}


/*
* Glyphicons
*
* Special styles for displaying the icons and their classes in the docs.
*/

.ue-glyphicons{
padding-left:0;
padding-bottom:1px;
margin-bottom:20px;
list-style:none;
overflow:hidden;
}
.ue-glyphicons li{
float:left;
width:25%;
height:115px;
padding:10px;
margin:0 -1px -1px 0;
font-size:12px;
line-height:1.4;
text-align:center;
border:1px solid #ddd;
}
.ue-glyphicons .glyphicon{
margin-top:5px;
margin-bottom:10px;
font-size:24px;
}
.ue-glyphicons .glyphicon-class{
display:block;
text-align:center;
word-wrap:break-word; /* Help out IE10+ with class names */
}
.ue-glyphicons li:hover{
background-color:rgba(86,61,124,.1);
}

@media (min-width:768px){
.ue-glyphicons li{
	width:12.5%;
}
}


/*
* Customizer
*
* Since this is so form control heavy, we have quite a few styles to customize
* the display of inputs, headings, and more. Also included are all the download
* buttons and actions.
*/

.ue-customizer .toggle{
float:right;
margin-top:85px; /* On account of ghetto navbar fix */
}

/* Headings and form contrls */
.ue-customizer label{
margin-top:10px;
font-weight:500;
color:#555;
}
.ue-customizer h2{
margin-top:0;
margin-bottom:5px;
padding-top:30px;
}
.ue-customizer h3{
margin-bottom:0;
}
.ue-customizer h4{
margin-top:15px;
margin-bottom:0;
}
.ue-customizer .ue-callout h4{
margin-top:0; /* lame, but due to specificity we have to duplicate */
margin-bottom:5px;
}
.ue-customizer input[type="text"]{
font-family:Menlo, Monaco, Consolas, "Courier New", monospace;
background-color:#fafafa;
}
.ue-customizer .help-block{
font-size:12px;
margin-bottom:5px;
}

/* For the variables, use regular weight */
#less-section label{
font-weight:normal;
}

/* Downloads */
.ue-customize-download .btn-outline{
padding:20px;
}

/* Error handling */
.ue-customizer-alert{
position:fixed;
top:51px;
left:0;
right:0;
z-index:1030;
padding:15px 0;
color:#fff;
background-color:#d9534f;
box-shadow:inset 0 1px 0 rgba(255,255,255,.25);
border-bottom:1px solid #b94441;
}
.ue-customizer-alert .close{
margin-top:-4px;
font-size:24px;
}
.ue-customizer-alert p{
margin-bottom:0;
}
.ue-customizer-alert .glyphicon{
margin-right:5px;
}
.ue-customizer-alert pre{
margin:10px 0 0;
color:#fff;
background-color:#a83c3a;
border-color:#973634;
box-shadow:inset 0 2px 4px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
}


/*
* Miscellaneous
*
* Odds and ends for optimum docs display.
*/

/* About page */
.ue-about{
font-size:16px;
}

/* Examples gallery:space out content better */
.ue-examples h4{
margin-bottom:5px;
}
.ue-examples p{
margin-bottom:20px;
}

/* Pseudo :focus state for showing how it looks in the docs */
#focusedInput{
border-color:rgba(82,168,236,.8);
outline:0;
outline:thin dotted \9; /* IE6-9 */
-moz-box-shadow:0 0 8px rgba(82,168,236,.6);
box-shadow:0 0 8px rgba(82,168,236,.6);
}

/* Better spacing on download options in getting started */
.ue-docs-dl-options h4{
margin-top:15px;
margin-bottom:5px;
}


/* 自定义 */
h1, h2, h3, h4{
font-family:"Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
}
.ue-docs-caption{
background:#00b5ec;
color:#ffffff;
width:100%;
padding:30px 0px;
margin-bottom:30px;
}
.ue-docs-caption h1,.ue-docs-caption h2{
text-align:left;
margin-left:50px;
font-size:60px;
font-family:"微软雅黑", Microsoft YaHei;
}
.ue-docs-caption p{
text-align:left;
margin-left:50px;
font-size:21px;
}
.ue-docs-main #main{
width:100%;
min-height:500px;
}
.ue-docs-main{
font-size:16px;
font-family:"Myriad Pro", "Hiragino Sans GB","Microsoft YaHei","微软雅黑", Calibri, Helvetica, tahoma,arial,simsun,"宋体", sans-serif;
line-height:1.5;
-webkit-font-smoothing:antialiased;
}
.ue-docs-main pre,
.ue-docs-main code{
padding:10px;
}
.ue-docs-main img{
display:block;
}
.ue-docs-main ul{
padding-left:15px;
}
.ue-footer{margin-top:15px;line-height:24px;padding:15px 0px;text-align:center;background:#e7e7e7;color:#777;border-top:1px solid #e5e5e5;}
.ue-docs-main h2{
padding-bottom:9px;
border-bottom:1px solid #eee;
}

.ue-docs-main strong{
padding:2px 4px;
font-weight:normal;
color:#c7254e;
white-space:nowrap;
background-color:#f9f2f4;
border-radius:4px;
}

.ue-docs-main div.pagebar{
margin:20px 0;
}

.ue-docs-main .previows{
display:block;
float:left;
}

.ue-docs-main .next{
display:block;
float:right;
}

.ue-docs-main .clearfloat{
display:block;
clear:both;
}



.bgimg {background-color:#00b5ec;color: #FFFFFF;text-align: center;padding:40px 0px 30px 0px;}
.bgimg h2 {margin-top:15px;font-size: 50px;}
.bgimg h1{font-size:72px;}
.bgimg p{margin-top:10px;font-size:32px;}
.bgimg p.down{margin-top:30px;}
.bgimg .version {color: #ddd;font-size: 14px;margin-top:20px;}

.bs-docs-featurette{
padding-top:40px;
padding-bottom:40px;
font-size:16px;
line-height:1.5;
color:#555;
text-align:center;
}

.bs-docs-featurette-title {
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: 400;
    color: #333;
}

.bs-docs-featurette .lead {
    max-width: 80%;
    margin-right: auto;
    margin-left: auto;
}
.half-rule {
    width: 100px;
    margin: 40px auto;
}
.imgzsy {
    width: 100%;
    height: 14vw;
}

.tcenter{text-align:center;}
.index_num {
    text-align: center;
    font-weight: 200;
    padding:50px 0px;
    background-color:#444;
}
.index_num .indexad strong{
    font-size:40px;
    font-weight: 200;
    color: #fff;
}
.index_num .indexad p {
    font-size: 20px;
    max-width: 600px;
    margin: 20px auto 0px;
    color: #bbb;
    line-height: 1.5;
}

.index_down {
    text-align: center;
    font-weight: 200;
    padding: 80px 0px 100px;
    background: #fff;
}
.index_down h3 {
    font-size: 38px;
    font-weight: 200;
    color: #2a333c;
    margin-bottom: 20px;
}
.index_down h3 p {
    font-size: 22px;
    max-width: 600px;
    margin: 20px auto 0px;
    color: #5e7387;
    line-height: 1.5;
}
.index_down a.btn{border-radius:0;padding:15px 60px;}

.download_t {background-color:#00b5ec;color: #FFFFFF;
    padding:80px 0px;
    text-align: center;
}
.download_t h1 {
    font-size: 45px;
    font-weight: 300;
    margin-bottom: 20px;
}
.download_t h2.desc {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5;
}
.download_t a.btn-primary {
    border-radius: 0;
    margin: 50px 0px 0px;
    padding: 14px 60px;
}
.download_t p.bb {
    color: #eee;
    margin: 15px 0px;
    font-size: 14px;
}
.download_t a.btn-default {
    border-color: #5e7387;
    color: #5e7387;
    margin: 0px 15px;
}
.download_wd {
    padding: 50px 0px;
    text-align: center;
    background: #f5f5f5;
}
.download_wd a.btn {
    padding: 14px 60px;
}
.download_hj {
    padding: 100px 0px;
    text-align: center;
}
.download_hj h3 {
    color: #2a333c;
    font-size: 28px;
    font-weight: 300;
    margin: 0px 0px 20px;
}
.download_hj p.hj {
    color: #5e7387;
    margin-bottom: 0px;
    line-height: 1.8;
    font-size: 16px;
}
.download_hj a.btn {
    margin-top: 10px;
    border-radius: 0px;
    padding:10px 40px;
}
.temp{ background:#f9f9f9; padding:50px 0px; }
.temp .list{ margin:0px 0px 30px; padding:30px 0px; background:#fff; box-shadow: 1px 1.732px 5px 0px rgba(4,5,6,0.08); }
.temp .list span.price{ font-size:55px; display:block; margin:0px 0px 50px; color:#ff6709;  }
.temp .list del{ font-size:20px; color:#999; display:block; margin:50px 0px 0px; }
.temp .list a.btn,.temp .list button{ padding:10px 60px; margin-top:20px; border-radius:0px; }
.temp .list i.fa-check{ color:#90c940; margin-right:3px; }
.temp .list p{ color:#666; line-height:2; }
@media (min-width: 768px) { 
	.temp .list{margin:0px 20px;}
}
.taocan .list span.price{ margin-bottom:0px; }
.taocan .list p.xufei{ margin-bottom:50px; }
.taocan .list i.fa-times{ color:#d92626; margin-right:3px; }
.taocan .pinpai span.price{ color:#00aeef; }
.taocan h4{ font-size:40px; margin-bottom:30px; }
.taocan h4 span.label{ font-size:20px; border-radius:0; position:relative; bottom:5px; margin-left:5px; font-weight:normal; }
@media (min-width: 768px) { 
	.taocan h4{ margin-bottom:80px; }
}
.host_yu{ padding:10px; }
.host_yu span{ float:right; }
.host{ background:#5bc0de; padding-bottom:80px;}
.host h5{ font-size:40px; color:#fff; }
.host p.desc{ color:#fff; font-size:18px; margin-bottom:50px; }
.host .list h3{ font-size:30px; }
.host .list span.price{ font-size:36px; margin-top:30px; }
.host .list p.xufei{ margin-bottom:30px; }
.host .list p.xufei span.label{ font-weight:normal; border-radius:0; }
.host .list a.btn{ padding:6px 40px; }
.host .list p{ line-height:1.8; }
.host_gt{ background:#f9f9f9; padding-bottom:50px; }
.host_gt h5{ color:#2a333c; }
.host_gt p.desc{ color:#5e7387; }
.host_mg{ background:#f9f9f9; }
.host_mg h5{ color:#2a333c; }
.host_mg p.desc{ color:#5e7387; }
.package_faq{ background:#fff; padding:30px 0px; }
.package_faq h4{ font-size:22px; margin-bottom:30px; color:#5e7387; }
.package_faq h4 i{ margin-right:5px; }
.package_faq h3{ font-size:16px; margin-bottom:10px; color:#2a333c; }
.package_faq p{ color:#5e7387; margin-bottom:40px; line-height:1.8; }
.package_faq p.text-danger{ color:#a94442; }
.package_faq ul li{ color:#5e7387; }

.list{padding:20px 0;border-bottom:1px solid #e5e5e5;}
.tit{display:block;font-weight:normal;font-size:24px;line-height:1.3;}
.list p{margin-top:10px;word-break:break-all;color:#999;font-size:14px;line-height:1.5;}.list p a{color:#e74c3c;}.list p:after{content:"..";}
.info{margin-top:8px;color:#bbb;font-size:12px;}.info a{color:#ea5a3d;margin-right:8px;}.info .fr{color:#444;}
.list .limg{width:169px;height:119px;float:left;margin-right:20px;}.list .limg img{width:169px;height:119px;vertical-align:top;}

.content{margin-bottom:15px;}
.content p{margin-bottom:0;}.content u{color:red;text-decoration:none;}
.content img{max-width:100%;height:auto;}
.content blockquote{padding:.6em 1em;border-left:.4em solid #cad4f2;background:#f0f0f0;}

.page,.pages{text-align:center;padding:15px 0px;}.page a:hover{background:#FF5E52;color:#fff;}
.page a{display:inline-block;height:32px;line-height:32px;padding:0 45px;font-size:14px;color:#fff;background:#ea5a3d;margin-right:8px;border-radius:3px;box-shadow:1px 1px 2px #eee;}

.pages li a{color:#808080;}.pages li{display:inline-block;height:35px;line-height:35px;text-align:center;font-size:14px;color:#808080;background-color:#f4f4f4;padding-right:15px;padding-left:15px;margin-right:1px;}
.pages .thisclass{background-color:#ea5a3d;}.pages .thisclass a{color:#fff;}
.pages li:hover,.pages li:hover a{background-color:#ea5a3d;color:#fff;}

.cl{clear:both;}.fl,.mfl{float:left;}.fr,.mfr{float:right;}.m-auto{margin:0 auto;}