/* ::::: http://www.17sucai.com/preview/326807/2016-08-02/404/css/pintuer.css ::::: */

html { margin: 0px; padding: 0px; border: 0px none; }
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section { margin: 0px; padding: 0px; border: 0px none; font: inherit; vertical-align: baseline; }
body { font-size: 14px; color: rgb(51, 51, 51); background: rgb(255, 255, 255) none repeat scroll 0% 0%; font-family: "Microsoft YaHei","simsun","Helvetica Neue",Arial,Helvetica,sans-serif; }
img { border: 0px none; vertical-align: bottom; }
:-moz-placeholder { color: rgb(153, 153, 153); }
*::-moz-placeholder { color: rgb(153, 153, 153); }
* { box-sizing: border-box; }
*::before, *::after { box-sizing: border-box; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0px; border: 0px none; }
audio:not([controls]) { display: none; height: 0px; }
a { background: transparent none repeat scroll 0% 0%; }
a:active, a:hover { outline: 0px none; color:#eb6437; }
a:focus { outline: thin dotted; outline-offset: -2px; }
svg:not(:root) { overflow: hidden; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0px; border: 0px none; }
.button { border: 1px solid rgb(221, 221, 221); background: transparent none repeat scroll 0% 0%; border-radius: 4px; font-size: 14px; padding: 6px 15px; margin: 0px .3rem; display: inline-block; line-height: 20px; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; }
.button:active { background-image: none; outline: 0px none; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; }
.button:hover { transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; }
.button.bg-main, .button.bg-sub, .button.bg-dot, .button.bg-black, .button.bg-gray, .button.bg-red, .button.bg-yellow, .button.bg-blue, .button.bg-green { color: #eb6437; }
.container, .container-layout { margin: 0px auto; padding: 0px 10px; }

.button-group .button:not(:first-child):not(:last-child):not(.dropdown-toggle):not(.dropdown-hover), .button-group .button-group .button { border-radius: 0px; }
.button-group .button:first-child:not(:last-child):not(.dropdown-toggle):not(.dropdown-hover) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.button-group .button:last-child:not(:first-child):not(.dropdown-toggle):not(.dropdown-hover) { border-bottom-left-radius: 0px; border-top-left-radius: 0px; }
.button-group .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0px; border-top-left-radius: 0px; padding: 6px; }
.button-group-y .button:not(:first-child):not(:last-child):not(.dropdown-toggle), .button-group-y .button-group .button { border-radius: 0px; }
.button-group-y .button:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.button-group-y .button:last-child:not(:first-child):not(.dropdown-toggle) { border-top-right-radius: 0px; border-top-left-radius: 0px; }
.form-x .form-group::after, .form-inline::after { clear: both; content: " "; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.input-group .addon:not(:first-child):not(:last-child), .input-group .addbtn:not(:first-child):not(:last-child) .button, .input-group .input:not(:first-child):not(:last-child) { border-radius: 0px; }
.list-striped li:nth-child(2n+1) { background-color: rgb(245, 245, 245); }
.panel { border: 1px solid rgb(221, 221, 221); border-radius: 4px; }
.panel .bg-main, .panel .bg-sub, .panel .bg-dot, .panel .bg-red, .panel .bg-yellow, .panel .bg-green { color: rgb(255, 255, 255); }
.alert { border-radius: 5px; padding: 15px; border: 1px solid rgb(221, 221, 221); background-color: rgb(245, 245, 245); }
.bread li::after { content: "/"; padding: 0px 8px; color: rgb(221, 221, 221); }
.bread li:last-child::after { content: ""; }
.pagination-group li:not(:first-child):not(:last-child) { border-radius: 0px; }
.pager-group li:not(:first-child):not(:last-child) { border-radius: 0px; }
h2, .h2 { font-size: 20px; }
.text-center { text-align: center; }
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th { background-color: rgb(249, 249, 249); }
@media only screen and (max-width: 800px) {
	.table-responsive-y td::before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold; }
	.table-responsive-y td::before { content: attr(data-title); }
}
.float-left { float: left ! important; }
.float-right { float: right ! important; }
.clearfix::after, .layout::after, .container::after, .container-layout::after, .line::after, .line-small::after, .line-middle::after, .line-big::after, .nav-main::after, .nav-sub::after, .navbar::after { content: " "; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; }
.clearfix, .layout, .container, .container-layout, .line, .line-small, .line-middle, .line-big, .nav-main, .nav-sub, .navbar { display: block; }
.padding-big { padding: 20px; }
.padding-top { padding-top: 10px; }
.margin-big-top { margin-top: 20px; }
.bg-yellow, .border-yellow .button.active, .pointer.border-yellow .active, .nav-pills.border-yellow .active a, .nav-main.border-yellow .nav-head, .pagination.border-yellow .active { background-color: #d73ea9; }
.border-yellow, .border-yellow .button, .border-yellow .tab-nav li a, .border-yellow .tab-body, .button.bg-yellow, .selected.border-yellow, .pointer.border-yellow li, .check-warning .input, .nav.border-yellow .active a, .nav.nav-tabs.border-yellow, .nav-main.border-yellow a, .nav-main.border-yellow .nav-head, .pagination.border-yellow li, .pager.border-yellow a { border-color: #d73ea9; }
.button:hover, .button:focus, .button.bg:hover, .button.bg:focus { background-color: rgb(245, 245, 245); }
.button.border-yellow:hover, .button.border-yellow:focus, .button.bg-yellow:hover, .button.bg-yellow:focus { color: rgb(255, 255, 255); border-color: #cf269c; background-color: #cf269c; }
.popo .popo-body::before { border: 10px solid; }
.popo .popo-body::after { border: 8px solid; }
.popo .popo-body.left::before { content: ""; position: absolute; width: 0px; height: 0px; top: 9px; bottom: auto; left: -10px; border-width: 9px 10px 9px 0px; border-color: transparent rgb(221, 221, 221); }
.popo .popo-body.left::after { content: ""; position: absolute; width: 0px; height: 0px; top: 10px; bottom: auto; left: -8px; border-width: 8px 9px 8px 0px; border-color: transparent rgb(245, 245, 245); }
.popo .popo-body.right::before { content: ""; position: absolute; width: 0px; height: 0px; top: 9px; bottom: auto; left: auto; right: -10px; border-width: 9px 0px 9px 10px; border-color: transparent rgb(221, 221, 221); }
.popo .popo-body.right::after { content: ""; position: absolute; width: 0px; height: 0px; top: 10px; bottom: auto; left: auto; right: -8px; border-width: 8px 0px 8px 9px; border-color: transparent rgb(245, 245, 245); }
.popo .popo-yellow.left::before { border-color: transparent rgb(255, 255, 221); }
.popo .popo-yellow.left::after { border-color: transparent rgb(255, 255, 221); }
.popo .popo-yellow.right::before { border-color: transparent rgb(255, 255, 221); }
.popo .popo-yellow.right::after { border-color: transparent rgb(255, 255, 221); }
.popo .popo-blue.left::before { border-color: transparent rgb(238, 255, 255); }
.popo .popo-blue.left::after { border-color: transparent rgb(238, 255, 255); }
.popo .popo-blue.right::before { border-color: transparent rgb(238, 255, 255); }
.popo .popo-blue.right::after { border-color: transparent rgb(238, 255, 255); }
.popo .popo-green.left::before { border-color: transparent rgb(238, 255, 221); }
.popo .popo-green.left::after { border-color: transparent rgb(238, 255, 221); }
.popo .popo-green.right::before { border-color: transparent rgb(238, 255, 221); }
.popo .popo-green.right::after { border-color: transparent rgb(238, 255, 221); }
a { color: rgb(51, 51, 51); text-decoration: none; }
a:focus, a:hover { color:#eb6437; }
.text-center{ padding:2rem 0;}
@media only screen and (min-width: 1200px) {
	.container{width:70%;} .float-left{ margin-top:-50px;}
.float-right{  margin-top:-50px;}
}
@media only screen and (max-width: 1199px) and (min-width: 640px){.container{width:98%;} .float-left{ width:22%; margin-top:-50px;}
.float-right{  margin-top:-50px; width:22%;}
.float-left img,.float-right img{ width:90%;}
}
@media only screen and (max-width: 639px) and (min-width: 320px){
.container{width:100%;}
.float-left{ width:35%;}
.float-right{ width:35%;}
.float-left img,.float-right img{ width:90%; margin-top:0px;}
}