body,html {
font-family: Microsoft YaHei
}
.layui-layer-btn a,.layui-layer-btn a:hover,a,a:active,a:hover {
text-decoration: none
}
.list-inline,.list-unstyled,nav .nav,ol,ul {
list-style: none
}
.index-activity .con .unfold li h4,.index-activity .con li p span.pl,.layui-layer-title,.mod-necessary-box-wrap .necessary-box-p li a span,.mod-section-title .title-info em,.product-list a h4,.text-beyond-hide,.topic-con ul li:nth-child(even) .img h3,.topic-con ul li:nth-child(odd) .img h3,.wikipedia .wiki .wikipedia-box .wikipedia-list a {
text-overflow: ellipsis;
white-space: nowrap
}
* html {
background-image: url(about:blank);
background-attachment: fixed
}
html #layui_layer_skinlayercss {
display: none;
position: absolute;
width: 1989px
}
.layui-layer,.layui-layer-shade {
position: fixed;
pointer-events: auto
}
.layui-layer-shade {
top: 0;
left: 0;
width: 100%;
height: 100%
}
.layui-layer {
top: 150px;
left: 50%;
margin: 0;
padding: 0;
background-color: #fff;
-webkit-background-clip: content;
box-shadow: 1px 1px 50px rgba(0,0,0,.3);
border-radius: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: .3s;
animation-duration: .3s
}
.layui-layer-close {
position: absolute
}
.layui-layer-content {
position: relative
}
.layui-layer-border {
border: 1px solid #B2B2B2;
border: 1px solid rgba(0,0,0,.3);
box-shadow: 1px 1px 5px rgba(0,0,0,.2)
}
.layui-layer-moves {
position: absolute;
border: 3px solid #666;
border: 3px solid rgba(0,0,0,.5);
cursor: move;
background-color: #fff;
background-color: rgba(255,255,255,.3);
filter: alpha(opacity=50)
}
.layui-layer-load {
background: url(images/layer/loading-0.gif) center center no-repeat #fff
}
.layui-layer-ico {
background: url(images/layer/icon.png) no-repeat
}
.layui-layer-btn a,.layui-layer-dialog .layui-layer-ico,.layui-layer-setwin a {
display: inline-block;
vertical-align: top
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.5);
transform: scale(.5)
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.5);
-ms-transform: scale(.5);
transform: scale(.5)
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
}
.layui-anim {
-webkit-animation-name: bounceIn;
animation-name: bounceIn
}
@-webkit-keyframes bounceOut {
100% {
opacity: 0;
-webkit-transform: scale(.7);
transform: scale(.7)
}
30% {
-webkit-transform: scale(1.03);
transform: scale(1.03)
}
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes bounceOut {
100% {
opacity: 0;
-webkit-transform: scale(.7);
-ms-transform: scale(.7);
transform: scale(.7)
}
30% {
-webkit-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03)
}
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
}
.layui-anim-close {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
-webkit-animation-duration: .2s;
animation-duration: .2s
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateY(-2000px);
transform: scale(.1) translateY(-2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateY(60px);
transform: scale(.475) translateY(60px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateY(-2000px);
-ms-transform: scale(.1) translateY(-2000px);
transform: scale(.1) translateY(-2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateY(60px);
-ms-transform: scale(.475) translateY(60px);
transform: scale(.475) translateY(60px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
}
.layui-anim-01 {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.layui-anim-02 {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateX(-2000px);
transform: scale(.1) translateX(-2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateX(48px);
transform: scale(.475) translateX(48px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateX(-2000px);
-ms-transform: scale(.1) translateX(-2000px);
transform: scale(.1) translateX(-2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateX(48px);
-ms-transform: scale(.475) translateX(48px);
transform: scale(.475) translateX(48px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
}
.layui-anim-03 {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft
}
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg)
}
100% {
opacity: 1;
-webkit-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0)
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg)
}
100% {
opacity: 1;
-webkit-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0)
}
}
.layui-anim-04 {
-webkit-animation-name: rollIn;
animation-name: rollIn
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.layui-anim-05 {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes shake {
0%,100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
10%,30%,50%,70%,90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px)
}
20%,40%,60%,80% {
-webkit-transform: translateX(10px);
transform: translateX(10px)
}
}
@keyframes shake {
0%,100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
10%,30%,50%,70%,90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px)
}
20%,40%,60%,80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px)
}
}
.layui-anim-06 {
-webkit-animation-name: shake;
animation-name: shake
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.layui-layer-title {
padding: 0 80px 0 20px;
height: 42px;
line-height: 42px;
border-bottom: 1px solid #eee;
font-size: 14px;
color: #333;
overflow: hidden;
background-color: #F8F8F8;
border-radius: 2px 2px 0 0
}
.layui-layer-setwin {
position: absolute;
right: 15px;
top: 15px;
font-size: 0;
line-height: initial
}
.layui-layer-setwin a {
position: relative;
width: 16px;
height: 16px;
margin-left: 10px;
font-size: 12px
}
.layui-layer-setwin .layui-layer-min cite {
position: absolute;
width: 14px;
height: 2px;
left: 0;
top: 50%;
margin-top: -1px;
background-color: #2E2D3C;
cursor: pointer
}
.layui-layer-setwin .layui-layer-min:hover cite {
background-color: #2D93CA
}
.layui-layer-setwin .layui-layer-max {
background-position: -32px -40px
}
.layui-layer-setwin .layui-layer-max:hover {
background-position: -16px -40px
}
.layui-layer-setwin .layui-layer-maxmin {
background-position: -65px -40px
}
.layui-layer-setwin .layui-layer-maxmin:hover {
background-position: -49px -40px
}
.layui-layer-setwin .layui-layer-close1 {
background-position: 0 -40px;
cursor: pointer
}
.layui-layer-setwin .layui-layer-close1:hover {
opacity: .7
}
.layui-layer-setwin .layui-layer-close2 {
position: absolute;
right: 6px;
top: -7px;
width: 30px;
height: 30px;
margin-left: 0;
background: 0 0
}
.layui-layer-setwin .layui-layer-close2:hover {
background-position: -180px -31px
}
.layui-layer-btn {
text-align: right;
padding: 0 10px 12px;
pointer-events: auto
}
.layui-layer-btn a {
height: 28px;
line-height: 28px;
margin: 0 6px;
padding: 0 15px;
border: 1px solid #dedede;
background-color: #f1f1f1;
color: #333;
border-radius: 2px;
font-weight: 400;
cursor: pointer
}
dl,ol,ul {
margin-top: 0
}
.layui-layer-btn a:hover {
opacity: .9
}
.layui-layer-btn a:active {
opacity: .7
}
.layui-layer-btn .layui-layer-btn0 {
border-color: #4898d5;
background-color: #2e8ded;
color: #fff
}
.layui-layer-dialog {
min-width: 260px
}
.layui-layer-dialog .layui-layer-content {
position: relative;
padding: 20px;
line-height: 24px;
word-break: break-all;
font-size: 14px;
overflow: auto
}
.layui-layer-dialog .layui-layer-content .layui-layer-ico {
position: absolute;
top: 16px;
left: 15px;
width: 30px;
height: 30px
}
.layui-layer-ico1 {
background-position: -30px 0
}
.layui-layer-ico2 {
background-position: -60px 0
}
.layui-layer-ico3 {
background-position: -90px 0
}
.layui-layer-ico4 {
background-position: -120px 0
}
.layui-layer-ico5 {
background-position: -150px 0
}
.layui-layer-ico6 {
background-position: -180px 0
}
.layui-layer-rim {
border: 6px solid #8D8D8D;
border: 6px solid rgba(0,0,0,.3);
border-radius: 5px;
box-shadow: none
}
.layui-layer-msg {
min-width: 180px;
border: 1px solid #D3D4D3;
box-shadow: none
}
.layui-layer-hui {
min-width: 100px;
background-color: #000;
filter: alpha(opacity=60);
background-color: rgba(0,0,0,.6);
color: #fff;
border: none
}
.layui-layer-hui .layui-layer-content {
padding: 12px 25px;
text-align: center
}
.layui-layer-dialog .layui-layer-padding {
padding: 20px 20px 20px 55px;
text-align: left
}
.layui-layer-page .layui-layer-content {
position: relative;
overflow: auto
}
.layui-layer-iframe .layui-layer-btn,.layui-layer-page .layui-layer-btn {
padding-top: 10px
}
.layui-layer-nobg {
background: 0 0
}
.layui-layer-iframe .layui-layer-content {
overflow: hidden
}
.layui-layer-iframe iframe {
display: block;
width: 100%
}
.layui-layer-loading {
border-radius: 100%;
background: 0 0;
box-shadow: none;
border: none
}
.layui-layer-loading .layui-layer-content {
width: 60px;
height: 24px;
background: url(images/layer/loading-0.gif) no-repeat
}
.layui-layer-loading .layui-layer-loading1 {
width: 37px;
height: 37px;
background: url(images/layer/loading-1.gif) no-repeat
}
.layui-layer-ico16,.layui-layer-loading .layui-layer-loading2 {
width: 32px;
height: 32px;
background: url(images/layer/loading-2.gif) no-repeat
}
.layui-layer-tips {
background: 0 0;
box-shadow: none;
border: none
}
.layui-layer-tips .layui-layer-content {
position: relative;
line-height: 22px;
min-width: 12px;
padding: 5px 10px;
font-size: 12px;
border-radius: 3px;
box-shadow: 1px 1px 3px rgba(0,0,0,.3);
background-color: #F90;
color: #fff
}
.layui-layer-tips .layui-layer-close {
right: -2px;
top: -1px
}
.layui-layer-tips i.layui-layer-TipsG {
position: absolute;
width: 0;
height: 0;
border-width: 8px;
border-color: transparent;
border-style: dashed
}
.layui-layer-tips i.layui-layer-TipsB,.layui-layer-tips i.layui-layer-TipsT {
left: 5px;
border-right-style: solid;
border-right-color: #F90
}
.layui-layer-tips i.layui-layer-TipsT {
bottom: -8px
}
.layui-layer-tips i.layui-layer-TipsB {
top: -8px
}
.layui-layer-tips i.layui-layer-TipsL,.layui-layer-tips i.layui-layer-TipsR {
top: 1px;
border-bottom-style: solid;
border-bottom-color: #F90
}
.layui-layer-tips i.layui-layer-TipsR {
left: -8px
}
.layui-layer-tips i.layui-layer-TipsL {
right: -8px
}
.layui-layer-lan[type=dialog] {
min-width: 280px
}
.layui-layer-lan .layui-layer-title {
background: #4476A7;
color: #fff;
border: none
}
.layui-layer-lan .layui-layer-lan .layui-layer-btn {
padding: 10px;
text-align: right;
border-top: 1px solid #E9E7E7
}
.layui-layer-lan .layui-layer-btn a {
background: #BBB5B5;
border: none
}
.layui-layer-lan .layui-layer-btn .layui-layer-btn1 {
background: #C9C5C5
}
.layui-layer-molv .layui-layer-title {
background: #009f95;
color: #fff;
border: none
}
a,a:visited,body {
color: #333
}
.layui-layer-molv .layui-layer-btn a {
background: #009f95
}
.layui-layer-molv .layui-layer-btn .layui-layer-btn1 {
background: #92B8B1
}
a,blockquote,body,button,code,dd,div,dl,dt,em,fieldset,figure,form,h1,h2,h3,h4,h5,h6,html,i,img,input,legend,li,ol,p,pre,select,span,table,td,textarea,th,tr,ul,var {
font-style: normal;
font-weight: 400;
margin: 0;
padding: 0
}
dl,hr {
margin-bottom: 20px
}
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent
}
body {
font-size: 14px;
line-height: 1.42857143;
background-color: #fff
}
a {
background-color: transparent
}
a:active,a:hover {
color: #e70
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit
}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
font-weight: 400;
line-height: 1
}
.h1,h1 {
font-size: 36px
}
.h2,h2 {
font-size: 30px
}
.h3,h3 {
font-size: 24px
}
.h4,h4 {
font-size: 18px
}
.h5,h5 {
font-size: 14px
}
.h6,h6 {
font-size: 12px
}
ol,ul {
margin-bottom: 10px
}
img {
border: none
}
button,input,optgroup,select,textarea {
color: inherit;
font: inherit;
line-height: inherit;
vertical-align: middle
}
button {
background: 0 0;
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
}
button,input {
border: none;
line-height: normal;
outline: 0
}
input[type=checkbox],input[type=radio] {
padding: 0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
pre,textarea {
overflow: auto
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,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
}
.clear:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.row:after,nav .nav:after {
content: "";
display: block;
height: 0;
visibility: hidden;
clear: both
}
b,optgroup,strong {
font-weight: 700
}
dfn {
font-style: italic
}
mark {
background: #ff0;
color: #000
}
.btn,.btn-danger.active,.btn-danger:active,.btn-default.active,.btn-default:active,.btn-info.active,.btn-info:active,.btn-primary.active,.btn-primary:active,.btn-success.active,.btn-success:active,.btn-warning.active,.btn-warning:active,.form-control,.open>.dropdown-toggle.btn-danger,.open>.dropdown-toggle.btn-default,.open>.dropdown-toggle.btn-info,.open>.dropdown-toggle.btn-primary,.open>.dropdown-toggle.btn-success,.open>.dropdown-toggle.btn-warning {
background-image: none
}
small {
font-size: 80%
}
sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 1em 40px
}
hr {
margin-top: 20px;
border: 0;
border-top: 1px solid #eee
}
code,kbd,pre,samp {
font-family: monospace,monospace;
font-size: 1em
}
.clearfix,.container,.container-fluid,.dl-horizontal dd,.form-horizontal .form-group,.modal-footer,.row,nav .nav {
zoom: 1
}
.clear {
zoom: 1
}
.pull-right {
float: right
}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.pull-left {
float: left
}
.hide {
display: none
}
.show {
display: block
}
.invisible {
visibility: hidden
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
dt,label {
font-weight: 700
}
.text-beyond-hide {
overflow: hidden
}
.center {
display: table-cell;
vertical-align: middle;
text-align: center
}
.posf {
position: fixed
}
.posr {
position: relative
}
.posa {
position: absolute;
/*
width: 202px;
height: 210px;
top: 0px;
left: 0px;
display: none;
background-color: rgba(247,90,83,0.70);
padding:60px 30px;
color: #FFFFFF;*/
}
.tal {
text-align: left
}
.tar {
text-align: right
}
.tac {
text-align: center
}[role=button] {
cursor: pointer
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto
}
.text-muted {
color: #777
}
.text-primary {
color: #337ab7
}
a.text-primary:focus,a.text-primary:hover {
color: #286090
}
.text-success {
color: #5cb85c
}
a.text-success:focus,a.text-success:hover {
color: #449d44
}
.text-info {
color: #337ab7
}
a.text-info:focus,a.text-info:hover {
color: #286090
}
.text-warning {
color: #e70
}
a.text-warning:focus,a.text-warning:hover {
color: #bb5e00
}
.text-danger {
color: #d9534f
}
a.text-danger:focus,a.text-danger:hover {
color: #c9302c
}
.bg-primary {
color: #fff;
background-color: #337ab7
}
a.bg-primary:focus,a.bg-primary:hover {
background-color: #286090
}
.bg-success {
background-color: #777
}
a.bg-success:focus,a.bg-success:hover {
background-color: #5e5e5e
}
.bg-info {
background-color: #eee
}
a.bg-info:focus,a.bg-info:hover {
background-color: #d5d5d5
}
.bg-warning {
background-color: #eee
}
a.bg-warning:focus,a.bg-warning:hover {
background-color: #d5d5d5
}
.bg-danger {
background-color: #eee
}
a.bg-danger:focus,a.bg-danger:hover {
background-color: #d5d5d5
}
ol ol,ol ul,ul ol,ul ul {
margin-bottom: 0
}
.list-unstyled {
padding-left: 0
}
.list-inline {
padding-left: 0;
margin-left: -5px
}
.list-inline>li {
display: inline-block;
padding-left: 5px;
padding-right: 5px
}
dd,dt {
line-height: 1.42857143
}
dd {
margin-left: 0
}
@media (min-width:768px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.dl-horizontal dd {
margin-left: 180px
}
.container {
max-width: 1180px;
min-width: 1000px
}
}
abbr[data-original-title],abbr[title] {
cursor: help;
border-bottom: 1px dotted #777
}
.initialism {
font-size: 90%
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 18px;
border-left: 5px solid #eee
}
blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child {
margin-bottom: 0
}
.table,address {
margin-bottom: 20px
}
blockquote .small,blockquote footer,blockquote small {
display: block;
font-size: 80%;
line-height: 1.42857143;
color: #555
}
blockquote .small:before,blockquote footer:before,blockquote small:before {
content: '\2014 \00A0'
}
.blockquote-reverse,blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eee;
border-left: 0;
text-align: right
}
.container,.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 0;
padding-right: 0
}
caption,th {
text-align: left
}
.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before {
content: ''
}
.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after {
content: '\00A0 \2014'
}
address {
font-style: normal;
line-height: 1.42857143
}
.container {
max-width: 1180px;
min-width: 1000px
}
@media (min-width:992px) {
.container {
max-width: 1180px;
min-width: 1000px
}
}
@media (min-width:1180px) {
.container {
max-width: 1180px;
min-width: 1180px
}
}
.table,label {
max-width: 100%
}
.row {
margin-left: 0;
margin-right: 0
}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
position: relative;
min-height: 1px
}
.col-xs-12 {
width: 100%
}
.col-xs-11 {
width: 91.66666667%
}
.col-xs-10 {
width: 83.33333333%
}
.col-xs-9 {
width: 75%
}
.col-xs-8 {
width: 66.66666667%
}
.col-xs-7 {
width: 58.33333333%
}
.col-xs-6 {
width: 50%
}
.col-xs-5 {
width: 41.66666667%
}
.col-xs-4 {
width: 33.33333333%
}
.col-xs-3 {
width: 25%
}
.col-xs-2 {
width: 16.66666667%
}
.col-xs-1 {
width: 8.33333333%
}
.col-xs-pull-12 {
right: 100%
}
.col-xs-pull-11 {
right: 91.66666667%
}
.col-xs-pull-10 {
right: 83.33333333%
}
.col-xs-pull-9 {
right: 75%
}
.col-xs-pull-8 {
right: 66.66666667%
}
.col-xs-pull-7 {
right: 58.33333333%
}
.col-xs-pull-6 {
right: 50%
}
.col-xs-pull-5 {
right: 41.66666667%
}
.col-xs-pull-4 {
right: 33.33333333%
}
.col-xs-pull-3 {
right: 25%
}
.col-xs-pull-2 {
right: 16.66666667%
}
.col-xs-pull-1 {
right: 8.33333333%
}
.col-xs-pull-0 {
right: auto
}
.col-xs-push-12 {
left: 100%
}
.col-xs-push-11 {
left: 91.66666667%
}
.col-xs-push-10 {
left: 83.33333333%
}
.col-xs-push-9 {
left: 75%
}
.col-xs-push-8 {
left: 66.66666667%
}
.col-xs-push-7 {
left: 58.33333333%
}
.col-xs-push-6 {
left: 50%
}
.col-xs-push-5 {
left: 41.66666667%
}
.col-xs-push-4 {
left: 33.33333333%
}
.col-xs-push-3 {
left: 25%
}
.col-xs-push-2 {
left: 16.66666667%
}
.col-xs-push-1 {
left: 8.33333333%
}
.col-xs-push-0 {
left: auto
}
.col-xs-offset-12 {
margin-left: 100%
}
.col-xs-offset-11 {
margin-left: 91.66666667%
}
.col-xs-offset-10 {
margin-left: 83.33333333%
}
.col-xs-offset-9 {
margin-left: 75%
}
.col-xs-offset-8 {
margin-left: 66.66666667%
}
.col-xs-offset-7 {
margin-left: 58.33333333%
}
.col-xs-offset-6 {
margin-left: 50%
}
.col-xs-offset-5 {
margin-left: 41.66666667%
}
.col-xs-offset-4 {
margin-left: 33.33333333%
}
.col-xs-offset-3 {
margin-left: 25%
}
.col-xs-offset-2 {
margin-left: 16.66666667%
}
.col-xs-offset-1 {
margin-left: 8.33333333%
}
.col-xs-offset-0 {
margin-left: 0
}
@media (min-width:768px) {
.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
float: left
}
.col-sm-12 {
width: 100%
}
.col-sm-11 {
width: 91.66666667%
}
.col-sm-10 {
width: 83.33333333%
}
.col-sm-9 {
width: 75%
}
.col-sm-8 {
width: 66.66666667%
}
.col-sm-7 {
width: 58.33333333%
}
.col-sm-6 {
width: 50%
}
.col-sm-5 {
width: 41.66666667%
}
.col-sm-4 {
width: 33.33333333%
}
.col-sm-3 {
width: 25%
}
.col-sm-2 {
width: 16.66666667%
}
.col-sm-1 {
width: 8.33333333%
}
.col-sm-pull-12 {
right: 100%
}
.col-sm-pull-11 {
right: 91.66666667%
}
.col-sm-pull-10 {
right: 83.33333333%
}
.col-sm-pull-9 {
right: 75%
}
.col-sm-pull-8 {
right: 66.66666667%
}
.col-sm-pull-7 {
right: 58.33333333%
}
.col-sm-pull-6 {
right: 50%
}
.col-sm-pull-5 {
right: 41.66666667%
}
.col-sm-pull-4 {
right: 33.33333333%
}
.col-sm-pull-3 {
right: 25%
}
.col-sm-pull-2 {
right: 16.66666667%
}
.col-sm-pull-1 {
right: 8.33333333%
}
.col-sm-pull-0 {
right: auto
}
.col-sm-push-12 {
left: 100%
}
.col-sm-push-11 {
left: 91.66666667%
}
.col-sm-push-10 {
left: 83.33333333%
}
.col-sm-push-9 {
left: 75%
}
.col-sm-push-8 {
left: 66.66666667%
}
.col-sm-push-7 {
left: 58.33333333%
}
.col-sm-push-6 {
left: 50%
}
.col-sm-push-5 {
left: 41.66666667%
}
.col-sm-push-4 {
left: 33.33333333%
}
.col-sm-push-3 {
left: 25%
}
.col-sm-push-2 {
left: 16.66666667%
}
.col-sm-push-1 {
left: 8.33333333%
}
.col-sm-push-0 {
left: auto
}
.col-sm-offset-12 {
margin-left: 100%
}
.col-sm-offset-11 {
margin-left: 91.66666667%
}
.col-sm-offset-10 {
margin-left: 83.33333333%
}
.col-sm-offset-9 {
margin-left: 75%
}
.col-sm-offset-8 {
margin-left: 66.66666667%
}
.col-sm-offset-7 {
margin-left: 58.33333333%
}
.col-sm-offset-6 {
margin-left: 50%
}
.col-sm-offset-5 {
margin-left: 41.66666667%
}
.col-sm-offset-4 {
margin-left: 33.33333333%
}
.col-sm-offset-3 {
margin-left: 25%
}
.col-sm-offset-2 {
margin-left: 16.66666667%
}
.col-sm-offset-1 {
margin-left: 8.33333333%
}
.col-sm-offset-0 {
margin-left: 0
}
}
@media (min-width:992px) {
.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
float: left
}
.col-md-12 {
width: 100%
}
.col-md-11 {
width: 91.66666667%
}
.col-md-10 {
width: 83.33333333%
}
.col-md-9 {
width: 75%
}
.col-md-8 {
width: 66.66666667%
}
.col-md-7 {
width: 58.33333333%
}
.col-md-6 {
width: 50%
}
.col-md-5 {
width: 41.66666667%
}
.col-md-4 {
width: 33.33333333%
}
.col-md-3 {
width: 25%
}
.col-md-2 {
width: 16.66666667%
}
.col-md-1 {
width: 8.33333333%
}
.col-md-pull-12 {
right: 100%
}
.col-md-pull-11 {
right: 91.66666667%
}
.col-md-pull-10 {
right: 83.33333333%
}
.col-md-pull-9 {
right: 75%
}
.col-md-pull-8 {
right: 66.66666667%
}
.col-md-pull-7 {
right: 58.33333333%
}
.col-md-pull-6 {
right: 50%
}
.col-md-pull-5 {
right: 41.66666667%
}
.col-md-pull-4 {
right: 33.33333333%
}
.col-md-pull-3 {
right: 25%
}
.col-md-pull-2 {
right: 16.66666667%
}
.col-md-pull-1 {
right: 8.33333333%
}
.col-md-pull-0 {
right: auto
}
.col-md-push-12 {
left: 100%
}
.col-md-push-11 {
left: 91.66666667%
}
.col-md-push-10 {
left: 83.33333333%
}
.col-md-push-9 {
left: 75%
}
.col-md-push-8 {
left: 66.66666667%
}
.col-md-push-7 {
left: 58.33333333%
}
.col-md-push-6 {
left: 50%
}
.col-md-push-5 {
left: 41.66666667%
}
.col-md-push-4 {
left: 33.33333333%
}
.col-md-push-3 {
left: 25%
}
.col-md-push-2 {
left: 16.66666667%
}
.col-md-push-1 {
left: 8.33333333%
}
.col-md-push-0 {
left: auto
}
.col-md-offset-12 {
margin-left: 100%
}
.col-md-offset-11 {
margin-left: 91.66666667%
}
.col-md-offset-10 {
margin-left: 83.33333333%
}
.col-md-offset-9 {
margin-left: 75%
}
.col-md-offset-8 {
margin-left: 66.66666667%
}
.col-md-offset-7 {
margin-left: 58.33333333%
}
.col-md-offset-6 {
margin-left: 50%
}
.col-md-offset-5 {
margin-left: 41.66666667%
}
.col-md-offset-4 {
margin-left: 33.33333333%
}
.col-md-offset-3 {
margin-left: 25%
}
.col-md-offset-2 {
margin-left: 16.66666667%
}
.col-md-offset-1 {
margin-left: 8.33333333%
}
.col-md-offset-0 {
margin-left: 0
}
}
@media (min-width:1180px) {
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9 {
float: left
}
.col-lg-12 {
width: 100%
}
.col-lg-11 {
width: 91.66666667%
}
.col-lg-10 {
width: 83.33333333%
}
.col-lg-9 {
width: 75%
}
.col-lg-8 {
width: 66.66666667%
}
.col-lg-7 {
width: 58.33333333%
}
.col-lg-6 {
width: 50%
}
.col-lg-5 {
width: 41.66666667%
}
.col-lg-4 {
width: 33.33333333%
}
.col-lg-3 {
width: 25%
}
.col-lg-2 {
width: 16.66666667%
}
.col-lg-1 {
width: 8.33333333%
}
.col-lg-pull-12 {
right: 100%
}
.col-lg-pull-11 {
right: 91.66666667%
}
.col-lg-pull-10 {
right: 83.33333333%
}
.col-lg-pull-9 {
right: 75%
}
.col-lg-pull-8 {
right: 66.66666667%
}
.col-lg-pull-7 {
right: 58.33333333%
}
.col-lg-pull-6 {
right: 50%
}
.col-lg-pull-5 {
right: 41.66666667%
}
.col-lg-pull-4 {
right: 33.33333333%
}
.col-lg-pull-3 {
right: 25%
}
.col-lg-pull-2 {
right: 16.66666667%
}
.col-lg-pull-1 {
right: 8.33333333%
}
.col-lg-pull-0 {
right: auto
}
.col-lg-push-12 {
left: 100%
}
.col-lg-push-11 {
left: 91.66666667%
}
.col-lg-push-10 {
left: 83.33333333%
}
.col-lg-push-9 {
left: 75%
}
.col-lg-push-8 {
left: 66.66666667%
}
.col-lg-push-7 {
left: 58.33333333%
}
.col-lg-push-6 {
left: 50%
}
.col-lg-push-5 {
left: 41.66666667%
}
.col-lg-push-4 {
left: 33.33333333%
}
.col-lg-push-3 {
left: 25%
}
.col-lg-push-2 {
left: 16.66666667%
}
.col-lg-push-1 {
left: 8.33333333%
}
.col-lg-push-0 {
left: auto
}
.col-lg-offset-12 {
margin-left: 100%
}
.col-lg-offset-11 {
margin-left: 91.66666667%
}
.col-lg-offset-10 {
margin-left: 83.33333333%
}
.col-lg-offset-9 {
margin-left: 75%
}
.col-lg-offset-8 {
margin-left: 66.66666667%
}
.col-lg-offset-7 {
margin-left: 58.33333333%
}
.col-lg-offset-6 {
margin-left: 50%
}
.col-lg-offset-5 {
margin-left: 41.66666667%
}
.col-lg-offset-4 {
margin-left: 33.33333333%
}
.col-lg-offset-3 {
margin-left: 25%
}
.col-lg-offset-2 {
margin-left: 16.66666667%
}
.col-lg-offset-1 {
margin-left: 8.33333333%
}
.col-lg-offset-0 {
margin-left: 0
}
}
.modal,.modal-backdrop {
right: 0;
left: 0;
bottom: 0
}
table {
background-color: transparent
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777
}
.table {
width: 100%
}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd
}
.table>thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid #ddd
}
.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th {
border-top: 0
}
.table>tbody+tbody {
border-top: 2px solid #ddd
}
.table .table {
background-color: #fff
}
.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th {
padding: 5px
}
.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
border: 1px solid #ddd
}
.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
border-bottom-width: 2px
}
.table-striped>tbody>tr:nth-of-type(odd) {
background-color: #f9f9f9
}
.table-hover>tbody>tr:hover,.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active {
background-color: #f5f5f5
}
table col[class*=col-] {
position: static;
float: none;
display: table-column
}
table td[class*=col-],table th[class*=col-] {
position: static;
float: none;
display: table-cell
}
.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover {
background-color: #e8e8e8
}
.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success {
background-color: #dff0d8
}
.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover {
background-color: #d0e9c6
}
.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info {
background-color: #d9edf7
}
.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover {
background-color: #c4e3f3
}
.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning {
background-color: #fcf8e3
}
.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover {
background-color: #faf2cc
}
.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger {
background-color: #f2dede
}
.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover {
background-color: #ebcccc
}
.table-responsive {
overflow-x: auto;
min-height: .01%
}
@media screen and (max-width:767px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd
}
.table-responsive>.table {
margin-bottom: 0
}
.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th {
white-space: nowrap
}
.table-responsive>.table-bordered {
border: 0
}
.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child {
border-left: 0
}
.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child {
border-right: 0
}
.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th {
border-bottom: 0
}
}
.modal,.modal-open {
overflow: hidden
}
fieldset,legend {
padding: 0;
border: 0
}
fieldset {
margin: 0;
min-width: 0
}
legend {
display: block;
width: 100%;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333;
border-bottom: 1px solid #e5e5e5
}
label {
display: inline-block;
margin-bottom: 5px
}
input[type=search] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none
}
input[type=checkbox],input[type=radio] {
margin: 4px 0 0;
margin-top: 1px\9;
line-height: normal
}
.form-control,output {
font-size: 14px;
line-height: 1.42857143;
color: #333;
display: block
}
input[type=file] {
display: block
}
input[type=range] {
display: block;
width: 100%
}
select[multiple],select[size] {
height: auto
}
input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus {
outline: dotted thin;
outline: -webkit-focus-ring-color auto 5px;
outline-offset: -2px
}
output {
padding-top: 11px
}
.form-control {
width: 100%;
height: 42px;
padding: 10px;
background-color: #fff;
border: 1px solid #c5c5c5;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.form-control::-moz-placeholder {
color: #a9a9a9;
opacity: 1
}
.form-control:-ms-input-placeholder {
color: #a9a9a9
}
.form-control::-webkit-input-placeholder {
color: #a9a9a9
}
.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .form-control-feedback,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label {
color: #3c763d
}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
background-color: #eee;
opacity: 1
}
.form-control[disabled],fieldset[disabled] .form-control {
cursor: not-allowed
}
textarea.form-control {
height: auto
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control {
line-height: 42px
}
.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm {
line-height: 228px
}
.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg {
line-height: 572px
}
}
.form-group {
margin-bottom: 15px
}
.checkbox,.radio {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px
}
.checkbox label,.radio label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer
}
.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio] {
position: absolute;
margin-left: -20px;
margin-top: 4px\9
}
.checkbox+.checkbox,.radio+.radio {
margin-top: -5px
}
.checkbox-inline,.radio-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: 400;
cursor: pointer
}
.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline {
margin-top: 0;
margin-left: 10px
}
.checkbox-inline.disabled,.checkbox.disabled label,.radio-inline.disabled,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio label,fieldset[disabled] .radio-inline,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled] {
cursor: not-allowed
}
.form-control-static {
padding-top: 11px;
padding-bottom: 11px;
margin-bottom: 0;
min-height: 34px
}
.form-control-static.input-lg,.form-control-static.input-sm {
padding-left: 0;
padding-right: 0
}
.form-group-sm .form-control,.input-sm {
padding: 5px;
border-radius: 2px;
font-size: 12px
}
.input-sm {
height: 228px;
line-height: 18px
}
select.input-sm {
height: 228px;
line-height: 228px
}
select[multiple].input-sm,textarea.input-sm {
height: auto
}
.form-group-sm .form-control {
height: 228px;
line-height: 18px
}
.form-group-lg .form-control,.input-lg {
border-radius: 5px;
padding: 15px;
font-size: 18px
}
.form-group-sm select.form-control {
height: 228px;
line-height: 228px
}
.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control {
height: auto
}
.form-group-sm .form-control-static {
height: 228px;
min-height: 32px;
padding: 6px 5px;
font-size: 12px;
line-height: 18px
}
.input-lg {
height: 572px;
line-height: 30px
}
select.input-lg {
height: 572px;
line-height: 572px
}
select[multiple].input-lg,textarea.input-lg {
height: auto
}
.form-group-lg .form-control {
height: 572px;
line-height: 30px
}
.form-group-lg select.form-control {
height: 572px;
line-height: 572px
}
.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control {
height: auto
}
.form-group-lg .form-control-static {
height: 572px;
min-height: 38px;
padding: 16px 15px;
font-size: 18px;
line-height: 30px
}
.has-feedback {
position: relative
}
.has-feedback .form-control {
padding-right: 52.5px
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 42px;
height: 42px;
line-height: 42px;
text-align: center;
pointer-events: none
}
.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback {
width: 572px;
height: 572px;
line-height: 572px
}
.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback {
width: 228px;
height: 228px;
line-height: 228px
}
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168
}
.has-success .input-group-addon {
color: #3c763d;
border-color: #3c763d;
background-color: #dff0d8
}
.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .form-control-feedback,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label {
color: #8a6d3b
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b
}
.has-warning .input-group-addon {
color: #8a6d3b;
border-color: #8a6d3b;
background-color: #fcf8e3
}
.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .form-control-feedback,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label {
color: #a94442
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
}
.has-error .input-group-addon {
color: #a94442;
border-color: #a94442;
background-color: #f2dede
}
.has-feedback label~.form-control-feedback {
top: 25px
}
.has-feedback label.sr-only~.form-control-feedback {
top: 0
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #959595
}
.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 11px
}
.form-horizontal .checkbox,.form-horizontal .radio {
min-height: 31px
}
.form-horizontal .form-group {
margin-left: 0;
margin-right: 0
}
.form-horizontal .has-feedback .form-control-feedback {
right: 0
}
@media (min-width:768px) {
.form-inline .form-control-static,.form-inline .form-group {
display: inline-block
}
.form-inline .control-label,.form-inline .form-group {
margin-bottom: 0;
vertical-align: middle
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle
}
.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn {
width: auto
}
.form-inline .input-group>.form-control {
width: 100%
}
.form-inline .checkbox,.form-inline .radio {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle
}
.form-inline .checkbox label,.form-inline .radio label {
padding-left: 0
}
.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio] {
position: relative;
margin-left: 0
}
.form-inline .has-feedback .form-control-feedback {
top: 0
}
.form-horizontal .control-label {
text-align: right;
margin-bottom: 0;
padding-top: 11px
}
.form-horizontal .form-group-lg .control-label {
padding-top: 451px;
font-size: 18px
}
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
font-size: 12px
}
}
.modal {
display: none;
position: fixed;
top: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0,-25%);
-ms-transform: translate(0,-25%);
-o-transform: translate(0,-25%);
transform: translate(0,-25%);
-webkit-transition: -webkit-transform .3s ease-out;
-moz-transition: -moz-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out
}
.modal.in .modal-dialog {
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0)
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px
}
.modal-content {
position: relative;
background-color: #fff;
border: 1px solid #999;
border: 1px solid rgba(0,0,0,.2);
border-radius: 5px;
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
box-shadow: 0 3px 9px rgba(0,0,0,.5);
background-clip: padding-box;
outline: 0
}
.modal-backdrop {
position: fixed;
top: 0;
z-index: 1040;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0)
}
.modal-backdrop.in {
opacity: .5;
filter: alpha(opacity=50)
}
.modal-header {
padding: 15px 30px;
min-height: 16.43px
}
.modal-header .close {
background-position: 0 -39px;
cursor: pointer;
float: right;
filter: alpha(opacity=80);
height: 12px;
margin-top: 4px;
opacity: .8;
width: 12px
}
.modal-header .close:hover {
filter: alpha(opacity=100);
opacity: 1
}
.modal-title {
margin: 0;
line-height: 1.42857143
}
.modal-body {
position: relative;
padding: 15px 30px
}
.modal-footer {
padding: 15px 30px;
text-align: right;
border-top: 1px solid #e5e5e5
}
.modal-footer .btn+.btn {
margin-left: 5px;
margin-bottom: 0
}
.modal-footer .btn-group .btn+.btn {
margin-left: -1px
}
.modal-footer .btn-block+.btn-block {
margin-left: 0
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
@media (min-width:768px) {
.modal-dialog {
width: 422px;
margin: 250px auto 30px
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
box-shadow: 0 5px 15px rgba(0,0,0,.5)
}
.modal-sm {
width: 300px
}
}
@media (min-width:992px) {
.modal-lg {
width: 900px
}
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
border: 1px solid transparent;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.btn-danger,.btn-default,.btn-info,.btn-primary,.btn-success,.btn-warning {
padding: 10px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 3px
}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {
outline: dotted thin;
outline: -webkit-focus-ring-color auto 5px;
outline-offset: -2px
}
.btn.focus,.btn:focus,.btn:hover {
color: #333;
text-decoration: none
}
.btn.active,.btn:active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
cursor: not-allowed;
opacity: .65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none
}
a.btn.disabled,fieldset[disabled] a.btn {
pointer-events: none
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc
}
.btn-default.focus,.btn-default:focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c
}
.btn-default.active,.btn-default:active,.btn-default:hover,.open>.dropdown-toggle.btn-default {
color: #333;
background-color: #e6e6e6;
border-color: #adadad
}
.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c
}
.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover {
background-color: #fff;
border-color: #ccc
}
.btn-default .badge {
color: #fff;
background-color: #333
}
.btn-primary {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4
}
.btn-primary.focus,.btn-primary:focus {
color: #fff;
background-color: #286090;
border-color: #122b40
}
.btn-primary.active,.btn-primary:active,.btn-primary:hover,.open>.dropdown-toggle.btn-primary {
color: #fff;
background-color: #286090;
border-color: #204d74
}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover {
color: #fff;
background-color: #204d74;
border-color: #122b40
}
.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover {
background-color: #337ab7;
border-color: #2e6da4
}
.btn-primary .badge {
color: #337ab7;
background-color: #fff
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c
}
.btn-success.focus,.btn-success:focus {
color: #fff;
background-color: #449d44;
border-color: #255625
}
.btn-success.active,.btn-success:active,.btn-success:hover,.open>.dropdown-toggle.btn-success {
color: #fff;
background-color: #449d44;
border-color: #398439
}
.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover {
color: #fff;
background-color: #398439;
border-color: #255625
}
.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover {
background-color: #5cb85c;
border-color: #4cae4c
}
.btn-success .badge {
color: #5cb85c;
background-color: #fff
}
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da
}
.btn-info.focus,.btn-info:focus {
color: #fff;
background-color: #31b0d5;
border-color: #1b6d85
}
.btn-info.active,.btn-info:active,.btn-info:hover,.open>.dropdown-toggle.btn-info {
color: #fff;
background-color: #31b0d5;
border-color: #269abc
}
.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover {
color: #fff;
background-color: #269abc;
border-color: #1b6d85
}
.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover {
background-color: #5bc0de;
border-color: #46b8da
}
.btn-info .badge {
color: #5bc0de;
background-color: #fff
}
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236
}
.btn-warning.focus,.btn-warning:focus {
color: #fff;
background-color: #ec971f;
border-color: #985f0d
}
.btn-warning.active,.btn-warning:active,.btn-warning:hover,.open>.dropdown-toggle.btn-warning {
color: #fff;
background-color: #ec971f;
border-color: #d58512
}
.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover {
color: #fff;
background-color: #d58512;
border-color: #985f0d
}
.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover {
background-color: #f0ad4e;
border-color: #eea236
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a
}
.btn-danger.focus,.btn-danger:focus {
color: #fff;
background-color: #c9302c;
border-color: #761c19
}
.btn-danger.active,.btn-danger:active,.btn-danger:hover,.open>.dropdown-toggle.btn-danger {
color: #fff;
background-color: #c9302c;
border-color: #ac2925
}
.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover {
color: #fff;
background-color: #ac2925;
border-color: #761c19
}
.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover {
background-color: #d9534f;
border-color: #d43f3a
}
.btn-danger .badge {
color: #d9534f;
background-color: #fff
}
.btn-index-details {
padding: 0;
font-size: 18px;
line-height: 36px;
border-radius: 18px;
height: 36px;
width: 117px;
color: #fff;
background-color: #ffb400;
border-color: #ffb400
}
.btn-index-details:hover {
color: #fff;
background-color: #ff9812;
border-color: #ff9812
}
.btn-info-save {
padding: 0;
font-size: 18px;
line-height: 34px;
border-radius: 3px;
height: 34px;
width: 133px;
color: #ff8a00;
background-color: #ffe5ca;
border-color: #ff8a00
}
.btn-info-save:hover {
color: #ff8a00;
background-color: #fddab8;
border-color: #ff8a00
}
.btn-info-choice,.btn-info-choice:hover {
background-color: #e5ebe5;
border-color: #9eb1a2
}
.btn-info-choice {
padding: 0;
font-size: 14px;
line-height: 24px;
border-radius: 3px;
height: 24px;
width: 57px;
color: #333
}
.btn-block,input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
width: 100%
}
.btn-info-choice:hover {
color: #e70
}
.btn-link {
color: #333;
font-weight: 400;
border-radius: 0
}
.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none
}
.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover {
border-color: transparent
}
.btn-link:focus,.btn-link:hover {
color: #ff8a00;
text-decoration: underline;
background-color: transparent
}
nav .nav li a:hover,nav .nav li.sp a {
background-color: #fdda36
}
.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover {
color: #777;
text-decoration: none
}
.btn-lg {
padding: 15px;
font-size: 18px;
line-height: 30px;
border-radius: 5px
}
.btn-sm,.btn-xs {
font-size: 12px;
line-height: 18px;
border-radius: 2px
}
.btn-sm {
padding: 5px
}
.btn-xs {
padding: 2px 5px
}
.btn-block {
display: block
}
.btn-block+.btn-block {
margin-top: 5px
}
nav {
border-bottom: 2px #ffdf4a solid;
height: 35px;
min-width: 1000px
}
nav .nav {
height: 35px;
margin: 0 0 0 280px;
min-width: 720px;
padding: 0
}
nav .nav li {
float: left;
height: 35px;
position: relative;
text-align: center;
width: 16.55%
}
nav .nav li a {
border-radius: 3px;
display: inline-block;
font-size: 18px;
height: 26px;
line-height: 26px
}
nav .nav li a:hover {
color: #333;
text-decoration: none
}
nav .nav li i {
background-position: -174px -29px;
bottom: 0;
display: none;
height: 7px;
left: -6px;
margin-left: 50%;
position: absolute;
width: 11px
}
nav .nav li i.hot {
background-position: -307px -42px;
display: block;
height: 14px;
left: auto;
right: 22px;
top: -14px;
width: 27px
}
.index-activity .con.big:after,.index-activity .con:after {
right: 0
}
nav .nav li.sp i {
display: block
}
.mr0 {
margin-right: 0!important
}
.mr5 {
margin-right: 5px
}
.mr10 {
margin-right: 10px
}
.mr12 {
margin-right: 12px
}
.mr15 {
margin-right: 15px
}
.mr20 {
margin-right: 20px
}
.mr25 {
margin-right: 25px
}
.mr30 {
margin-right: 30px
}
.mr60 {
margin-right: 60px
}
.mrp50 {
margin-right: 50%
}
.ml0 {
margin-left: 0!important
}
.ml5 {
margin-left: 5px
}
.ml10 {
margin-left: 10px
}
.ml12 {
margin-left: 12px
}
.ml15 {
margin-left: 15px
}
.ml20 {
margin-left: 20px
}
.ml25 {
margin-left: 25px
}
.ml30 {
margin-left: 30px
}
.ml90 {
margin-left: 90px
}
.mlp50 {
margin-left: 50%
}
.mt0 {
margin-top: 0!important
}
.mt5 {
margin-top: 5px
}
.mt10 {
margin-top: 10px
}
.mt15 {
margin-top: 15px
}
.mt20 {
margin-top: 20px
}
.mt25 {
margin-top: 25px
}
.mt30 {
margin-top: 30px
}
.mb0 {
margin-bottom: 0!important
}
.mb5 {
margin-bottom: 5px
}
.mb10 {
margin-bottom: 10px
}
.mb15 {
margin-bottom: 15px
}
.mb20 {
margin-bottom: 20px
}
.mb25 {
margin-bottom: 25px
}
.mb30 {
margin-bottom: 30px
}
.m0 {
margin: 0!important
}
.m5 {
margin: 5px
}
.m10 {
margin: 10px
}
.m15 {
margin: 15px
}
.pr0 {
padding-right: 0!important
}
.pr5 {
padding-right: 5px
}
.pr10 {
padding-right: 10px
}
.pr15 {
padding-right: 15px
}
.pr20 {
padding-right: 20px
}
.pr25 {
padding-right: 25px
}
.pr30 {
padding-right: 30px
}
.pl0 {
padding-left: 0!important
}
.pl5 {
padding-left: 5px
}
.pl10 {
padding-left: 10px
}
.pl15 {
padding-left: 15px
}
.pl20 {
padding-left: 20px
}
.pl25 {
padding-left: 25px
}
.pl30 {
padding-left: 30px
}
.pl35 {
padding-left: 35px
}
.pt0 {
padding-top: 0!important
}
.pt5 {
padding-top: 5px
}
.pt10 {
padding-top: 10px
}
.pt15 {
padding-top: 15px
}
.pt20 {
padding-top: 20px
}
.pt25 {
padding-top: 25px
}
.pt30 {
padding-top: 30px
}
.pb0 {
padding-bottom: 0!important
}
.pb5 {
padding-bottom: 5px
}
.pb10 {
padding-bottom: 10px
}
.pb15 {
padding-bottom: 15px
}
.pb20 {
padding-bottom: 20px
}
.pb25 {
padding-bottom: 25px
}
.index-activity,.pb30 {
padding-bottom: 30px
}
.p0 {
padding: 0!important
}
.p5 {
padding: 5px
}
.p10 {
padding: 10px
}
.p15 {
padding: 15px
}
.p20 {
padding: 20px
}
.p25 {
padding: 25px
}
.p30 {
padding: 30px
}
@-ms-viewport {
width:device-width
}
.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
display: none!important
}
@media (max-width:767px) {
.visible-xs {
display: block!important
}
table.visible-xs {
display: table!important
}
tr.visible-xs {
display: table-row!important
}
td.visible-xs,th.visible-xs {
display: table-cell!important
}
.visible-xs-block {
display: block!important
}
.visible-xs-inline {
display: inline!important
}
.visible-xs-inline-block {
display: inline-block!important
}
}
@media (min-width:768px) and (max-width:991px) {
.visible-sm {
display: block!important
}
table.visible-sm {
display: table!important
}
tr.visible-sm {
display: table-row!important
}
td.visible-sm,th.visible-sm {
display: table-cell!important
}
.visible-sm-block {
display: block!important
}
.visible-sm-inline {
display: inline!important
}
.visible-sm-inline-block {
display: inline-block!important
}
}
@media (min-width:992px) and (max-width:1179px) {
.visible-md {
display: block!important
}
table.visible-md {
display: table!important
}
tr.visible-md {
display: table-row!important
}
td.visible-md,th.visible-md {
display: table-cell!important
}
.visible-md-block {
display: block!important
}
.visible-md-inline {
display: inline!important
}
.visible-md-inline-block {
display: inline-block!important
}
}
@media (min-width:1180px) {
.visible-lg {
display: block!important
}
table.visible-lg {
display: table!important
}
tr.visible-lg {
display: table-row!important
}
td.visible-lg,th.visible-lg {
display: table-cell!important
}
.visible-lg-block {
display: block!important
}
.visible-lg-inline {
display: inline!important
}
.visible-lg-inline-block {
display: inline-block!important
}
.hidden-lg {
display: none!important
}
}
@media (max-width:767px) {
.hidden-xs {
display: none!important
}
}
@media (min-width:768px) and (max-width:991px) {
.hidden-sm {
display: none!important
}
}
@media (min-width:992px) and (max-width:1179px) {
.hidden-md {
display: none!important
}
}
.visible-print {
display: none!important
}
@media print {
.visible-print {
display: block!important
}
table.visible-print {
display: table!important
}
tr.visible-print {
display: table-row!important
}
td.visible-print,th.visible-print {
display: table-cell!important
}
}
.visible-print-block {
display: none!important
}
@media print {
.visible-print-block {
display: block!important
}
}
.visible-print-inline {
display: none!important
}
@media print {
.visible-print-inline {
display: inline!important
}
}
.visible-print-inline-block {
display: none!important
}
@media print {
.visible-print-inline-block {
display: inline-block!important
}
.hidden-print {
display: none!important
}
}
.site-container-wrap {
padding-bottom: 50px
}
.site-container-main {
float: left;
width: 860px
}
.site-container-side {
float: right;
width: 300px
}
.site-container-panel {
border: 1px solid #e9e9e9;
border-top: 5px solid #ffa800
}
i {
background: url(images/icon.png) no-repeat
}
footer.bt0 {
border-top: 0
}
header {
min-width: 1000px
}
header .topbar {
height: 46px
}
header .topbar .logo a,header .topbar .logo img {
height: 43px;
width: 110px
}
header .topbar .logo i {
background-position: -127px -42px;
height: 35px;
width: 180px
}
header .topbar .topbar-right {
color: #3f3a3b;
height: 17px;
line-height: 17px
}
header .topbar .topbar-right i {
background-position: -336px -42px;
height: 17px;
margin-right: 3px;
width: 17px
}
header .topbar .topbar-right .topbar-tel {
border-right: 1px #bababa solid;
color: #bababa;
font-size: 18px
}
header .topbar .topbar-right a {
cursor: pointer;
font-size: 12px;
margin: 0 3px;
padding: 0 5px
}
header .topbar .topbar-right a.topbar-user {
font-size: 16px
}
header .topbar .topbar-right a.sp {
background: #fdda36
}
header .topbar .topbar-right a.topbar-cart em {
background: #000;
border-radius: 7px;
color: #fdda36;
font-size: 12px;
height: 15px;
line-height: 15px;
margin: 1px 0 0 2px;
overflow: hidden;
text-align: center;
width: 15px;
-webkit-text-size-adjust: none
}
header .topbar .topbar-right #personal-list:hover .personal-list {
display: block
}
header .topbar .topbar-right .personal-list {
display: none;
left: 0;
padding-top: 15px;
top: 15px;
width: 150px;
z-index: 2
}
header .topbar .topbar-right .personal-list .personal-list-top {
background-position: -199px -452px;
height: 10px;
left: -13px;
top: 6px;
margin-left: 50%;
width: 26px
}
header .topbar .topbar-right .personal-list ul {
border: 1px solid #ccc;
background: #fff;
border-radius: 5px;
color: #666;
width: 150px
}
header .topbar .topbar-right .personal-list ul li {
width: 130px
}
header .topbar .topbar-right .personal-list ul li a {
border-bottom: 1px #ccc solid;
height: 30px;
line-height: 30px;
width: 130px
}
header .topbar .topbar-right .personal-list ul li a i {
display: inline-block;
height: 16px;
margin: 0 20px 0 5px;
vertical-align: middle;
width: 16px
}
.current i,footer .footer-bq span {
vertical-align: top;
display: inline-block
}
header .topbar .topbar-right .personal-list ul li a i.personal-list-ico0 {
background-position: -103px -449px
}
header .topbar .topbar-right .personal-list ul li a i.personal-list-ico1 {
background-position: -119px -449px
}
header .topbar .topbar-right .personal-list ul li a i.personal-list-ico2 {
background-position: -135px -449px
}
header .topbar .topbar-right .personal-list ul li a i.personal-list-ico3 {
background-position: -151px -449px
}
header .topbar .topbar-right .personal-list ul li a i.personal-list-ico4 {
background-position: -167px -449px
}
header .topbar .topbar-right .personal-list ul li a i.personal-list-ico5 {
background-position: -183px -449px
}
header .topbar .topbar-right .personal-list ul li:last-child a {
border: none
}
header .topbar .topbar-right .personal-list ul li:hover {
background: #efefef
}
header .topbar .topbar-right .personal-list ul li:hover a {
color: #666
}
header .nav-dropdown {
height: 35px;
line-height: 26px;
position: relative;
width: 280px;
z-index: 1000
}
header .nav-dropdown a {
color: #3f3b3a;
display: block;
font-size: 18px;
text-align: center
}
header .nav-dropdown a .sp,header .nav-dropdown a:hover {
text-decoration: none
}
header .nav-dropdown .dropdown-menu {
border-top: 2px #fdda36 solid;
left: 0;
position: absolute;
top: 35px;
width: 280px
}
header .nav-dropdown .dropdown-menu .index-nav-tabs {
background: #fff;
border: 1px solid #d5dee2;
border-top: none;
overflow: hidden
}
header .nav-dropdown .dropdown-menu .index-nav-tabs a {
border-bottom: 1px #d5dee2 solid;
color: #3e3a39;
font-size: 20px;
height: 70px;
line-height: 70px;
text-align: center;
width: 280px
}
header .nav-dropdown .dropdown-menu .index-nav-tabs a i {
height: 26px;
margin-top: 22px;
margin-left: 55px;
width: 35px
}
header .nav-dropdown .dropdown-menu .index-nav-tabs a i.dmenu-ico0 {
background-position: 0 -77px
}
header .nav-dropdown .dropdown-menu .index-nav-tabs a i.dmenu-ico1 {
background-position: -70px -77px
}
header .nav-dropdown .dropdown-menu .index-nav-tabs a i.dmenu-ico2 {
background-position: -140px -77px
}
header .nav-dropdown .dropdown-menu .index-nav-tabs a i.dmenu-ico3 {
background-position: -210px -77px
}
header .nav-dropdown .dropdown-menu .index-nav-tabs a i.dmenu-ico4 {
background-position: -280px -77px
}
header .nav-dropdown .dropdown-menu .index-nav-tabs a i.dmenu-ico5 {
background-position: -350px -77px
}
header .nav-dropdown .dropdown-menu .index-nav-tabs a i.dmenu-ico6 {
background-position: -420px -77px
}
header .nav-dropdown .dropdown-menu .index-nav-tabs a i.dmenu-point {
background-position: -493px -93px;
height: 10px;
margin-top: 30px;
width: 7px
}
header .nav-dropdown .dropdown-menu .index-nav-tabs a.sp,header .nav-dropdown .dropdown-menu .index-nav-tabs a:hover {
background: #fdda36;
padding-left: 4px;
width: 276px
}
header .nav-dropdown .dropdown-menu .index-nav-tabs a.sp i.dmenu-ico0,header .nav-dropdown .dropdown-menu .index-nav-tabs a:hover i.dmenu-ico0 {
background-position: -35px -77px
}
header .nav-dropdown .dropdown-menu .index-nav-tabs a.sp i.dmenu-ico1,header .nav-dropdown .dropdown-menu .index-nav-tabs a:hover i.dmenu-ico1 {
background-position: -105px -77px
}
header .nav-dropdown .dropdown-menu .index-nav-tabs a.sp i.dmenu-ico2,header .nav-dropdown .dropdown-menu .index-nav-tabs a:hover i.dmenu-ico2 {
background-position: -175px -77px
}
header .nav-dropdown .dropdown-menu .index-nav-tabs a.sp i.dmenu-ico3,header .nav-dropdown .dropdown-menu .index-nav-tabs a:hover i.dmenu-ico3 {
background-position: -245px -77px
}
header .nav-dropdown .dropdown-menu .index-nav-tabs a.sp i.dmenu-ico4,header .nav-dropdown .dropdown-menu .index-nav-tabs a:hover i.dmenu-ico4 {
background-position: -315px -77px
}
header .nav-dropdown .dropdown-menu .index-nav-tabs a.sp i.dmenu-ico5,header .nav-dropdown .dropdown-menu .index-nav-tabs a:hover i.dmenu-ico5 {
background-position: -385px -77px
}
header .nav-dropdown .dropdown-menu .index-nav-tabs a.sp i.dmenu-ico6,header .nav-dropdown .dropdown-menu .index-nav-tabs a:hover i.dmenu-ico6 {
background-position: -455px -77px
}
header .nav-dropdown .dropdown-menu .index-nav-tabs a.sp i.dmenu-point,header .nav-dropdown .dropdown-menu .index-nav-tabs a:hover i.dmenu-point {
background: #fdda36
}
header .nav-dropdown .dropdown-menu .index-nav-tabs a.dmenu-last {
border: none;
height: 73px
}
header .nav-dropdown .dropdown-menu .nav-right-menu {
background: #fff;
border-bottom: 1px #d5dee2 solid;
height: 499px;
left: 280px;
overflow: hidden;
top: 0;
width: 0
}
header .nav-dropdown .dropdown-menu .nav-right-menu .nav-related {
background: #fff;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 920px;
z-index: 0
}
header .nav-dropdown .dropdown-menu .nav-right-menu .nav-related .related-recommend {
height: 500px;
width: 688px;
border-right: 1px solid #d5dee2
}
header .nav-dropdown .dropdown-menu .nav-right-menu .nav-related .related-recommend span {
margin: 440px 34px 0 0
}
header .nav-dropdown .dropdown-menu .nav-right-menu .nav-related .related-recommend0 {
background: url(images/nav-right0.png) center center no-repeat
}
header .nav-dropdown .dropdown-menu .nav-right-menu .nav-related .related-recommend1 {
background: url(images/nav-right1.png) center center no-repeat
}
header .nav-dropdown .dropdown-menu .nav-right-menu .nav-related .related-recommend2 {
background: url(images/nav-right2.png) center center no-repeat
}
header .nav-dropdown .dropdown-menu .nav-right-menu .nav-related .related-recommend3 {
background: url(images/nav-right3.png) center center no-repeat
}
header .nav-dropdown .dropdown-menu .nav-right-menu .nav-related .related-recommend4 {
background: url(images/nav-right4.png) center center no-repeat
}
header .nav-dropdown .dropdown-menu .nav-right-menu .nav-related .related-recommend5 {
background: url(images/nav-right5.png) center center no-repeat
}
header .nav-dropdown .dropdown-menu .nav-right-menu .nav-related .related-recommend6 {
background: url(images/nav-right6.png) center center no-repeat
}
header .nav-dropdown .dropdown-menu .nav-right-menu .nav-related .related-list {
border-right: 1px #d5dee2 solid;
height: 447px;
padding: 26px;
width: 178px
}
header .nav-dropdown .dropdown-menu .nav-right-menu .nav-related .related-list .related-tit {
height: 32px;
width: 100%
}
header .nav-dropdown .dropdown-menu .nav-right-menu .nav-related .related-list .related-tit span {
border-bottom: 2px #fe8a5d solid;
font-size: 18px;
height: 30px;
line-height: 30px;
width: 72px
}
header .nav-dropdown .dropdown-menu .nav-right-menu .nav-related .related-list .related-tit em {
border-bottom: 1px #000 solid;
height: 31px;
width: 106px
}
header .nav-dropdown .dropdown-menu .nav-right-menu .nav-related .related-list a {
font-size: 14px;
height: 35px;
line-height: 35px;
text-align: left;
width: 100%
}
header .nav-dropdown .dropdown-menu .nav-right-menu .nav-related .related-list a i {
background-position: -363px -42px;
height: 9px;
width: 8px
}
header .nav-dropdown .dropdown-menu .nav-right-menu .nav-related .related-list a:hover {
color: #ff8a00
}
header .nav-dropdown .dropdown-menu .nav-right-menu .nav-related .related-list a:hover i {
background-position: -353px -42px
}
footer .friendly-link {
border-bottom: 1px #dcdcdc solid
}
footer .friendly-link h5 {
font-weight: 700;
height: 40px;
line-height: 40px
}
footer .friendly-link p a {
height: 28px;
line-height: 28px
}
footer .footer-nav li {
padding-left: 5%
}
footer .footer-nav .contact-way em {
font-size: 12px
}
footer .footer-bq {
background: #3c3837;
color: #929191;
height: 41px;
padding: 10px 0 9px;
text-align: center
}
footer .footer-bq a {
display: inline-block;
height: 41px;
vertical-align: top
}
footer .footer-bq a img {
display: block;
height: 41px;
width: auto
}
footer .footer-bq span {
height: 41px;
line-height: 41px
}
.pop-body {
height: 100%;
overflow: hidden
}
.current {
height: 20px;
border-bottom: 1px solid #ff9000
}
.current i {
background-position: -350px -215px;
height: 20px;
width: 20px
}
.new-current {
border-bottom: none
}
.foue-oh-fure {
width: 780px;
margin: 0 auto;
padding: 150px 0 180px
}
.foue-oh-fure .foue-left {
width: 360px;
height: 271px
}
.foue-oh-fure .foue-right {
font-size: 18px;
padding-top: 90px
}
.foue-oh-fure .foue-right .p2 {
font-size: 20px;
margin-top: 20px
}
.foue-oh-fure .foue-right .p2 a {
display: inline-block;
padding: 1px 10px 2px;
border-radius: 3px;
margin: 0 10px;
background: #ff9000;
color: #fff
}
.foue-oh-fure .foue-right .p2 a:hover {
color: #fff
}
.btm-zixun {
cursor: pointer
}
.grow {
background: #fff;
height: 470px;
overflow: hidden;
position: relative;
width: 100%;
min-width: 1000px
}
.grow ul,.grow ul li,.grow ul li a {
height: 100%;
min-width: 1000px
}
.grow ol,.grow ul,.grow ul li {
position: absolute;
width: 100%
}
.grow ul {
left: 0;
overflow: hidden;
top: 0;
z-index: 1
}
.grow ul li {
float: left;
left: 0;
opacity: 0;
top: 0
}
.grow ul li a {
display: block;
width: 100%
}
.grow ol {
bottom: 15px;
height: 20px;
text-align: center;
z-index: 2
}
.grow ol li {
height: 15px;
margin: 0 4px;
overflow: hidden;
width: 15px;
display: inline-block
}
.grow ol li a {
background-color: #797a8b;
border-radius: 100%;
display: block;
height: 12px;
line-height: 100px;
width: 12px;
opacity: .7;
float: left;
margin-top: 1px
}
.grow ol li a.flex-active {
background-color: #00afdb;
opacity: 1;
width: 14px;
height: 14px;
margin-top: 0
}
.index-packages {
background-color: #fafcff;
padding: 18px 0 15px;
min-width: 1000px
}
.index-packages li {
float: left;
width: 20%;
overflow: hidden
}
.index-packages li .con {
padding: 0 10px;
border-right: 1px solid #e6e6e6;
display: block;
cursor: pointer
}
.index-packages li .con .icon-box {
left: -100%;
top: 0;
width: 200%
}
.index-packages li .con .icon {
width: 60px;
height: 60px;
float: left;
display: block;
margin-right: 8px;
overflow: hidden
}
.index-packages li .con .icon img {
width: auto;
height: 100%
}
.index-packages li .con:hover {
color: #00afdb
}
.index-packages li .con:hover .icon-box {
left: 0
}
.index-packages li .con h3 {
font-size: 18px;
line-height: 28px
}
.index-packages li .con p {
font-size: 12px;
color: #999;
line-height: 18px
}
.index-packages li .con0 {
border-left: 1px solid #e6e6e6
}
.index-title .title {
font-size: 30px;
height: 14px;
position: relative;
border-bottom: 1px solid #ebebeb;
margin: 60px 0
}
.index-title .title span,.index-titles .title span {
display: block;
width: 180px;
line-height: 36px;
top: -6px;
left: 50%;
margin-left: -90px;
text-align: center
}
.index-title .title span {
background-color: #fff;
position: absolute;
height: 36px
}
.index-titles .title {
font-size: 30px;
height: 14px;
position: relative;
border-bottom: 1px solid #d2f0f0;
margin-bottom: 60px
}
.index-titles .title span {
position: absolute;
height: 36px;
background: url(images/newIndex/partners-tit.png) no-repeat
}
.index-activity .inner {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0
}
.index-activity .con {
float: left;
width: 20%;
height: 400px;
position: relative;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.index-activity .con:after,.index-activity .con:before {
width: 1px;
height: 100%;
position: absolute;
top: 0;
z-index: 2;
background: #ddd;
content: ''
}
.index-activity .con:before {
left: -1px
}
.index-activity .con.big {
width: 40%
}
.index-activity .con.big:after,.index-activity .con.big:before {
background: #00afdb;
z-index: 3
}
.index-activity .con h3 {
font-size: 18px;
margin-bottom: 10px;
border-bottom: 1px solid #00afdb;
display: inline-block
}
.index-activity .con h3 span {
display: inline-block;
color: #999;
padding: 8px 0;
font-size: 12px
}
.index-activity .con .unfold .li0 .bl,.index-activity .con .unfold li a {
display: block
}
.index-activity .con a {
color: #00afdb
}
.index-activity .fold,.index-activity .unfold {
height: 100%;
position: absolute;
top: 0;
width: 100%;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease
}
.index-activity .fold {
left: 0
}
.index-activity .big .fold {
left: -100%
}
.index-activity .big .unfold {
left: 0
}
.index-activity .unfold {
left: 100%
}
.index-activity .con .pad {
padding: 22px 20px 0
}
.index-activity .con .fold li {
color: #999;
padding: 20px 0
}
.index-activity .con .unfold h3 img {
float: left;
width: 44px;
height: 44px
}
.index-activity .con .unfold h3 p {
float: left;
padding: 4px 0 0 10px
}
.index-activity .con .unfold .li0 {
width: 100%;
margin-bottom: 26px
}
.index-activity .con .unfold li strong {
font-size: 14px
}
.index-activity .con .unfold .li0 strong {
color: #ff626a
}
.index-activity .con .unfold .li0 a {
border-bottom: 1px dashed #d4d4d4;
padding: 10px 0 25px
}
.index-activity .con .unfold .li0 .tit {
float: left
}
.index-activity .con .unfold .li0 .check {
float: right;
width: 138px;
height: 34px;
text-align: center;
line-height: 34px;
border: 1px solid #00afdb;
color: #00afdb;
display: block;
margin-top: 16px
}
.index-activity .con .unfold li h4 {
font-size: 16px;
color: #333;
line-height: 24px;
width: 196px;
overflow: hidden
}
.index-activity .con .li1,.index-activity .con .li2,.index-activity .con .li3,.index-activity .con .li4 {
width: 50%;
float: left
}
.index-activity .con .li1 a {
border-bottom: 1px solid #d4d4d4;
border-right: 1px solid #d4d4d4;
padding: 4px 20px 10px 0
}
.index-activity .con .li2 a {
border-bottom: 1px solid #d4d4d4;
padding: 4px 0 10px 20px
}
.index-activity .con .li3 a {
border-right: 1px solid #d4d4d4;
padding: 20px 20px 10px 0
}
.index-activity .con .li4 a {
padding: 20px 0 10px 20px
}
.index-activity .con li p {
font-size: 12px;
color: #999;
line-height: 18px
}
.index-activity .con li .del {
display: none
}
.index-activity .con .li0 .del {
display: inline-block
}
.index-activity .con li p span.pl {
overflow: hidden;
width: 110px;
display: inline-block;
height: 18px;
vertical-align: middle
}
.index-activity .con li p .bl {
display: inline-block;
vertical-align: bottom
}
.index-activity .con .li1 .check,.index-activity .con .li2 .check,.index-activity .con .li3 .check,.index-activity .con .li4 .check {
color: #ff626a;
line-height: 22px;
font-size: 12px
}
.index-project li {
float: left;
width: 20%
}
.index-project li .con {
padding: 0 10px
}
.index-project li .con a .img {
width: 220px;
height: 148px;
position: relative
}
.index-project li .con a .img img {
width: 100%;
height: 100%
}
.index-project li .con a .img .h {
bottom: 0;
width: 100%;
height: 0;
overflow: hidden;
position: absolute;
left: 0;
background: url(images/newIndex/check-search.png) center center no-repeat;
z-index: 10;
-webkit-transition: all ease-in-out .3s;
-moz-transition: all ease-in-out .3s;
-ms-transition: all ease-in-out .3s;
-o-transition: all ease-in-out .3s;
transition: all ease-in-out .3s
}
.index-project li .con a p {
padding: 5px 0;
font-size: 12px;
color: #999
}
.index-project li .con a p span {
width: 16px;
height: 16px;
background: url(images/newIndex/ic-time.png) center center no-repeat;
float: left;
margin: 0 6px 0 0
}
.index-project li .con a .zthd-title h3 {
font-size: 16px;
padding: 0 0 16px
}
.index-project li .con a .zthd-title .zthd-line {
background: #00afdb;
height: 2px;
overflow: hidden;
width: 0;
-webkit-transition: all ease-in-out .3s;
-moz-transition: all ease-in-out .3s;
-ms-transition: all ease-in-out .3s;
-o-transition: all ease-in-out .3s;
transition: all ease-in-out .3s
}
.index-project li .con a:hover .zthd-title h3 {
color: #00afdb
}
.index-project li .con a:hover .zthd-title .zthd-line {
width: 100%
}
.index-project li .con a:hover .img .h {
height: 100%
}
.index-project .check-more {
text-align: center;
padding: 30px 0 40px
}
.index-project .check-more a {
display: inline-block;
width: 220px;
height: 48px;
line-height: 48px;
font-size: 16px;
background-color: #00afdb;
color: #fff
}
.index-project .check-more a:hover {
background-color: #02a3cb
}
.index-utility {
padding-bottom: 40px
}
.index-utility li {
float: left;
width: 20%;
text-align: center
}
.index-utility li a {
display: block;
padding: 0 10px
}
.index-utility li a i {
display: inline-block;
background: url(images/newIndex/utility.png);
width: 142px;
height: 110px
}
.index-utility li a h3 {
font-size: 18px;
font-weight: 700;
line-height: 36px
}
.index-utility li a p {
line-height: 18px;
font-size: 12px;
color: #666
}
.index-utility li a:hover h3 {
color: #00afdb
}
.index-utility li a:hover p {
color: #333
}
.index-utility li a .con1 i {
background-position: 0 0
}
.index-utility li a .con2 i {
background-position: -142px 0
}
.index-utility li a .con3 i {
background-position: -284px 0
}
.index-utility li a .con4 i {
background-position: -426px 0
}
.index-utility li a .con5 i {
background-position: -568px 0
}
.index-utility li a.active .con1 i {
background-position: 0 -110px
}
.index-utility li a.active .con2 i {
background-position: -142px -110px
}
.index-utility li a.active .con3 i {
background-position: -284px -110px
}
.index-utility li a.active .con4 i {
background-position: -426px -110px
}
.index-utility li a.active .con5 i {
background-position: -568px -110px
}
.index-utility li a.active h3 {
font-size: 18px;
font-weight: 700;
line-height: 36px;
color: #00afdb
}
.index-utility li a.active p {
color: #333
}
.index-voice {
height: 455px;
background: url(images/newIndex/customer-bg.png) center center repeat-x;
min-width: 1000px
}
.index-voice h2 {
text-align: center;
padding: 50px 0
}
.index-voice .con-c {
height: 150px;
overflow: hidden;
padding-top: 22px
}
.index-voice .con-c ol {
display: none
}
.index-voice .con-c .flex-nav-next,.index-voice .con-c .flex-nav-prev {
background: url(images/newIndex/index-pre-next.png) no-repeat;
cursor: pointer;
height: 32px;
overflow: hidden;
position: absolute;
top: 75px;
width: 18px;
z-index: 2
}
.index-voice .con-c .flex-nav-next a,.index-voice .con-c .flex-nav-prev a {
display: block;
height: 32px;
line-height: 200px;
width: 18px
}
.index-voice .con-c .flex-nav-prev {
background-position: 0 0;
left: 30px
}
.index-voice .con-c .flex-nav-next {
background-position: -18px 0;
right: 30px
}
.index-voice .con-c .index-voice-con {
left: 0;
top: 0;
z-index: 0
}
.index-voice .con-c .index-voice-con li {
height: 150px;
overflow: hidden
}
.index-voice .con-c .index-voice-con li .pad {
width: 880px;
margin: 0 auto
}
.index-voice .con-c .index-voice-con li .pad .img {
width: 150px;
height: 150px;
float: left;
border-radius: 50%
}
.index-voice .con-c .index-voice-con li .pad .img img {
width: 100%;
height: 100%;
border-radius: 50%
}
.index-voice .con-c .index-voice-con li .pad .con {
float: left;
font-size: 18px;
color: #666;
line-height: 30px;
padding-left: 60px;
width: 650px;
position: relative;
padding-top: 20px
}
.index-voice .con-c .index-voice-con li .pad .con .text {
height: 60px;
line-height: 30px;
overflow: hidden
}
.index-voice .con-c .index-voice-con li .pad .con h4 {
font-size: 14px;
padding: 20px 0
}
.index-voice .con-c .index-voice-con li .pad .con h4 .s1 {
color: #00afdb;
font-size: 20px;
font-weight: 700
}
.index-voice .con-c .index-voice-con li .pad .con h4 strong {
font-size: 18px;
padding: 0 15px
}
.index-voice .con-c .index-voice-con li .pad .con h4 .s2 {
padding: 0 15px
}
.index-voice .con-c .index-voice-con li .pad .con .i {
position: absolute;
width: 11px;
height: 5px;
background: url(images/newIndex/point.png) no-repeat
}
.index-voice .con-c .index-voice-con li .pad .con .i1 {
top: 0;
left: 40px
}
.index-voice .con-c .index-voice-con li .pad .con .i2 {
bottom: 75px;
right: -20px
}
.index-partners {
min-width: 1000px;
height: 460px;
padding-top: 46px
}
.index-partners ul {
padding-top: 10px
}
.index-partners ul li {
float: left;
width: 20%;
text-align: center
}
.index-partners ul li span {
padding: 44px 0;
display: block;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
height: 60px
}
.index-partners ul li span img {
width: 160px;
height: 60px
}
.index-partners ul li.li4 span {
border-right: none
}
.index-partners ul li.li5 span,.index-partners ul li.li6 span,.index-partners ul li.li7 span,.index-partners ul li.li8 span {
border-bottom: none
}
.index-partners ul li.li9 span {
border-right: none;
border-bottom: none
}
.index-footer-banner {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/footer-banner.jpg) center center no-repeat;
height: 250px;
min-width: 1000px
}
.header-nav,.index-navbar .max-navbar .index-nav .list {
min-width: 680px
}
@media screen and (max-width:1200px) {
.index-activity {
width: 1000px;
margin: 0 auto
}
.index-activity .con .fold {
width: 200px
}
.index-activity .con .unfold {
width: 392px
}
.index-activity .con .unfold li h4 {
width: 156px
}
.index-activity .con li p span.pl {
width: 70px
}
.index-project {
width: 1000px;
margin: 0 auto
}
.index-project .con .img {
width: 180px;
height: 120px
}
}
.index-navbar .max-navbar .index-ic-tell i,footer .footer-bq a,footer .footer-info div i,footer .footer-nav .code .codes,footer .footer-nav .code a,footer .footer-nav .contact-way i {
background: url(images/newIndex/index-icon.png) no-repeat
}
.header-nav {
margin: 0 190px
}
.index-navbar {
background: #fff;
width: 100%
}
.index-navbar .max-navbar .index-nav {
display: inline-block;
position: relative;
z-index: 1000
}
.index-navbar .max-navbar .index-nav .list li {
float: left
}
.index-navbar .max-navbar .index-nav .list li a {
display: block;
height: 40px;
margin: 0 20px;
text-align: center;
font-size: 18px;
line-height: 42px
}
.index-navbar .max-navbar .index-nav .list li a:hover {
color: #00afdb;
line-height: 42px;
height: 40px
}
.index-navbar .max-navbar .index-nav .list li a.now {
border-bottom: 2px solid #00afdb;
color: #00afdb;
line-height: 42px;
height: 40px
}
.index-navbar .max-navbar .index-nav .box {
position: absolute;
left: 0;
top: 42px;
width: 100%;
background: url(images/newIndex/index-subbg.png) center bottom no-repeat #FFF;
overflow: hidden;
height: 0;
filter: alpha(opacity=0);
opacity: 0;
border-bottom: 2px solid #00afdb;
background-size: 100% auto
}
.index-navbar .max-navbar .index-nav .box .cont {
position: relative;
padding: 5px 20px 20px;
min-height: 100px
}
.index-navbar .max-navbar .logo {
margin-top: 24px;
width: 130px;
height: auto
}
.index-navbar .max-navbar .logo img {
height: 47px;
width: 130px
}
.index-navbar .max-navbar .index-ic-tell {
font-size: 24px;
height: 36px;
line-height: 36px;
padding-top: 25px;
width: 187px
}
.index-navbar .max-navbar .index-ic-tell i {
background-position: -144px -51px;
width: 20px;
height: 20px;
display: block;
float: left;
margin: 6px 5px 0 0
}
.index-navbar .ons-hide {
display: none
}
.index-sublist {
text-align: left
}
.index-sublist li {
width: 100%
}
.index-sublist li h3 a:hover {
color: #00afdb
}
.index-sublist li h3.mcate-item-hd {
font-size: 14px;
line-height: 22px;
width: 80px;
padding: 17px 10px 0 0;
float: left;
font-weight: bolder
}
.index-sublist li p.mcate-item-bd {
border-bottom: 1px solid #e8e9eb;
margin-left: 90px;
padding: 15px 0
}
.index-sublist li p.mcate-item-bd a {
padding: 4px 0;
margin-right: 22px;
font-size: 12px;
color: #999;
display: inline-block
}
.index-sublist li p.mcate-item-bd a.recom,.index-sublist li p.mcate-item-bd a:hover {
color: #00afdb
}
.min-navbar,.min-navbar a {
color: #666;
font-size: 12px
}
.min-navbar {
height: 31px;
line-height: 30px;
background: #ebebeb;
min-width: 1000px
}
.min-navbar a {
display: block;
float: left;
cursor: pointer
}
.min-navbar a:hover {
color: #00afdb
}
.min-navbar span {
color: #999;
display: block;
float: left
}
.min-navbar span.s1 {
padding: 0 10px
}
.min-navbar img {
display: block;
float: left;
margin: 7px 0 0
}
.min-list-navbar {
height: 31px;
z-index: 0;
position: inherit
}
.min-list-navbar .min-navbar,.min-list-navbar .min-navbar span {
color: #666
}
.min-list-navbar .min-navbar a {
color: #666;
cursor: pointer
}
.min-list-navbar .min-navbar a:hover {
color: #00afdb;
cursor: pointer
}
.min-list-navbar:hover {
background: 0 0
}
.min-list-navbar .topbar .pull-left a.min-logo {
background: url(images/newIndex/min-logo.png) no-repeat;
width: 54px;
height: 20px;
display: block;
margin-top: 6px
}
.min-list-navbar .topbar .pull-left .site-nav {
position: relative;
width: 82px;
text-align: center;
padding-right: 10px;
height: 30px;
line-height: 30px
}
.min-list-navbar .topbar .pull-left .site-nav i {
background: url(images/newIndex/min-logo.png) -55px 6px no-repeat;
display: block;
width: 8px;
height: 20px;
float: right
}
.min-list-navbar .topbar .pull-left .site-nav .site-con {
z-index: 999;
display: none;
position: absolute;
background-color: #fff;
top: 29px;
left: -1px;
width: 90px;
border: 1px solid #e6e6e6;
border-top: none
}
#personal-list-index:hover .personal-list-index,.header-order-list:hover .personal-list-index,.min-list-navbar .topbar .pull-left .site-nav:hover .site-con {
display: block
}
.min-list-navbar .topbar .pull-left .site-nav .site-con li {
padding-left: 12px
}
.min-list-navbar .topbar .pull-left .site-nav .site-con li a {
line-height: 40px
}
.min-list-navbar .topbar .pull-left .site-nav:hover {
background-color: #fff;
border: 1px solid #e6e6e6;
border-bottom: 1px solid #fff;
height: 28px;
line-height: 28px;
width: 80px
}
#personal-list-index,.header-order-list {
height: 31px
}
.min-list-navbar .topbar .pull-left .site-nav:hover .line-1 {
color: #fff
}
.min-list-navbar .topbar .pull-left .site-nav:hover i {
background: url(images/newIndex/min-logo.png) -65px 6px no-repeat
}
.personal-list-index {
display: none;
left: -75px;
margin-left: 50%;
padding-top: 15px;
top: 31px;
width: 150px;
z-index: 1003
}
.personal-list-index .personal-list-top {
background-position: -199px -452px;
height: 10px;
left: -13px;
top: 6px;
margin-left: 50%;
width: 26px
}
.personal-list-index ul {
border: 1px solid #ccc;
background: #fff;
border-radius: 5px;
color: #666;
width: 150px;
overflow: hidden
}
.personal-list-index ul li {
width: 130px
}
.personal-list-index ul li a {
border-bottom: 1px #ccc solid;
height: 30px;
line-height: 30px;
width: 130px;
color: #666
}
.order-nav-search input,.top-search .ons-txt {
line-height: 18px;
height: 18px
}
.personal-list-index ul li a i {
display: inline-block;
height: 16px;
margin: 0 20px 0 5px;
vertical-align: middle;
width: 16px
}
.personal-list-index ul li a i.personal-list-ico0 {
background-position: -103px -449px
}
.personal-list-index ul li a i.personal-list-ico1 {
background-position: -119px -449px
}
.personal-list-index ul li a i.personal-list-ico2 {
background-position: -135px -449px
}
.personal-list-index ul li a i.personal-list-ico3 {
background-position: -151px -449px
}
.personal-list-index ul li a i.personal-list-ico4 {
background-position: -167px -449px
}
.personal-list-index ul li a i.personal-list-ico5 {
background-position: -183px -449px
}
.personal-list-index ul li a i.personal-list-ico6 {
background-position: 0 -519px
}
.personal-list-index ul li a i.personal-list-ico7 {
background-position: -20px -519px
}
.personal-list-index ul li a i.personal-list-ico8 {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/header/logout.png) center center no-repeat
}
.personal-list-index ul li a:hover {
color: #00afdb
}
.personal-list-index ul li:last-child a {
border: none
}
.personal-list-index ul li:hover {
background: #efefef
}
.personal-list-index ul li:hover a {
color: #666
}
.nav-search {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/icon.png) left -291px no-repeat;
height: 30px;
width: 14px
}
.nav-search.bai {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/icon.png) right -291px no-repeat
}
.order-nav-search {
background: #fff;
border: 1px solid #ccc;
height: 18px;
margin-top: 5px;
width: 118px
}
.order-nav-search input.ons-btn {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/icon.png) left -298px no-repeat;
cursor: pointer;
width: 14px
}
.order-nav-search input.ons-txt {
padding: 0 5px;
width: 90px
}
.top-search {
display: inline-block;
margin-top: 25px;
width: 640px
}
.top-search .ons-txt {
border: 1px solid #ccc;
border-right: none;
background: #fff;
padding: 8px 9px;
width: 518px
}
.top-search .ons-btn {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/header/ss.png) no-repeat;
color: #fff;
cursor: pointer;
height: 36px;
line-height: 36px;
text-align: center;
width: 100px
}
.top-search .search-keyword a {
color: #999;
font-size: 12px;
height: 28px;
line-height: 28px;
margin-right: 15px
}
.top-search .search-keyword a:hover {
color: #00afdb
}
.search-box {
left: 0;
overflow: hidden;
opacity: 0;
top: -56px;
width: 100%;
z-index: 1001
}
.search-heater {
border-bottom: 2px #00afdb solid;
background: #fff;
padding: 5px 0
}
.search-heater h1 {
width: 106px
}
.search-heater h1 img {
height: auto;
width: 100%
}
.search-heater form {
display: inline-block;
padding-top: 3px;
width: 550px
}
.search-heater form .ons-txt {
background: #eaeaea;
height: 18px;
line-height: 18px;
padding: 9px;
width: 480px
}
.search-heater form .ons-btn {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/icon.png) center -393px no-repeat #00afdb;
cursor: pointer;
height: 36px;
width: 50px
}
.listHeader .personal-list-index ul li a {
color: #666
}
.listHeader .personal-list-index ul li a:hover {
color: #00afdb
}
.listHeader .index-navbar .max-navbar,.listHeader .index-navbar .max-navbar .index-nav .list li a,.listHeader .index-navbar .max-navbar .index-nav .list li a.now,.listHeader .index-navbar .max-navbar .index-nav .list li a:hover,.listHeader .min-navbar a,.listHeader .min-navbar a:hover,.listHeader .min-navbar span {
color: #fff
}
.listHeader .index-navbar {
background: #0c2037
}
.listHeader .index-navbar .max-navbar .top-search {
display: none
}
.listHeader .index-navbar .max-navbar .index-nav {
margin-top: 27px
}
.listHeader .index-navbar .max-navbar .logo {
margin-top: 10px
}
.listHeader .index-navbar .max-navbar .index-ic-tell {
font-size: 24px;
padding-top: 30px;
width: 187px
}
.listHeader .index-navbar .max-navbar .index-ic-tell i {
background-position: -265px -77px
}
.listHeader .index-navbar .ons-hide {
display: block
}
.listHeader .min-navbar {
background: rgba(204,204,204,.3);
color: #fff
}
.white-header {
border-bottom: 1px #e9e9e9 solid
}
footer {
background: #f4f2f2;
bottom: 0;
left: 0;
border-top: 1px #d5d4d4 solid;
min-width: 100%
}
footer .index-footer {
background-color: #333;
padding: 30px 0 20px
}
footer .index-footer .friendly-link {
border: none
}
footer .index-footer .friendly-link h5 {
height: 40px;
line-height: 40px;
color: #999
}
footer .index-footer .friendly-link h5 a {
color: #999;
font-size: 14px
}
footer .index-footer .friendly-link p a {
height: 28px;
line-height: 28px;
color: #999;
font-size: 12px
}
footer .index-footer .footer-bq {
color: #666;
height: 41px;
padding: 10px 0 9px;
text-align: left;
background: 0 0;
font-size: 12px
}
footer .index-footer .footer-bq a {
display: inline-block;
vertical-align: top;
color: #666;
width: 24px;
height: 24px;
background-position: -168px -42px;
margin: 8px 0 0;
float: left
}
footer .index-footer .footer-bq span {
display: inline-block;
height: 41px;
line-height: 41px;
vertical-align: top
}
footer .footer-info {
border-bottom: 1px #dcdcdc solid
}
footer .footer-info div {
width: 20%
}
footer .footer-info div i {
height: 42px;
width: 42px
}
footer .footer-info div i.fi-icon1 {
background-position: 0 0
}
footer .footer-info div i.fi-icon2 {
background-position: -42px 0
}
footer .footer-info div i.fi-icon3 {
background-position: -84px 0
}
footer .footer-info div i.fi-icon4 {
background-position: -126px 0
}
footer .footer-info div i.fi-icon5 {
background-position: -168px 0
}
footer .footer-info div span {
color: #393939;
font-style: 18px;
max-width: 158px
}
footer .footer-info div em {
color: #999;
max-width: 158px;
font-size: 12px
}
footer .footer-nav li {
padding: 0;
width: 20%
}
footer .footer-nav li span {
font-size: 14px
}
footer .footer-nav li a,footer .footer-nav li span {
display: block;
height: 28px;
line-height: 28px
}
footer .footer-nav li a {
font-size: 12px
}
footer .footer-nav li a i {
background-position: -174px -12px;
height: 7px;
width: 5px
}
footer .footer-nav li a:hover {
color: #00afdb;
text-decoration: none
}
.info-model ul li .info-model-right .info-cue a:hover,.info-model ul li .info-model-right .info-type-pop:hover,.info-schedule-cue .info-s-perfect a:hover,.order-list .od-p1 dl dd .p2 a.gm:hover,.pay-con .order-cue var em {
text-decoration: underline
}
footer .footer-nav .code-warp {
margin-left: -40px;
padding-right: 240px
}
footer .footer-nav .code {
background: 0 0;
-webkit-background-size: auto auto;
background-size: auto auto;
height: auto;
width: 50%
}
footer .footer-nav .code span {
height: 28px;
line-height: 28px;
float: left;
padding-bottom: 19px;
text-align: center;
width: 100%
}
footer .footer-nav .code .codes {
background: 0 0;
width: 100%;
display: block;
float: left
}
footer .footer-nav .code .codes img {
display: block;
height: auto;
margin: 0 auto;
width: 80%
}
footer .footer-nav .code a {
width: 18px;
height: 18px;
display: block;
float: left;
text-indent: -99999em;
margin: 10px 10px 0 0
}
footer .footer-nav .code a.wb {
background-position: -210px -78px
}
footer .footer-nav .code a.wx {
background-position: -228px -78px
}
footer .footer-nav .code a.qq {
background-position: -246px -78px;
margin-right: 0
}
footer .footer-nav .contact-way {
max-width: 210px
}
footer .footer-nav .contact-way i {
height: 34px;
width: 34px
}
footer .footer-nav .contact-way i.c-icon1 {
background-position: 0 -42px
}
footer .footer-nav .contact-way i.c-icon2 {
background-position: -34px -42px
}
footer .footer-nav .contact-way i.c-icon3 {
background-position: -68px -42px
}
footer .footer-nav .contact-way i.c-icon4 {
background-position: -286px 0
}
footer .footer-nav .contact-way span {
font-size: 16px;
width: 160px
}
footer .footer-nav .contact-way span.italic {
font-style: normal
}
footer .footer-nav .contact-way em {
color: #999;
width: 160px
}
@media screen and (max-width:1200px) {
.index-navbar .max-navbar .index-nav .list li a {
font-size: 16px
}
.index-navbar .max-navbar .index-nav .box {
width: 616px
}
.index-sublist li p.mcate-item-bd {
width: 475px
}
}
.mask {
background: #000;
filter: alpha(opacity=30);
height: 100%;
left: 0;
opacity: .3;
top: 0;
width: 100%;
z-index: 1050
}
.login-popup h4 i {
background-position: 0 -39px;
cursor: pointer;
filter: alpha(opacity=80);
height: 12px;
margin-top: 4px;
opacity: .8;
width: 12px
}
.login-popup h4 i:hover {
filter: alpha(opacity=100);
opacity: 1
}
.login-popup .login-activity {
color: #ff8a00
}
.login-popup .login-activity i {
background-position: -112px -39px;
height: 15px;
margin: 4px 6px 0 0;
width: 15px
}
.login-popup .switch {
height: 40px;
margin-bottom: 40px
}
.login-popup .switch span {
border-bottom: 1px #e5e5e5 solid;
cursor: pointer;
font-size: 18px;
height: 38px;
line-height: 38px;
padding-bottom: 1px;
text-align: center;
width: 50%
}
.login-popup .switch span.sp {
border-bottom: 2px #ff8a00 solid;
color: #ff8a00;
padding-bottom: 0
}
.login-popup .login ul {
border: 1px solid #aeaeae;
border-radius: 4px;
padding: 15px
}
.login-popup .login ul li {
height: 18px;
padding: 15px
}
.login-popup .login ul li i {
width: 14px
}
.login-popup .login ul li input {
border: none;
height: 18px;
line-height: 18px;
width: 259px
}
.login-popup .login ul .login-name {
border-bottom: 1px #e5e5e5 solid
}
.login-popup .login ul .login-name i {
background-position: -12px -39px;
height: 16px;
margin-top: 1px
}
.login-popup .login ul .login-password i {
background-position: -26px -39px;
height: 18px
}
.login-popup .login ul .login-img {
border-top: 1px #e5e5e5 solid;
height: 48px;
padding: 0
}
.login-popup .login ul .login-img i {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/icon.png) 0 -321px no-repeat;
height: 14px;
margin: 17px 0 0 15px
}
.login-popup .login .forget label input,.login-popup .register .forget input {
margin-right: 5px
}
.login-popup .login ul .login-img input {
padding: 15px;
width: 199px
}
.login-popup .login ul .login-img img {
height: 30px;
margin-top: 9px;
width: auto
}
.login-popup .login .forget {
font-size: 12px;
line-height: 20px
}
.login-popup .login .forget label {
cursor: pointer;
font-weight: 400
}
.login-popup .login .other {
height: 24px;
line-height: 24px
}
.login-popup .login .other a {
padding-left: 5px
}
.login-popup .login .other a i {
filter: alpha(opacity=80);
height: 24px;
opacity: .8;
width: 24px
}
.login-popup .login .other a .other-wb {
background-position: -40px -39px
}
.login-popup .login .other a .other-qq {
background-position: -64px -39px
}
.login-popup .login .other a .other-wx {
background-position: -88px -39px
}
.login-popup .login .other a:hover i {
filter: alpha(opacity=100);
opacity: 1
}
.login-popup .register ul li input {
border: 1px solid #e5e5e5;
height: 18px;
line-height: 18px;
padding: 9px 20px;
width: 318px
}
.login-popup .register ul li input.img-code,.login-popup .register ul li input.message-code {
width: 200px
}
.login-popup .register ul li span {
height: 38px;
cursor: pointer;
line-height: 38px;
text-align: center;
width: 88px
}
.login-popup .register ul li span.code-btn {
background: #ff9000;
color: #fff;
border-radius: 3px
}
.login-popup .register ul li span.code-img {
text-align: left
}
.login-popup .register ul li span.code-img img {
display: block;
height: 100%;
width: 100%
}
.login-popup .register ul li span.btn-gray {
background: #ccc;
cursor: default;
color: #fff
}
.login-popup .register .forget {
font-size: 12px;
line-height: 20px
}
.login-popup .register .forget a {
color: #ff8a00
}
.login-btn,.register-btn {
font-size: 20px;
height: 38px;
text-align: center;
width: 100%;
background: #0c2037;
color: #fff;
opacity: 1;
border-radius: 3px
}
#gototop,.float-assistant,.gototop {
cursor: pointer;
height: 60px;
right: 0;
width: 60px;
z-index: 999;
-webkit-transform: translateZ(0)
}
.login-btn:hover,.register-btn:hover {
color: #fff;
background: #ff9000
}
#js_loginPopup .modal-header .close {
position: static
}
#gototop,.gototop {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/float-right.png) 0 -120px no-repeat;
bottom: 410px;
position: fixed
}
#gototop:hover,.gototop:hover {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/float-right.png) -60px -120px no-repeat
}
.float-assistant {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/float-right.png) 0 -180px no-repeat;
bottom: 470px
}
.float-assistant .assistant-jiao {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/assistant-jiao.png) no-repeat;
display: none;
height: 15px;
right: 66px;
top: 22px;
width: 10px;
z-index: 1000
}
.float-assistant .assistant-warp {
bottom: -60px;
display: none;
padding-right: 15px;
right: 60px;
z-index: 999
}
.float-ewm,.float-kefu {
right: 14px;
z-index: 999;
-webkit-transform: translateZ(0);
cursor: pointer
}
.float-assistant .assistant-tab {
background: #fff;
border: 1px solid #f3f3f3;
border-radius: 3px;
padding: 0 8px
}
.float-assistant .assistant-tab a {
border-bottom: 1px #f3f3f3 solid;
color: #666;
display: block;
font-size: 12px;
height: 34px;
line-height: 34px;
width: 100px
}
.float-assistant .assistant-tab a span {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/float-beta.png) right 0 no-repeat;
padding-left: 38px;
padding-bottom: 2px
}
.float-assistant .assistant-tab a:last-child {
border: none
}
.float-assistant .assistant-tab a:hover {
color: #26b8ef
}
.float-assistant:hover {
background-position: -60px -180px
}
.float-assistant:hover .assistant-jiao,.float-assistant:hover .assistant-warp {
display: block
}
.float-ewm {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/float-right.png) 0 -60px no-repeat;
bottom: 160px;
display: none;
height: 60px;
position: fixed;
width: 60px
}
.float-ewm span {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/float-ewm.png) no-repeat;
bottom: 0;
display: none;
left: -118px;
height: 110px;
position: absolute;
width: 118px
}
.float-ewm:hover {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/float-right.png) -60px -60px no-repeat
}
.float-ewm:hover span {
display: block
}
#promptbar,.float-kefu {
display: none
}
.float-kefu {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/float-right.png) no-repeat;
bottom: 160px;
height: 60px;
position: fixed;
width: 60px
}
.float-kefu:hover {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/float-right.png) -60px 0 no-repeat
}
.info-tab {
padding: 50px 0 70px
}
.info-tab a {
height: 23px;
line-height: 26px
}
.info-tab a i {
height: 23px;
width: 23px
}
.info-tab a i.info-tab-ico0 {
background-position: -80px -158px
}
.info-tab a i.info-tab-ico1 {
background-position: -103px -158px
}
.info-tab a i.info-tab-ico2 {
background-position: -126px -158px
}
.info-tab a i.info-tab-ico3 {
background-position: -149px -158px
}
.info-tab a i.info-tab-ico4 {
background-position: -172px -158px
}
.info-tab a i.info-tab-ico5 {
background-position: -195px -158px
}
.info-tab a.select,.info-tab a:hover {
color: #ff8a00;
font-weight: 700
}
.info-schedule {
margin-bottom: 50px
}
.info-schedule li {
text-align: center;
width: 15%
}
.info-schedule li span {
border-radius: 5px;
display: inline-block;
font-size: 16px;
height: 24px;
line-height: 24px;
text-align: center;
width: 86px;
z-index: 1
}
.info-schedule li span .info-s-dian {
background: #e5e5e5;
border-radius: 7px;
height: 14px;
left: -7px;
top: 40px;
width: 14px
}
.info-schedule li span .info-s-cue {
background-position: -413px -42px;
height: 11px;
left: -6px;
top: 64px;
width: 17px
}
.info-schedule li em {
background: #e5e5e5;
height: 3px;
left: -50%;
top: 46px;
width: 100%;
z-index: 0
}
.info-schedule li .info-s-line {
left: -56%;
width: 106%
}
.info-schedule li.info-s-frist {
text-align: left;
width: 12.5%
}
.info-schedule li.info-s-last {
text-align: right;
width: 12.5%
}
.info-schedule li.info-s-last em {
left: -62%;
width: 130%
}
.info-schedule li.select span {
background: #ff8a00;
color: #fff
}
.info-schedule li.select em,.info-schedule li.select span .info-s-dian {
background: #ff8a00
}
.info-schedule-cue {
border: 1px solid #e5e5e5;
border-radius: 5px;
margin-bottom: 40px
}
.info-schedule-cue .info-s-perfect {
font-size: 16px;
text-align: center
}
.info-schedule-cue .info-s-perfect a {
color: #ff8a00;
cursor: pointer
}
.info-model {
background: #f7f7f7
}
.info-model h4 {
border-left: 4px #ff8a00 solid;
color: #ff8a00;
height: 18px;
line-height: 18px
}
.info-model h4 i {
background-position: -336px -103px;
cursor: pointer;
height: 27px;
right: 0;
top: 0;
width: 27px
}
.info-model .info-partner-tab {
padding-bottom: 1px
}
.info-model .info-partner-tab span {
border-top: 3px #ddd solid;
background: #ddd;
cursor: pointer;
height: 27px;
line-height: 27px;
margin-right: 1px
}
.info-model .info-partner-tab span.select {
border-top: 3px #ff8a00 solid;
background: #fff
}
.info-model .info-remark {
font-size: 16px
}
.info-model .info-remark-txt {
border: 1px solid #c5c5c5;
background: #fff
}
.info-model .info-remark-txt textarea {
border: none;
height: 120px;
line-height: 20px;
outline: 0;
resize: none;
width: 100%
}
.info-model ul li {
width: 100%
}
.info-model ul li .info-model-left {
height: 26px;
line-height: 26px;
text-align: right
}
.info-model ul li .info-model-right .info-text {
background: #f7f7f7;
border: 1px solid #c5c5c5;
height: 18px;
line-height: 18px;
padding: 3px 5px
}
.info-model ul li .info-model-right .info-text.w328 {
width: 328px
}
.info-model ul li .info-model-right .info-text.w108 {
width: 108px
}
.info-model ul li .info-model-right .info-cue {
line-height: 18px;
width: 100%
}
.info-model ul li .info-model-right .info-cue a {
color: #ff8a00
}
.info-model ul li .info-model-right .info-nuit {
height: 26px;
line-height: 26px
}
.info-model ul li .info-model-right .info-select {
cursor: pointer;
height: 26px
}
.info-model ul li .info-model-right .info-select select {
border: 1px solid #c5c5c5;
background: 0 0;
cursor: pointer;
height: 26px;
outline: 0
}
.info-model ul li .info-model-right .info-select i {
background-position: -430px -42px;
height: 24px;
pointer-events: none;
right: 1px;
top: 1px;
width: 19px
}
.info-model ul li .info-model-right select.w340 {
width: 340px
}
.info-model ul li .info-model-right select.w194 {
width: 194px
}
.info-model ul li .info-model-right select.w120 {
min-width: 120px
}
.info-model ul li .info-model-right .info-type-pop {
color: #ff8a00;
height: 26px;
line-height: 26px
}
.info-model ul li .info-model-right .info-range {
background: #fafafa;
border: 1px solid #c5c5c5;
line-height: 20px;
overflow: hidden
}
.info-model ul li .info-model-right .info-name-add {
cursor: pointer;
height: 19px;
width: 19px
}
.info-model ul li .info-model-right .info-name-add i {
background-position: -449px -42px;
height: 19px;
width: 19px
}
.info-model ul li .info-model-right .info-name-add:hover i {
background-position: -468px -42px
}
.info-model ul li .info-model-right .info-radio {
font-weight: 400;
height: 20px;
margin-top: 3px;
width: 100%
}
.info-model ul li .info-model-right .info-radio label {
cursor: pointer;
height: 20px;
line-height: 20px
}
.info-model ul li .info-model-right .coad_simg {
width: 114px
}
.info-model ul li .info-model-right .coad_simg div {
background: #fff;
border: 1px solid #c5c5c5;
height: 68px;
overflow: hidden;
width: 114px
}
.info-model ul li .info-model-right .coad_simg div img {
margin: 0 auto;
height: auto;
width: 100%
}
.info-model ul li .info-model-right .coad_simg span {
cursor: pointer;
height: 26px;
line-height: 26px;
text-align: center;
width: 100%
}
.info-model ul li .info-model-right .add-name {
height: 26px
}
.info-model ul li .info-model-right .add-name a {
height: 19px;
right: -22px;
width: 19px
}
.info-model ul li .info-model-right .add-name a i {
background-position: -296px -103px;
height: 19px;
width: 19px
}
.info-model ul li .info-model-right .add-name a:hover i {
background-position: -315px -103px
}
.info-model ul li .info-model-right .revise {
background-position: -336px -103px;
cursor: pointer;
height: 27px;
margin-top: 40px;
width: 27px
}
.info-model ul li .info-model-right .custom-txt {
display: block;
height: auto;
outline: 0;
overflow-y: auto;
width: 100%
}
.info-model ul li .add-model {
height: 16px;
line-height: 16px
}
.info-model ul li .add-model i {
background-position: -296px -122px;
height: 16px;
width: 16px
}
.info-model ul li .remove-model {
height: 16px;
line-height: 16px
}
.info-model ul li .remove-model i {
background-position: -296px -138px;
height: 16px;
width: 16px
}
.info-model ul li.info-model-tit {
color: #ff8a00;
font-size: 16px;
height: 18px;
line-height: 18px;
overflow: hidden
}
.info-model ul li.info-model-tit i {
background-position: -487px -42px;
height: 14px;
margin-top: 2px;
width: 12px
}
.info-model ul.info-partner {
border-top: 1px #c5c5c5 solid
}
.info-model .disabled .info-model-right .info-select select,.info-model .disabled .info-model-right input.info-text,.info-model .disabled .info-model-right p.info-text {
border: 1px solid #f7f7f7
}
.info-model .disabled .info-model-right .info-select.w320 {
overflow: hidden;
width: 320px
}
.info-model .disabled .info-model-right .info-select.w100 {
overflow: hidden;
width: 100px
}
.info-model .disabled .info-model-right .info-select i {
display: none
}
.info-complete {
margin: 30px auto;
width: 133px
}
.special-tips {
line-height: 26px
}
.special-tips var {
color: #ff8a00
}
.popup {
background: rgba(0,0,0,.3);
height: 100%;
left: 0;
top: 0;
width: 100%;
z-index: 1050
}
.popup .popup-close {
background: #000;
border-radius: 100%;
box-shadow: 0 0 15px rgba(0,0,0,.3);
color: #fff;
cursor: pointer;
font-size: 30px;
height: 40px;
line-height: 35px;
text-align: center;
width: 40px;
z-index: 1
}
.popup .com-popup-close {
left: 330px;
margin-left: 50%;
top: 130px
}
.popup .com-sample {
background: #fff;
border-radius: 5px;
box-shadow: 0 0 15px rgba(0,0,0,.3);
height: 500px;
left: -350px;
margin-left: 50%;
overflow-y: auto;
top: 150px;
width: 700px;
z-index: 0
}
.popup .com-sample h3 {
text-align: center
}
.popup .com-sample .com-sample-tab {
background: #f4f4f4;
width: 170px
}
.popup .com-sample .com-sample-tab span {
border-bottom: 1px #e5e5e5 solid;
border-top: 1px #fff solid;
cursor: pointer;
display: block;
font-size: 16px;
height: 66px;
line-height: 66px;
padding: 0 10px
}
.popup .card-img,.popup .heming-img {
border-radius: 5px;
height: auto;
box-shadow: 0 0 15px rgba(0,0,0,.3);
margin-top: 150px
}
.popup .com-sample .com-sample-tab span.sp {
background: #fff
}
.popup .com-sample .com-sample-con {
width: 449px
}
.popup .com-sample .com-sample-con dd {
font-size: 16px;
line-height: 26px;
padding-bottom: 20px
}
.popup .card-img {
width: 500px
}
.popup .heming-img {
width: 800px
}
.popup .card-popup-close {
left: 230px;
margin-left: 50%;
top: 130px
}
.popup .hm-popup-close {
left: 380px;
margin-left: 50%;
top: 130px
}
.popup .single-prompt {
background: #fff;
border-radius: 10px;
color: #000;
font-size: 16px;
line-height: 30px;
left: -235px;
margin-left: 50%;
overflow: hidden;
top: 200px;
text-align: left;
width: 470px
}
.popup .single-prompt .pop-tit,.popup .single-prompt .single-title {
background: #f4f4f4;
font-size: 20px;
text-align: center
}
.popup .single-prompt .pop-con,.popup .single-prompt .single-con {
display: block;
line-height: 50px;
text-align: center
}
.info-lighten .lighten-box .lighten-tab li,.popup .popup-btn var,.popup .single-prompt .pop-con i,.popup .single-prompt .single-con i {
display: inline-block;
vertical-align: top
}
.popup .single-prompt .pop-con i.success,.popup .single-prompt .single-con i.success {
background-position: -280px -215px;
height: 50px;
width: 54px
}
.popup .single-prompt .pop-con i.fail,.popup .single-prompt .single-con i.fail {
background-position: -227px -215px;
height: 50px;
width: 50px
}
.popup .single-prompt .pop-con i.prompt,.popup .single-prompt .single-con i.prompt {
background-position: -118px -201px;
height: 50px;
width: 50px
}
.popup .single-prompt .pop-con var,.popup .single-prompt .single-con var {
display: inline-block;
font-size: 16px;
vertical-align: top
}
.popup .single-prompt-close {
left: 215px;
margin-left: 50%;
top: 180px
}
.popup .popup-btn {
text-align: center
}
.popup .popup-btn var {
background: #f4f4f4;
border-radius: 5px;
cursor: pointer;
width: 100px
}
.popup .popup-btn var.ok {
background: #ff8a00;
color: #fff
}
.loading {
text-align: center
}
.order-list .od-list1,.order-list .od-list3,.order-list .od-nav-qh,.order-list .od-pock {
width: auto
}
.order-list .od-pock-con1 {
float: none;
margin-left: 70px;
width: auto
}
.order-list .od-p1 dl dd .p2 {
width: 86px
}
.order-list .od-p1 dl dd .p2 a.gm {
background: #fff;
border: none;
color: #3f3b3a;
margin: 0;
width: 84px
}
.order-list .od-p1 dl dd .p2 a.gm:hover {
background: #fff;
border: none;
color: #ff8a00
}
.order-list .od-p1 dl dt .p2.addinfo a.gm {
border: 1px solid #ff8a00;
background: #ffe5ca;
color: #ff8a00;
width: 84px
}
.order-list .od-p1 dl dt .p2.addinfo a.gm:hover {
border: 1px solid #ff8a00;
background: #ffe5ca;
color: #ff8a00;
text-decoration: underline
}
.info-lighten {
bottom: 0;
z-index: 10
}
.info-lighten .lighten-close {
color: #a0a0a0;
cursor: pointer;
font-size: 26px;
height: 30px;
line-height: 30px;
right: -20px;
top: -10px;
text-align: center;
width: 30px
}
.info-lighten .lighten-close:hover {
color: #3f3b3a
}
.info-lighten .lighten-box {
border: 1px solid #e5e5e5;
background: #fff
}
.info-lighten .lighten-box .lighten-tit {
border-left: 4px #ff8a00 solid;
height: 18px;
line-height: 18px
}
.info-lighten .lighten-box .lighten-tit em {
color: #ff8a00;
font-size: 18px;
font-weight: 700
}
.info-lighten .lighten-box .lighten-sche {
height: 46px;
width: 46px
}
.info-lighten .lighten-box .lighten-tab {
padding-top: 13px
}
.info-lighten .lighten-box .lighten-tab li {
color: #a0a0a0;
cursor: pointer;
height: 20px;
line-height: 18px;
text-align: left;
width: 8%
}
.info-lighten .lighten-box .lighten-tab li i {
background-position: -155px -182px;
display: none;
height: 16px;
vertical-align: top;
width: 16px
}
.info-lighten .lighten-box .lighten-tab li.w15 {
width: 15%
}
.info-lighten .lighten-box .lighten-tab li.w12 {
width: 12%
}
.info-lighten .lighten-box .lighten-tab li.sp {
color: #3f3b3a
}
.pay-con .order-cue var,.pay-con .order-name var {
color: #ff8a00
}
.info-lighten .lighten-box .lighten-tab li.sp i {
display: inline-block
}
@media (max-width:1200px) {
.info-lighten .lighten-box .lighten-tab li,.info-lighten .lighten-box .lighten-tab li.w12,.info-lighten .lighten-box .lighten-tab li.w15 {
width: 18%
}
}
.info-model ul li .info-model-right .frjr {
background: #fff;
border: 1px solid #c5c5c5;
height: 18px;
line-height: 18px;
padding: 3px 5px;
width: 328px;
z-index: 1
}
.info-model ul li .info-model-right .frjr .frjr-list {
border: 1px solid #c5c5c5;
background: #fff;
left: -1px;
top: 24px;
width: 100%
}
.info-model ul li .info-model-right .frjr .frjr-list var {
display: block;
padding: 3px 5px
}
.pay-con {
border: 1px solid #e5e5e5
}
.pay-con .order-name {
font-size: 30px;
line-height: 40px;
text-align: center
}
.pay-con .order-cue {
font-size: 18px;
line-height: 30px;
text-align: center
}
.pay-con .nfo-save {
border: 1px solid #e70;
border-radius: 3px;
background: #ffe5ca;
color: #e70;
font-size: 18px;
height: 34px;
line-height: 34px;
margin: 0 auto 30px;
text-align: center;
width: 133px
}
.pay-con .order-recommend {
border-bottom: 1px #e5e5e5 solid;
font-size: 26px;
height: 55px;
margin: 0 auto;
width: 440px;
text-align: center
}
.pay-con .order-recommend i {
background-color: #fff;
background-position: -120px -182px;
height: 10px;
left: -17px;
margin-left: 50%;
top: 50px;
width: 34px
}
.pay-con .necessary-box li a i {
background-position: -80px -182px;
height: 38px;
margin: 45px auto 30px;
width: 40px
}
.pay-con .necessary-box li a .necessary-name {
height: 60px
}
.ft-reg-color {
color: #ff636a!important
}
.mt-imp10 {
margin-bottom: 10px!important
}
.mod-reg-wrap {
padding-bottom: 40px
}
.item-loading,.location-loading {
text-align: center
}
.form-item-false {
background: rgba(253,218,54,.2);
text-align: center
}
.product-grow {
width: 560px
}
.product-grow .product-other-img {
border: 1px solid #ccc;
display: block;
height: 313px;
width: 558px
}
#product-show {
margin-right: 30px;
position: relative;
width: 560px
}
#product-show .preview-pic {
height: 316px;
position: relative;
z-index: 50
}
#product-show .preview-pic li {
height: 316px;
width: 560px
}
#product-show .preview-pic li img {
border: 1px solid #eee;
height: 314px;
width: 558px
}
#product-show .flex-viewport {
margin-bottom: 20px
}
#product-show .flex-control-nav {
bottom: 15px;
position: absolute;
text-align: center;
width: 100%;
z-index: 51
}
#product-show .flex-control-nav li {
display: inline-block;
overflow: hidden;
margin: 0 5px
}
#product-show .flex-control-nav li a {
background: #000;
border-radius: 10px;
cursor: pointer;
display: block;
height: 12px;
line-height: 100px;
opacity: .6;
overflow: hidden;
width: 12px
}
#product-show .flex-control-nav li a.flex-active {
background: #00afd8
}
#product-show .flex-control-nav li:last-child {
margin-right: 0
}
.store-list {
cursor: pointer;
font-size: 12px;
height: 26px;
width: 228px
}
.store-list .store-add-show {
border: 1px solid #ccc;
background: #fff;
height: 24px;
line-height: 24px;
z-index: 2
}
.store-list .store-add-show .store-down-ico {
background-position: -375px -215px;
display: inline-block;
height: 6px;
width: 9px;
float: right;
margin-top: 9px
}
.store-list .shore-add-list {
border: 1px solid #ccc;
-webkit-box-shadow: 0 0 5px #ddd;
-moz-box-shadow: 0 0 5px #ddd;
box-shadow: 0 0 5px #ddd;
background: #fff;
left: -45px;
top: 25px;
width: 400px;
z-index: 1
}
.store-list .shore-add-list .shore-close {
background-position: -385px -215px;
cursor: pointer;
height: 17px;
right: -8px;
top: -8px;
width: 17px
}
.store-list .shore-add-list .shore-list-tit {
border-bottom: 2px rgba(0,175,216,.3) solid;
height: 25px
}
.store-list .shore-add-list .shore-list-tit li {
background: #fff;
border: 1px solid #ddd;
border-bottom: none;
height: 25px;
line-height: 22px;
margin-right: 3px;
padding: 1px 1px 0
}
.store-list .shore-add-list .shore-list-tit li i {
background-position: -403px -221px;
display: inline-block;
height: 5px;
opacity: .5;
vertical-align: middle;
width: 7px
}
.store-list .shore-add-list .shore-list-tit li.select i,.store-list .shore-add-list .shore-list-tit li:hover i {
opacity: 1
}
.store-list .shore-add-list .shore-list-tit li.select {
border: 2px solid rgba(0,175,216,.3);
border-bottom: 0;
padding: 0
}
.store-list .shore-add-list .shore-list-con {
display: none
}
.store-list .shore-add-list .shore-list-con .shore-list-ico {
height: 22px;
line-height: 22px;
width: 100%
}
.store-list .shore-add-list .shore-list-con .shore-list-ico i {
display: inline-block;
height: 16px;
margin-top: 3px;
width: 16px;
vertical-align: top
}
.store-list .shore-add-list .shore-list-con .shore-city-name li,.store-list .shore-add-list .shore-list-con .shore-list-tag {
width: 25%;
height: 25px;
overflow: hidden
}
.store-list .shore-add-list .shore-list-con .shore-list-ico .shore-list-hot-ico {
background-position: -413px -215px
}
.store-list .shore-add-list .shore-list-con .shore-list-ico .shore-list-all-ico {
background-position: -429px -215px
}
.store-list .shore-add-list .shore-list-con .shore-list-ico span {
font-weight: 700
}
.store-list .shore-add-list .shore-list-con .shore-list-tag em {
height: 25px;
line-height: 25px;
-webkit-transition: background .3s;
-moz-transition: background .3s;
-o-transition: background .3s;
transition: background .3s
}
.store-list .shore-add-list .shore-list-con .shore-list-tag em:hover {
color: #333;
background: rgba(0,175,216,.08);
text-decoration: none
}
.store-list .shore-add-list .shore-list-con .shore-list-tag em.select {
background: #00afd8;
color: #fff
}
.store-list .shore-add-list .shore-list-con .shore-city-name li span {
height: 25px;
line-height: 25px
}
.store-list .shore-add-list .shore-list-con .shore-city-name li span:hover {
background: #b79567;
color: #fff;
text-decoration: underline
}
.store-list .shore-add-list .shore-list-con.select {
display: block
}
.store-list .shore-add-list .shore-list-bt {
border-top: 1px #ddd dashed
}
.mod-reg-info {
margin-left: 590px;
min-height: 315px;
padding-bottom: 20px
}
.mod-section-title {
margin-bottom: 15px
}
.mod-section-title .title-info {
overflow: hidden
}
.mod-section-title .title-info span {
color: #333;
height: 36px;
line-height: 24px;
font-size: 24px;
font-weight: 700;
margin-bottom: -10px;
overflow: hidden;
padding-right: 10px
}
.mod-section-title .title-info em {
color: #666;
font-size: 14px;
height: 36px;
line-height: 38px;
max-width: 100%;
margin-bottom: -10px;
overflow: hidden
}
.mod-reg-form .form-item {
min-height: 24px;
margin-bottom: 20px
}
.mod-reg-form .form-item .bg-wi {
width: 445px
}
.mod-reg-form .form-item .item-panel {
border: 1px solid #ccc;
padding: 10px 15px;
font-size: 12px;
margin-bottom: 5px
}
.mod-reg-form .form-item .item-panel-primary {
border-color: #ffad10
}
.mod-reg-form .form-item .item-label {
float: left;
font-weight: 400;
vertical-align: top;
margin-bottom: 0;
width: 75px;
line-height: 24px
}
.mod-reg-form .form-item .item-label-vt {
vertical-align: top
}
.mod-reg-form .form-item .item-select {
display: inline-block;
width: 142px;
height: 24px;
background-color: #fff;
border: 1px solid #ccc;
vertical-align: middle;
font-size: 12px
}
.mod-reg-form .form-item .classify-body-from {
display: none
}
.mod-reg-form .form-item .classify-body-from.select {
display: inline-block
}
.mod-reg-form .form-item .item-desc {
color: #333;
display: inline-block;
font-size: 12px;
height: 23px;
line-height: 23px;
margin: 0 0 10px 20px;
vertical-align: middle
}
.mod-reg-form .form-item .item-desc span {
display: inline-block;
vertical-align: middle
}
.mod-reg-form .form-item .item-desc i {
background: url(images/new/icon.png) -224px 0 no-repeat;
display: inline-block;
height: 20px;
margin-left: 5px;
vertical-align: middle;
width: 20px
}
.mod-reg-form .form-item .service-des {
margin-top: 46px;
width: 434px;
padding: 15px 10px 0;
border-top: 1px solid #ccc;
font-size: 12px;
color: #999;
line-height: 28px
}
.mod-reg-form .form-item .service-des strong {
font-size: 14px;
color: #666;
font-weight: 400
}
.mod-reg-form .form-item-inline {
display: inline-block;
margin-right: 20px;
vertical-align: middle
}
.mod-reg-form .form-item-fixed {
min-height: 33px;
margin-left: 75px
}
.mod-reg-form .pd-bor {
padding: 8px 8px 4px;
border: 1px solid #ccc;
margin-right: 0;
width: 362px;
position: relative
}
.mod-reg-form .form-item-fixed-sm {
width: 370px
}
.mod-reg-form .number {
color: #ff626a;
font-size: 20px;
font-weight: 700
}
.mod-reg-form .number em {
font-weight: 700
}
.mod-reg-form .price-bg {
background: url(images/item/price-bg.png) center center;
margin-bottom: 20px;
padding: 10px
}
.mod-section-tip {
float: left;
vertical-align: middle
}
.mod-section-tip li {
display: inline-block;
margin-right: 20px;
vertical-align: middle;
margin-bottom: 10px
}
.mod-section-tip li.active .tip-item {
border-color: #ff636a;
color: #ff636a
}
.mod-section-tip li:last-child {
margin-right: 0
}
.mod-section-tip .tip-item {
display: block;
padding: 2px 12px;
border: 1px solid #cecbce;
font-size: 12px;
color: #333;
text-decoration: none
}
.mod-section-tip .tip-item:hover {
border-color: #ff636a;
color: #ff636a
}
.mod-section-tip .tip-item.noprice:hover {
cursor: default;
border-color: #cecbce;
color: #333
}
.mod-section-tip em {
border: 1px solid #ccc;
background: #fff;
left: -200px;
margin: 5px 0 0 50%;
padding: 5px;
width: 400px;
z-index: 55
}
.icaTip {
color: #999;
display: none;
float: left;
font-size: 12px;
height: 23px;
line-height: 23px;
padding-left: 14px
}
.company-user-icon {
float: left
}
.company-user-icon img {
width: 60px;
height: 60px
}
.company-user-info {
width: 290px;
float: left;
margin-left: 10px;
margin-top: 5px
}
.company-user-info .name {
color: #333;
font-size: 20px
}
.company-user-info .name .name-info {
display: inline-block;
max-width: 140px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 1
}
.company-user-info .title {
font-size: 14px;
overflow: hidden;
margin-left: 5px;
display: inline-block;
color: #ffa800;
line-height: 1
}
.company-user-info .desc {
font-size: 12px
}
.change-company-user {
text-decoration: none;
position: absolute;
bottom: 13px;
right: 10px
}
.change-company-user:hover {
text-decoration: none
}
.change-company-user .icon {
display: inline-block;
width: 14px;
height: 14px;
background-position: -105px -473px;
vertical-align: middle
}
.change-company-user .desc {
display: inline-block;
font-size: 12px;
vertical-align: middle
}
.form-gap-lg {
margin-top: 30px
}
.company-product-list {
font-size: 12px;
line-height: 22px
}
.company-product-list .list-label {
display: inline-block;
text-align: right
}
.company-product-list .list-info {
display: inline-block;
color: #666;
margin-right: 5px
}
.company-product-list .list-num {
display: inline-block;
color: #ff626a
}
.company-product-list input {
cursor: pointer;
display: inline-block;
margin: 0 5px 0 0
}
.mod-amount {
display: inline-block;
font-size: 0;
vertical-align: top
}
.mod-amount .amount-input {
width: 37px;
height: 35px;
border: 1px solid #ccc;
line-height: 35px\9;
text-align: center;
font-size: 12px;
color: #3c3c3c;
outline: 0;
vertical-align: top
}
.mod-amount .amount-btn {
display: inline-block;
width: 15px;
background-color: #f1f1f1;
border: 1px solid #ccc;
border-left: none;
vertical-align: top
}
.mod-amount .amount-btn .amount-decrease,.mod-amount .amount-btn .amount-increase {
display: inline-block;
width: 15px;
height: 17px;
line-height: 17px;
color: #666;
font-size: 12px;
text-align: center;
border-bottom: 1px #ccc solid;
vertical-align: top;
cursor: pointer;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
user-select: none
}
.company-btn-buy,.company-btn-cart {
font-size: 14px;
text-align: center;
-webkit-transition: background-color .3s;
display: inline-block;
vertical-align: top
}
.mod-amount .amount-btn .amount-decrease {
border-bottom: none
}
.amount_erro {
height: 30px;
line-height: 30px;
padding-left: 10px
}
.amount_erro-col {
color: #c00
}
.mod-amount .detail-btn-disCart .amount-decrease,.mod-amount .detail-btn-disCart .amount-increase {
cursor: default
}
.company-btn-buy {
background: #00afd8;
color: #fff;
line-height: 36px;
margin-left: 10px;
width: 180px;
-moz-transition: background-color .3s;
-o-transition: background-color .3s;
transition: background-color .3s
}
.business-type .tuijian-right .package-more,.company-btn-cart {
-moz-transition: background-color .3s;
-o-transition: background-color .3s
}
.company-btn-buy:hover {
color: #fff;
text-decoration: none;
background: #009bbf
}
.company-btn-buy.select {
background: #ccc
}
.company-btn-cart {
border: 1px solid #00afd8;
background: #fff;
color: #00afd8;
line-height: 34px;
margin-left: 20px;
width: 178px;
transition: background-color .3s
}
.company-btn-cart:hover {
background: rgba(0,175,216,.08);
color: #00afd8;
text-decoration: none
}
.company-btn-cart.select {
background: #fff;
border: 1px solid #ccc;
color: #ccc
}
.company-btn-ban,.company-btn-ban:hover {
background: #ccc
}
.change-scope-con .change-scope-title {
height: 38px;
line-height: 38px;
background-color: #0c2037;
color: #fff;
font-size: 16px
}
.change-scope-con .change-scope-title em {
font-size: 12px;
cursor: pointer
}
.change-scope-con .scope-tab-left {
width: 148px;
border-right: 1px solid #ccc
}
.change-scope-con .scope-tab-left ul li {
height: 49px;
font-size: 12px;
line-height: 49px;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
color: #333;
cursor: pointer
}
.change-scope-con .scope-tab-left ul li.on {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
background-color: #f8f8f8
}
.change-scope-con .scope-tab-right {
width: 322px
}
.change-scope-con .scope-tab-right .scope-con {
width: 322px;
height: 286px;
font-size: 12px;
color: #666;
line-height: 18px;
margin-top: 10px
}
.change-scope-con .scope-tab-right .scope-con ul li p {
padding: 5px 0;
text-align: Justify;
text-justify: inter-ideograph(IE)
}
.mod-section-panel {
padding-bottom: 40px;
border: 1px solid #f4f4f4;
border-top: none
}
.mod-part-title {
border-top: 1px #ccc solid;
border-bottom: 1px #eee solid;
background: #fbfbfb
}
.mod-part-title .title {
font-size: 16px;
padding-left: 8px;
color: #666;
font-weight: 400;
line-height: 28;
height: 28px;
position: relative
}
.business-type .package-group,.mod-article-title .sub-title {
color: #333
}
.mod-part-title .title span {
background-color: #fff;
border-top: 3px #00afd8 solid;
display: inline-block;
height: 29px;
line-height: 28px;
left: 0;
top: -3px;
padding: 0 20px;
position: absolute;
z-index: 10
}
.mod-article-wrap {
border: 1px solid #f4f4f4;
border-top: none;
margin-bottom: 40px
}
.mod-article-title {
text-align: center;
margin-bottom: 20px
}
.mod-article-title .main-title {
color: #333;
font-size: 20px;
font-weight: 400
}
.mod-article-title .line {
position: relative;
width: 50%;
height: 1px;
margin: 20px auto 15px;
background-color: #e9e9e9
}
.mod-article-title .line:after,.mod-article-title .line:before {
content: " ";
display: block;
position: absolute;
height: 10px;
left: 50%;
top: -4px
}
.mod-article-title .line:before {
width: 34px;
background: url(images/icon.png) -120px -182px no-repeat;
margin-left: -17px;
z-index: 10
}
.mod-article-title .line:after {
width: 56px;
background-color: #fff;
margin-left: -28px;
z-index: 5
}
.tuijian {
border: 1px solid #f4f4f4;
border-top: none
}
.business-type .package-group .rec-product-mix {
font-size: 14px;
text-align: center;
width: 160px;
line-height: 18px
}
.business-type .package-group .rec-product-mix img {
width: 158px;
height: 88px;
border: 1px solid #ccc
}
.business-type .package-group .rec-product-mix a:hover {
color: #00afd8
}
.business-type .package-group .rec-product-plus {
background-position: -350px -243px;
height: 22px;
margin-top: 36px;
width: 23px
}
.business-type .package-group:hover {
color: #333
}
.business-type .tuijian-right {
padding-right: 40px
}
.business-type .tuijian-right span {
line-height: 24px
}
.business-type .tuijian-right span em {
color: #ff636a
}
.business-type .tuijian-right .tuijian-yj {
text-decoration: line-through
}
.business-type .tuijian-right .rec-product-minus {
background-position: -375px -250px;
height: 15px;
margin-top: 39px;
width: 23px
}
.business-type .tuijian-right .package-more {
border: 1px solid #00afd8;
border-radius: 2px;
font-size: 16px;
line-height: 34px;
text-align: center;
width: 138px;
color: #00afd8;
-webkit-transition: background-color .3s;
transition: background-color .3s
}
.business-type .tuijian-right .package-more:hover {
background: rgba(0,175,216,.08);
color: #00afd8;
text-decoration: none
}
.business-time {
margin-top: 30px;
text-align: center
}
.business-time .com-register-process {
color: #333;
display: inline-block;
vertical-align: top;
width: 120px
}
.business-time .com-register-process i {
display: block;
height: 88px;
margin: 0 auto;
width: 80px
}
.business-time .com-register-process .com-register-verify {
background-position: 0 -321px
}
.business-time .com-register-process .com-register-three {
background-position: -80px -321px
}
.business-time .com-register-process .com-register-pre {
background-position: -160px -321px
}
.business-time .com-register-process .com-register-license {
background-position: -240px -321px
}
.business-time .com-register-process .com-register-chapter {
background-position: -320px -321px
}
.business-time .com-register-process span {
display: block
}
.business-time .com-register-etc {
background-position: -120px -182px;
display: inline-block;
height: 10px;
margin-top: 39px;
vertical-align: top;
width: 34px
}
.business-time .com-register-data {
border: 1px solid #e9e9e9;
border-top: none;
display: inline-block;
height: 48px;
line-height: 48px;
vertical-align: top;
width: 696px
}
.business-time .com-register-data span {
color: #ffa800;
font-size: 34px;
font-weight: 700
}
.business-time .com-register-data em {
font-size: 18px;
font-weight: 700
}
.business-time .com-register-orther {
background: #e6e6e6;
color: #767575;
display: inline-block;
height: 26px;
line-height: 26px
}
.business-intro {
margin-top: 30px
}
.business-intro img {
display: block;
margin: 0 auto
}
.mod-necessary-box-wrap a:hover {
text-decoration: none
}
.mod-necessary-box-wrap .necessary-box li a .necessary-con .necessary-ico {
background: 0 0;
text-align: center
}
.mod-necessary-box-wrap .necessary-ico-check {
display: inline-block;
background-position: -80px -182px
}
.mod-necessary-box-wrap .necessary-box li a .necessary-con .necessary-ico i {
height: 40px;
width: 38px
}
.mod-necessary-box-wrap .necessary-box-p {
font-size: 14px
}
.mod-necessary-box-wrap .necessary-box-p li {
display: block;
float: left
}
.mod-necessary-box-wrap .necessary-box-p li a {
border: 1px solid #ccc;
cursor: pointer;
padding: 15px;
height: 84px;
width: 178px;
display: block
}
.mod-necessary-box-wrap .necessary-box-p li a span {
line-height: 26px;
display: block;
font-size: 12px;
color: #3b3b3b;
overflow: hidden
}
.mod-necessary-box-wrap .necessary-box-p li a .sp1 {
font-size: 14px
}
.mod-necessary-box-wrap .necessary-box-p li a .sp2 {
color: #999
}
.mod-necessary-box-wrap .necessary-box-p li a .sp2 em {
color: #00afd8;
font-size: 16px
}
.mod-necessary-box-wrap .necessary-box-p li a .sp3 {
color: #666
}
.mod-necessary-box-wrap .necessary-box-p li a .sp3 em {
color: #ff9000;
font-size: 14px;
font-family: Arial
}
.mod-necessary-box-wrap .necessary-box-p li a .sp3 i {
background: url(images/icon.png) no-repeat;
width: 78px;
height: 14px;
display: inline-block;
vertical-align: middle;
margin: 0 5px 3px 0
}
.mod-necessary-box-wrap .necessary-box-p li a .sp3 .i0 {
background-position: -405px -321px
}
.mod-necessary-box-wrap .necessary-box-p li a .sp3 .i1 {
background-position: -405px -335px
}
.mod-necessary-box-wrap .necessary-box-p li a .sp3 .i2 {
background-position: -405px -349px
}
.mod-necessary-box-wrap .necessary-box-p li a .sp3 .i3 {
background-position: -405px -363px
}
.mod-necessary-box-wrap .necessary-box-p li a .sp3 .i4 {
background-position: -405px -377px
}
.mod-necessary-box-wrap .necessary-box-p li a .sp3 .i5 {
background-position: -405px -391px
}
.mod-necessary-box-wrap .necessary-box-p li a .sp4 var {
background: 0 0;
border: 1px solid #00afd8;
cursor: pointer;
color: #00afd8;
height: 26px;
line-height: 26px;
-webkit-transition: background-color .3s;
-moz-transition: background-color .3s;
-o-transition: background-color .3s;
transition: background-color .3s
}
.mod-necessary-box-wrap .necessary-box-p li a .sp4 var:hover {
background: rgba(0,175,216,.08);
color: #00afd8;
text-decoration: none
}
.mod-necessary-box-wrap .necessary-box-p li:last-child {
margin-right: 0
}
.necessary-box-col3 li a {
width: 22%
}
.mod-select-tab {
height: 68px;
border-bottom: 1px #e9e9e9 solid;
text-align: center;
font-size: 0
}
.mod-select-tab .select-tab-item {
display: inline-block;
margin-top: 20px;
padding: 3px 16px;
background-color: #fff;
border: 1px solid #ff8a00;
color: #ffa800;
font-size: 12px
}
.mod-select-tab .select-tab-item:hover {
text-decoration: none
}
.mod-select-tab .select-tab-item.active {
background-color: #ffa800;
color: #fff;
cursor: default
}
.mod-select-tab .select-tab-item:first-child {
border-right: none;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px
}
.mod-select-tab .select-tab-item:last-child {
border-left: none;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px
}
.mod-userinfo-wrap {
padding: 30px;
border-bottom: 1px #e9e9e9 solid
}
.mod-userinfo-media {
overflow: hidden
}
.mod-userinfo-media .media-hd {
float: left;
margin-right: 40px
}
.mod-userinfo-media .media-hd img {
width: 80px;
height: 80px
}
.mod-userinfo-media .info-detail:before,.mod-userinfo-media .num-detail:before {
height: 10px;
margin-right: 10px;
width: 10px;
display: inline-block;
content: " "
}
.mod-userinfo-media .media-bd {
overflow: hidden
}
.mod-userinfo-media .media-bd-title {
margin-bottom: 5px;
font-weight: 400;
font-size: 22px;
color: #666;
line-height: 1
}
.mod-userinfo-media .info-detail {
font-size: 12px;
color: #999
}
.mod-userinfo-media .info-detail .city {
color: #0994ce
}
.mod-userinfo-media .info-detail .company {
color: #222
}
.mod-userinfo-media .info-detail .year {
color: #ffa800
}
.mod-userinfo-media .info-detail:before {
background: url(images/icon.png) -368px -409px no-repeat
}
.mod-userinfo-media .num-detail {
font-size: 12px;
color: #999
}
.mod-userinfo-media .num-detail em {
color: #ffa800
}
.mod-userinfo-media .num-detail:before {
background: url(images/icon.png) -368px -420px no-repeat
}
.mod-userinfo-title {
padding: 30px 30px 0
}
.mod-userinfo-table td,.mod-userinfo-table th {
padding-left: 20px;
border-bottom: 1px #e9e9e9 solid
}
.mod-userinfo-title .title {
margin-bottom: 15px;
font-size: 16px;
color: #333;
font-weight: 400;
text-align: center
}
.mod-userinfo-title .detail {
line-height: 2;
font-size: 12px;
color: #999
}
.mod-userinfo-table {
width: 100%
}
.mod-userinfo-table th {
height: 40px;
color: #333;
width: 30%
}
.mod-userinfo-table td {
height: 60px;
color: #999;
font-size: 12px
}
.mod-userinfo-table .num {
color: #ec8118
}
.mod-userinfo-table .service-btn {
padding: 5px 16px;
background-color: #ec8118;
color: #fff;
font-size: 12px;
border-radius: 3px
}
.mod-userinfo-table .service-btn:hover {
text-decoration: none;
background-color: #ff9416
}
.mod-service-wrap .mod-select-tab {
border: none;
height: 55px
}
.mod-service-wrap .mod-select-tab .select-tab-item {
border: 1px solid #ff8a00;
border-right: none
}
.mod-service-wrap .mod-select-tab .select-tab-item:last-child {
border-right: 1px #ff8a00 solid
}
.mod-userinfo-page {
padding: 15px 0;
text-align: center
}
.mod-title-modified {
line-height: 48px;
color: #333;
font-size: 16px;
text-align: center
}
.mod-title-modified:after,.mod-title-modified:before {
background: url(images/icon.png) -368px -429px no-repeat;
content: " ";
display: inline-block;
height: 10px;
margin: 0 10px;
width: 10px
}
.mod-service-list {
text-align: center;
padding: 20px 0 30px;
border-top: 1px #e9e9e9 solid
}
.mod-service-list .list-pic {
margin-left: auto;
margin-right: auto;
width: 80px;
height: 80px;
margin-bottom: 5px
}
.mod-service-list .list-pic img {
width: 80px;
height: 80px
}
.mod-service-list .list-title {
margin-bottom: 5px;
color: #666
}
.mod-service-list .list-info {
font-size: 12px;
color: #999
}
.mod-service-list .list-info em {
color: #ffa800
}
.mod-service-list .list-opt {
margin: 10px auto 0;
width: 160px
}
.mod-service-list .opt-btn {
background: #ffd839;
color: #fff;
display: inline-block;
font-size: 12px;
height: 26px;
line-height: 26px;
text-align: center;
width: 70px;
vertical-align: middle
}
.mod-service-list .opt-btn:hover {
text-decoration: none;
opacity: .9
}
.change-manager {
border-top: 5px #ff8a00 solid
}
.change-manager .change-manager-title {
border-bottom: 1px #e9e9e9 solid;
color: #333;
font-size: 16px;
height: 49px;
line-height: 49px;
text-align: center
}
.change-manager .change-manager-title em {
color: #ff8a00;
cursor: pointer;
font-size: 30px;
height: 49px;
line-height: 49px
}
.change-manager .change-manager-tab {
text-align: center
}
.change-manager .change-manager-tab span {
border: 1px solid #ff8a00;
cursor: pointer;
color: #ff8a00;
display: inline-block;
font-size: 12px;
height: 28px;
line-height: 28px;
text-align: center;
vertical-align: middle;
width: 90px
}
.change-manager .change-manager-tab span.select {
background: #ff8a00;
color: #fff
}
.change-manager .change-manager-tab span.change-manager-tab-left {
border-radius: 3px 0 0 3px
}
.change-manager .change-manager-tab span.change-manager-tab-right {
border-radius: 0 3px 3px 0
}
.change-manager .change-manager-list {
height: 328px;
overflow: hidden
}
.change-manager .change-manager-list ul li {
border-top: 1px #e9e9e9 solid;
padding-left: 60px
}
.change-manager .change-manager-list ul li a,.change-manager .change-manager-list ul li img {
height: 50px;
width: 50px
}
.change-manager .change-manager-list ul li .company-user-info {
line-height: 25px;
width: 300px
}
.change-manager .change-manager-list ul li .company-user-info .name {
color: #3f3b3a;
font-size: 18px
}
.change-manager .change-manager-list ul li .company-user-info .title {
color: #999;
font-size: 12px
}
.change-manager .change-manager-list ul li .company-user-info .desc {
font-size: 12px
}
.change-manager .change-manager-list ul li .company-user-info .desc em {
color: #ff8a00;
font-size: 14px
}
.change-manager .change-manager-list ul li i {
cursor: pointer;
height: 40px;
width: 40px
}
.change-manager .change-manager-list ul li i.change-manager-sure {
background-position: -168px -409px
}
.change-manager .change-manager-list ul li i.change-manager-mess {
background-position: -248px -409px
}
.change-manager .change-manager-list ul li i.change-manager-tel {
background-position: -328px -409px
}
.change-manager .change-manager-list ul li i.change-manager-sure.select {
background-position: -128px -409px
}
.change-manager .change-manager-list ul li i.change-manager-mess.select {
background-position: -208px -409px
}
.change-manager .change-manager-list ul li i.change-manager-tel.select {
background-position: -288px -409px
}
.change-manager .change-manager-hide {
height: 0;
overflow: hidden
}
.change-manager .change-manager-hide.select {
height: 328px
}
.buy-pos {
background: #fff;
border-bottom: 1px #ddd solid;
color: #787878;
font-size: 22px;
height: 0;
line-height: 62px;
left: 0;
overflow: hidden;
top: 0;
width: 100%;
z-index: 1030
}
.buy-pos .buy-pos-price {
color: #ff8a00
}
.jspContainer {
overflow: hidden;
outline: 0;
position: relative
}
.jspContainer:focus {
outline: 0
}
.jspContainer .jspPane {
position: absolute
}
.jspContainer .jspVerticalBar {
background: #565656;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 4px
}
.jspContainer .jspVerticalBar .jspCap {
display: none
}
.jspContainer .jspVerticalBar .jspTrack {
background-color: transparent;
position: relative
}
.jspContainer .jspVerticalBar .jspTrack .jspDrag {
background: #ff8a00;
position: relative;
top: 0;
left: 0;
cursor: pointer
}
.jspContainer .jspHorizontalBar *,.jspContainer .jspVerticalBar * {
margin: 0;
padding: 0
}
.item-protocol {
border-top: 1px #f4f4f4 solid
}
.item-protocol i {
background: url(images/new/icon.png) -264px 0 no-repeat;
height: 20px;
width: 20px
}
.item-protocol .item-protocol-con {
margin-left: 30px
}
.item-protocol .item-protocol-con span {
color: #00afd8;
display: block;
height: 20px;
line-height: 20px
}
.item-protocol .item-protocol-con p {
color: #999;
font-size: 12px;
line-height: 20px
}
.item-protocol .item-protocol-con p a {
color: #00afd8;
font-size: 12px
}
.item-protocol.mb20 {
margin-bottom: 20px
}
.item-new-supplier li {
border-bottom: 1px #d9d9d9 solid;
padding: 20px 0 20px 60px
}
.item-new-supplier li.select {
border: none;
height: 0;
overflow: hidden;
padding: 0
}
.item-new-supplier li .ins-img {
width: 150px
}
.item-new-supplier li .ins-img a,.item-new-supplier li .ins-img a img {
height: 80px;
width: 80px;
display: block
}
.item-new-supplier li .ins-img a {
background: #ccc;
border-radius: 40px;
margin: 16px 0 15px 12px;
overflow: hidden;
padding: 0
}
.item-new-supplier li .ins-img span {
display: block;
height: 23px;
line-height: 23px
}
.item-new-supplier li .ins-img span i {
background: url(images/new/icon.png) no-repeat;
height: 23px;
margin-right: 7px;
width: 23px
}
.item-new-supplier li .ins-img span i.icon0 {
background-position: -283px 0
}
.item-new-supplier li .ins-img span i.icon1 {
background-position: -260px -23px
}
.item-new-supplier li .ins-img span i.icon2 {
background-position: -283px -23px
}
.item-new-supplier li .ins-con {
border-right: 1px #f4f4f4 solid;
margin: 0 380px 0 150px
}
.item-new-supplier li .ins-con a.title {
color: #00afd8;
font-size: 18px;
height: 35px;
line-height: 35px
}
.item-new-supplier li .ins-con a.icon {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/icon.png) left -429px no-repeat;
cursor: pointer;
height: 35px;
margin-left: 20px;
width: 20px
}
.item-new-supplier li .ins-con .supplier-data-icon {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/icon.png) right -429px no-repeat;
cursor: pointer;
height: 35px;
margin-left: 20px;
width: 26px
}
.item-new-supplier li .ins-con .supplier-data-icon .supplier-data {
border: 1px solid #69d0ea;
background: #fff;
left: 40px;
padding: 0 15px 10px;
top: -16px;
width: 270px
}
.item-new-supplier li .ins-con .supplier-data-icon .supplier-data i {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/icon.png) center -464px no-repeat;
height: 13px;
left: -10px;
top: 26px;
width: 10px
}
.item-new-supplier li .ins-con .supplier-data-icon .supplier-data h4 {
color: #666;
font-size: 14px;
height: 36px;
line-height: 36px
}
.item-new-supplier li .ins-con .supplier-data-icon .supplier-data .slides li {
border: none;
display: inline-table;
height: 250px;
padding: 0;
vertical-align: middle;
text-align: center;
width: 270px
}
.item-new-supplier li .ins-con .supplier-data-icon .supplier-data .slides li span {
display: table-cell;
height: 250px;
vertical-align: middle;
width: 270px
}
.item-new-supplier li .ins-con .supplier-data-icon .supplier-data .slides li span img {
max-width: 90%
}
.item-new-supplier li .ins-con .supplier-data-icon .supplier-data .flex-direction-nav {
left: 10px;
position: absolute;
right: 10px;
top: 140px
}
.item-new-supplier li .ins-con .supplier-data-icon .supplier-data .flex-direction-nav li {
border: none;
height: 28px;
padding: 0;
width: 15px
}
.item-new-supplier li .ins-con .supplier-data-icon .supplier-data .flex-direction-nav li a {
cursor: pointer;
display: block;
height: 28px;
line-height: 100px;
overflow: hidden;
width: 15px
}
.item-new-supplier li .ins-con .supplier-data-icon .supplier-data .flex-direction-nav .flex-nav-prev {
float: left
}
.item-new-supplier li .ins-con .supplier-data-icon .supplier-data .flex-direction-nav .flex-nav-prev a {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/icon.png) left -464px no-repeat
}
.item-new-supplier li .ins-con .supplier-data-icon .supplier-data .flex-direction-nav .flex-nav-next {
float: right
}
.item-new-supplier li .ins-con .supplier-data-icon .supplier-data .flex-direction-nav .flex-nav-next a {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/icon.png) right -464px no-repeat
}
.item-new-supplier li .ins-con .supplier-data-icon .supplier-data.select {
border: none;
height: 0;
overflow: hidden;
padding: 0
}
.item-new-supplier li .ins-con .ins-con-sp {
line-height: 20px;
width: 100%
}
.item-new-supplier li .ins-con .ins-con-sp i {
background: url(images/new/icon.png) no-repeat;
height: 20px;
margin-right: 7px;
width: 20px
}
.item-new-supplier li .ins-con .ins-con-sp1 i {
background-position: -224px -20px
}
.item-new-supplier li .ins-con .ins-con-sp1 var {
color: #00afd8
}
.item-new-supplier li .ins-con .ins-con-sp2 i {
background-position: -224px -40px
}
.item-new-supplier li .ins-con .ins-con-sp2 var {
color: #ff636a
}
.item-new-supplier li .ins-con .ins-con-sp3 i {
background-position: -244px 0
}
.item-new-supplier li .ins-con .ins-con-sp3 var {
color: #00afd8
}
.item-new-supplier li .ins-btn {
width: 380px
}
.item-new-supplier li .ins-btn a,.item-new-supplier li .ins-btn span {
display: block
}
.item-new-supplier li .ins-btn .ins-btn-price {
color: #ff626a;
font-size: 24px;
margin: 0 auto;
text-align: center
}
.item-new-supplier li .ins-btn .ins-btn-cost {
color: #999;
font-size: 12px;
margin: 0 auto 15px;
text-align: center
}
.item-new-supplier li .ins-btn .ins-btn-buy {
background: #00afd8;
color: #fff;
cursor: pointer;
line-height: 36px;
margin: 0 auto 10px;
text-align: center;
width: 276px;
-webkit-transition: background-color .3s;
-moz-transition: background-color .3s;
-o-transition: background-color .3s;
transition: background-color .3s
}
.item-new-supplier li .ins-btn .ins-btn-buy:hover {
background: #009bbf;
color: #fff;
text-decoration: none
}
.item-new-supplier li .ins-btn .ins-btn-buy.select {
background: #ccc
}
.item-new-supplier li .ins-btn .ins-btn-zixun {
border: 1px solid #00afd8;
background: #fff;
color: #00afd8;
line-height: 34px;
margin: 0 auto;
text-align: center;
width: 274px;
-webkit-transition: background-color .3s;
-moz-transition: background-color .3s;
-o-transition: background-color .3s;
transition: background-color .3s
}
.item-new-supplier li .ins-btn .ins-btn-zixun:hover {
background: rgba(0,175,216,.08);
color: #00afd8;
text-decoration: none
}
.item-new-supplier li .ins-btn .ins-btn-zixun.select {
background: #fff;
border: 1px solid #ccc;
color: #ccc
}
.item-new-select {
border: 1px solid #ccc;
cursor: pointer;
margin-left: 75px;
padding: 0 10px;
width: 133px;
z-index: 3
}
.item-new-select span {
display: block;
height: 22px;
line-height: 22px;
margin-right: 10px;
overflow: hidden
}
.item-new-select i {
background-position: -375px -215px;
height: 6px;
width: 9px;
float: right;
margin-top: 9px
}
.item-new-select div {
border: 1px solid #ccc;
border-top: none;
background: #fff;
display: none;
left: -1px;
opacity: 1;
top: 23px;
width: 153px
}
.item-new-select div a {
background: #fff;
display: block;
height: 24px;
line-height: 24px;
overflow: hidden;
padding: 0 10px;
-webkit-transition: background .3s;
-moz-transition: background .3s;
-o-transition: background .3s;
transition: background .3s
}
.item-new-select div a:hover {
text-decoration: none;
background: rgba(0,175,216,.08);
color: #333
}
.item-new-select div a.select {
background: #00afd8;
color: #fff
}
.comment-warp {
margin: 0 auto;
padding: 20px
}
.comment-top .comment-top-score {
text-align: center;
width: 100px;
color: #ff9000;
padding: 30px 30px 0
}
.comment-top .comment-top-score span {
font-size: 36px;
font-weight: 700;
height: 30px;
line-height: 36px
}
.comment-top .comment-top-score span var {
font-size: 18px;
font-weight: 400
}
.comment-top .pl-tp {
height: 140px;
border-left: 1px solid #ccc;
width: 10px;
position: relative;
margin-right: 30px
}
.comment-top .pl-tp i {
background: url(images/icon.png) -480px -219px no-repeat;
width: 20px;
height: 80px;
display: block;
position: absolute;
top: 33px;
left: -11px
}
.comment-top .comment-distribution {
padding-top: 18px;
height: 82px
}
.comment-top .comment-distribution li {
height: 15px;
line-height: 15px;
padding-bottom: 7px
}
.comment-top .comment-distribution li .comment-distribution-num {
width: 55px
}
.comment-top .comment-distribution li .comment-distribution-pic {
background: #0c2037;
height: 10px;
margin-top: 3px;
width: 124px
}
.comment-top .comment-distribution li .comment-distribution-pic em {
background: #ff9000;
display: block;
height: 10px
}
.comment-top .comment-tag {
width: 386px;
padding-top: 22px;
height: 92px;
border-right: 1px solid #ccc
}
.comment-top .comment-tag span {
font-size: 12px;
height: 22px;
line-height: 22px;
text-align: center;
width: 116px;
border: 1px solid #ff9000;
color: #ff9000
}
.comment-list-tab,.comment-list-tab span {
border-bottom: 1px #eee solid;
height: 30px
}
.comment-top .comment-popup-btn {
border-radius: 3px;
font-size: 14px;
line-height: 36px;
margin: 62px 100px 0 0;
text-align: center;
width: 140px;
cursor: pointer;
color: #fff;
background-color: #0c2037;
-webkit-transition: background-color .3s;
-moz-transition: background-color .3s;
-o-transition: background-color .3s;
transition: background-color .3s
}
.comment-top .comment-popup-btn:hover {
text-decoration: none;
background: #ff9000;
color: #fff
}
.ask-list li .ask-tag:hover,.wiki-list li .wiki-con a:hover,.zsk li a:hover {
text-decoration: underline
}
.comment-list-tab {
margin-bottom: 40px
}
.comment-list-tab span {
cursor: pointer;
line-height: 30px;
margin-right: 40px
}
.comment-list-tab span.select {
color: #ff9000
}
.comment-body {
display: none
}
.comment-body .comment-none {
background: rgba(253,218,54,.2);
text-align: center
}
.comment-body .comment-list-portrait {
text-align: center;
width: 130px
}
.comment-body .comment-list-portrait img {
height: 58px;
width: 58px;
border: 1px solid #ccc
}
.comment-body .comment-list-con {
margin-left: 150px;
margin-right: 100px;
position: relative;
border: 1px solid #ccc
}
.comment-body .comment-list-con .comment-list-score {
height: 30px;
line-height: 30px;
font-size: 12px;
color: #666
}
.comment-body .comment-list-con .comment-list-score i {
margin-top: 8px
}
.comment-body .comment-list-con p {
line-height: 24px
}
.comment-body .comment-list-con em.cornert {
background: url(images/icon.png) -161px -474px no-repeat;
width: 16px;
height: 11px;
position: absolute;
top: -1px;
left: -16px;
display: block;
z-index: 10
}
.comment-body.select {
display: block
}
.pages {
text-align: center
}
.pages a,.pages span {
border: 1px solid #ddd;
display: inline-block;
height: 26px;
line-height: 26px;
margin: 0 3px;
padding: 0 9px;
vertical-align: middle
}
.pages span {
cursor: default
}
.pages a:hover,.pages span {
border: 1px solid #ff8a00;
background: #ff8a00;
color: #fff
}
.w780 {
margin: 80px auto 0;
width: 1000px
}
.wikipedia {
margin-top: 40px
}
.wikipedia .wiki {
width: 50%
}
.wikipedia .wiki .wikipedia-box {
color: #333;
width: 100%
}
.wikipedia .wiki .wikipedia-box .wikipedia-title {
padding-left: 160px
}
.wikipedia .wiki .wikipedia-box .wikipedia-title i {
height: 19px;
width: 23px
}
.wikipedia .wiki .wikipedia-box .wikipedia-title i.quiz-ico {
background-position: -103px -409px
}
.wikipedia .wiki .wikipedia-box .wikipedia-title i.wiki-ico {
background-position: -103px -429px
}
.wikipedia .wiki .wikipedia-box .wikipedia-title span {
color: #00afd8;
font-size: 16px;
height: 19px;
line-height: 19px;
margin-left: 33px
}
.wikipedia .wiki .wikipedia-box .wikipedia-title span a {
font-size: 12px
}
.wikipedia .wiki .wikipedia-box .wikipedia-list a {
height: 30px;
line-height: 30px;
margin: 0 auto;
overflow: hidden;
width: 80%
}
.wikipedia .wiki .wikipedia-box .wikipedia-list a em {
background: #00afd8;
display: inline-block;
height: 4px;
overflow: hidden;
vertical-align: middle;
width: 4px
}
.wikipedia .wiki .wikipedia-box .wikipedia-list a:hover {
color: #00afd8
}
.wikipedia .quiz .wikipedia-box .wikipedia-title {
padding: 0 160px 0 0
}
.wikipedia .quiz .wikipedia-box .wikipedia-list {
border-right: 1px #ccc solid
}
.comment-popup {
background: #fff;
padding: 28px;
width: 666px
}
.comment-popup .comment-popup-title span {
color: #828282;
font-size: 18px;
height: 24px;
line-height: 24px
}
.comment-popup .comment-popup-title em {
color: #acacac;
cursor: pointer;
font-size: 24px;
height: 24px;
line-height: 24px;
opacity: .7
}
.comment-popup .comment-popup-title em:hover {
opacity: 1
}
.comment-popup .comment-popup-score span {
height: 22px;
line-height: 22px
}
.comment-popup .comment-popup-score em {
background: #ebebeb;
cursor: pointer;
height: 22px;
line-height: 22px;
text-align: center;
width: 80px
}
.comment-popup .comment-popup-score em.select {
background: #ff8a00;
color: #fff
}
.comment-popup textarea {
border: 1px solid #d2d2d2;
color: #888;
height: 140px;
resize: none;
width: 644px
}
.comment-popup .comment-popup-select {
background: #ff8a00;
border-radius: 3px;
color: #fff;
cursor: pointer;
font-size: 16px;
height: 38px;
line-height: 38px;
margin: 0 auto;
text-align: center;
width: 85px
}
.comment-popup .comment-popup-select:hover {
opacity: .9;
text-decoration: underline
}
.comment-star i {
height: 14px;
margin-top: 4px;
width: 80px
}
.comment-star i small {
cursor: pointer;
height: 14px;
padding-right: 2px;
width: 14px
}
.comment-star i.comment-popup-star0 {
background-position: -405px -321px
}
.comment-star i.comment-popup-star1 {
background-position: -405px -335px
}
.comment-star i.comment-popup-star2 {
background-position: -405px -349px
}
.comment-star i.comment-popup-star3 {
background-position: -405px -363px
}
.comment-star i.comment-popup-star4 {
background-position: -405px -377px
}
.comment-star i.comment-popup-star5 {
background-position: -405px -391px
}
.topic-title {
padding: 48px 0 80px
}
.topic-title h2 {
text-align: center
}
.topic-body {
background: url(images/newIndex/topic-list.png) top center repeat-y
}
.topic-con {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
background-color: #fff;
padding: 0 108px
}
.topic-con ul li {
height: 340px
}
.topic-con ul li .garden {
-webkit-transition: transform .3s;
-moz-transition: transform .3s;
-ms-transition: transform .3s;
-o-transition: transform .3s;
transition: transform .3s
}
.userinfo-warp .my-order-list .mol-title .pull-right a,.userinfo-warp .personal-table tr {
-webkit-transition: background .5s;
-moz-transition: background .5s;
-o-transition: background .5s
}
.topic-con ul li:hover .garden {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3)
}
.topic-con ul li:nth-child(odd) .img {
width: 402px;
height: 228px;
position: relative;
float: left
}
.topic-con ul li:nth-child(odd) .img img {
border: 1px solid #ccc;
width: 100%;
height: 100%
}
.topic-con ul li:nth-child(odd) .img img:hover {
border: 1px solid #ff9000
}
.topic-con ul li:nth-child(odd) .img h3 {
font-size: 16px;
position: absolute;
line-height: 40px;
width: 402px;
top: -40px;
overflow: hidden;
text-align: right
}
.topic-con ul li:nth-child(odd) .img .hl {
right: 0
}
.topic-con ul li:nth-child(odd) .img .hr {
left: 0
}
.topic-con ul li:nth-child(odd) .img strong {
width: 98px;
height: 38px;
text-align: center;
line-height: 38px;
border: 1px solid #ccc;
position: absolute;
bottom: -60px;
right: -130px;
background-color: #fff;
display: block;
z-index: 10
}
.topic-con ul li:nth-child(odd) .img strong.s1 {
left: -130px
}
.topic-con ul li:nth-child(odd) .img .ll,.topic-con ul li:nth-child(odd) .img .lr {
left: -80px
}
.topic-con ul li:nth-child(odd) .img .line-0 {
position: absolute;
height: 1px;
width: 70px;
border-top: 1px solid #ccc;
right: -80px;
top: -20px;
z-index: 8
}
.topic-con ul li:nth-child(odd) .img .line-1 {
position: absolute;
height: 340px;
width: 1px;
border-right: 1px solid #ccc;
right: -80px;
top: -40px;
z-index: 9
}
.topic-con ul li:nth-child(odd) .img .garden {
position: absolute;
height: 32px;
width: 32px;
border-radius: 50%;
background-color: #ff9000;
opacity: .4;
right: -95px;
top: -35px;
z-index: 7
}
.topic-con ul li:nth-child(odd) .img .gr {
left: -95px
}
.topic-con ul li:nth-child(odd) .g .garden {
height: 44px;
width: 44px;
right: -100px;
top: -40px
}
.topic-con ul li:nth-child(odd) .g .gr {
left: -100px
}
.topic-con ul li:nth-child(odd) .text {
float: right;
width: 382px;
height: 228px;
position: relative;
line-height: 24px;
padding-top: 20px;
color: #666;
overflow: hidden
}
.topic-con ul li:nth-child(odd) .text i {
width: 10px;
height: 10px;
border-radius: 50%;
background: #c0cceb;
float: left;
display: block;
margin: 7px 6px 0
}
.topic-con ul li:nth-child(even) .img {
width: 402px;
height: 228px;
position: relative;
float: right
}
.topic-con ul li:nth-child(even) .img img {
border: 1px solid #ccc;
width: 100%;
height: 100%
}
.topic-con ul li:nth-child(even) .img img:hover {
border: 1px solid #ff9000
}
.topic-con ul li:nth-child(even) .img h3 {
font-size: 16px;
position: absolute;
line-height: 40px;
width: 402px;
top: -40px;
overflow: hidden
}
.topic-con ul li:nth-child(even) .img .hl,.topic-con ul li:nth-child(even) .img .hr {
left: 0
}
.topic-con ul li:nth-child(even) .img strong {
width: 98px;
height: 38px;
text-align: center;
line-height: 38px;
border: 1px solid #ccc;
position: absolute;
bottom: -60px;
left: -130px;
background-color: #fff;
display: block;
z-index: 10
}
.topic-con ul li:nth-child(even) .img strong.s1 {
left: -130px
}
.topic-con ul li:nth-child(even) .img .line-0 {
position: absolute;
height: 1px;
width: 70px;
border-top: 1px solid #ccc;
left: -80px;
top: -20px;
z-index: 8
}
.topic-con ul li:nth-child(even) .img .ll {
left: -80px
}
.topic-con ul li:nth-child(even) .img .line-1 {
position: absolute;
height: 360px;
width: 1px;
border-right: 1px solid #ccc;
left: -80px;
top: -40px;
z-index: 9
}
.topic-con ul li:nth-child(even) .img .lr {
left: -80px
}
.topic-con ul li:nth-child(even) .img .garden {
position: absolute;
height: 32px;
width: 32px;
border-radius: 50%;
background-color: #ff9000;
opacity: .4;
left: -95px;
top: -35px;
z-index: 7
}
.topic-con ul li:nth-child(even) .img .gr {
left: -95px
}
.topic-con ul li:nth-child(even) .g .garden {
height: 44px;
width: 44px;
left: -100px;
top: -40px
}
.topic-con ul li:nth-child(even) .g .gr {
left: -100px
}
.topic-con ul li:nth-child(even) .text {
float: left;
width: 382px;
height: 228px;
position: relative;
line-height: 24px;
padding-top: 20px;
color: #666;
overflow: hidden
}
.topic-con ul li:nth-child(even) .text i {
width: 10px;
height: 10px;
border-radius: 50%;
background: #c0cceb;
float: left;
display: block;
margin: 7px 6px 0
}
.topic-con .last {
height: 100px;
width: 100%;
position: relative
}
.topic-con .last .line-y {
width: 1px;
border-left: 1px solid #ccc;
position: absolute;
left: 50%;
top: -50px;
height: 100px
}
.topic-con .last .line-x {
width: 20px;
border-bottom: 1px solid #ccc;
position: absolute;
left: 50%;
top: -52px;
height: 100px;
margin-left: -10px
}
.topic-con .last .garden {
position: absolute;
height: 32px;
width: 32px;
border-radius: 50%;
background-color: #ff9000;
opacity: .4;
left: 50%;
top: 32px;
z-index: 7;
margin-left: -16px
}
.topic-con .last span {
display: block;
width: 100%;
text-align: center;
line-height: 24px;
font-size: 12px;
color: #999;
position: absolute;
left: 0;
bottom: 0
}
.topic-banner {
background: url(images/newIndex/topic-banner.png) top center no-repeat;
height: 250px;
width: 100%;
margin-top: 40px
}
.topic-yesr {
width: 320px;
height: 80px;
text-align: center;
background-color: #0c2037;
color: #fff;
position: relative;
margin: 25px auto 100px;
border-radius: 5px
}
.topic-yesr h3 {
font-size: 18px;
line-height: 28px;
padding-top: 14px
}
.topic-yesr .list-0,.topic-yesr .list-2 {
width: 44px;
height: 1px;
border-bottom: 1px solid #ccc;
position: absolute;
left: 50%;
margin-left: -22px
}
.topic-yesr .list-1,.topic-yesr .list-3 {
width: 1px;
height: 50px;
border-left: 1px solid #ccc;
position: absolute;
left: 50%
}
.topic-yesr .list-0 {
top: -20px
}
.topic-yesr .list-1 {
top: -68px
}
.topic-yesr .list-2 {
bottom: -20px
}
.topic-yesr .list-3 {
bottom: -69px
}
@media screen and (max-width:1200px) {
.topic-body {
background: url(images/newIndex/topic-list-min.png) top center repeat-y
}
.topic-con {
width: 880px;
margin: 0 auto;
padding: 0 59px
}
.topic-con ul li:nth-child(odd) .img strong {
right: -87px
}
.topic-con ul li:nth-child(odd) .img strong.s1 {
left: -87px
}
.topic-con ul li:nth-child(odd) .img .ll,.topic-con ul li:nth-child(odd) .img .lr {
left: -39px
}
.topic-con ul li:nth-child(odd) .img .line-0 {
right: -39px;
width: 35px
}
.topic-con ul li:nth-child(odd) .img .line-1 {
right: -39px
}
.topic-con ul li:nth-child(odd) .img .garden {
right: -54px
}
.topic-con ul li:nth-child(odd) .img .gr {
left: -54px
}
.topic-con ul li:nth-child(odd) .g .garden {
right: -60px
}
.topic-con ul li:nth-child(odd) .g .gr {
left: -60px
}
.topic-con ul li:nth-child(even) .img strong,.topic-con ul li:nth-child(even) .img strong.s1 {
left: -87px
}
.topic-con ul li:nth-child(even) .img .line-0 {
left: -39px;
width: 35px
}
.topic-con ul li:nth-child(even) .img .line-1,.topic-con ul li:nth-child(even) .img .ll,.topic-con ul li:nth-child(even) .img .lr {
left: -39px
}
.topic-con ul li:nth-child(even) .img .garden,.topic-con ul li:nth-child(even) .img .gr {
left: -54px
}
.topic-con ul li:nth-child(even) .g .garden,.topic-con ul li:nth-child(even) .g .gr {
left: -60px
}
}
.login-content-text {
background: url(images/login-bg.png) top center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-width: 1000px
}
.login-content-text .login-ct {
position: relative;
height: 612px
}
.login-content-text .login-main {
background-color: #fff;
border: 1px solid #ccc;
width: 378px;
position: absolute;
right: 0;
top: 50px
}
.login-content-text .login-main .modal-header h4 a {
width: 50%;
float: left;
text-align: center;
display: inline-block;
border-bottom: 1px solid #ccc;
line-height: 45px
}
.login-content-text .login-main .modal-header h4 .lg,.login-content-text .login-main .modal-header h4 .re {
border-bottom: 2px solid #ff9000;
line-height: 44px;
color: #ff9000
}
.login-content-text .login-main .login-popup .login ul {
border: 1px solid #ccc;
padding: 0 15px
}
.login-content-text .login-main .login-popup .login ul li {
padding: 20px 0
}
.login-content-text .login-main .login-popup .login ul li input {
width: 224px
}
.login-content-text .login-main .login-popup .login ul li.login-img {
padding: 0
}
.login-content-text .login-main .login-popup .login ul li.login-img i {
margin-left: 0;
padding-left: 0
}
.login-content-text .login-main .login-popup .login ul li.login-img input {
padding: 15px;
width: 182px
}
.login-content-text .login-main .login-popup .login .other a {
font-size: 12px
}
.login-content-text .login-main .login-popup .login .login-btn {
background: #0c2037;
color: #fff;
opacity: 1;
border-radius: 3px
}
.login-content-text .login-main .login-popup .login .login-btn:hover {
color: #fff;
background: #ff9000
}
.register-content-text {
background: url(images/registered-bg.png) top center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-width: 1000px
}
.register-content-text .register-ct {
position: relative;
height: 612px
}
.register-content-text .register-main {
background-color: #fff;
border: 1px solid #ccc;
width: 378px;
position: absolute;
right: 0;
top: 50px
}
.register-content-text .register-main .modal-header h4 a {
width: 50%;
float: left;
text-align: center;
display: inline-block;
border-bottom: 1px solid #ccc;
line-height: 45px
}
.register-content-text .register-main .modal-header h4 .lg,.register-content-text .register-main .modal-header h4 .re {
border-bottom: 2px solid #ff9000;
line-height: 44px;
color: #ff9000
}
.register-content-text .register-main .login-popup .register ul li input {
width: 278px;
border-radius: 3px;
border: 1px solid #ccc
}
.register-content-text .register-main .login-popup .register ul li .img-code,.register-content-text .register-main .login-popup .register ul li .message-code {
width: 160px
}
.register-content-text .register-main .login-popup .register ul li span.btn-gray {
border-radius: 3px
}
.register-content-text .register-main .login-popup .register .register-btn {
background: #0c2037;
color: #fff;
opacity: 1;
border-radius: 3px
}
.register-content-text .register-main .login-popup .register .register-btn:hover {
color: #fff;
background: #ff9000
}
.register-content-text .register-main .login-popup .register .forget label {
font-weight: 400
}
.pages-img {
width: 100%
}
.zxdt-img {
border-bottom: 1px #ececec solid
}
.pages-con {
border: 1px solid #ececec;
border-bottom: 0
}
.pages-con .zxdt-pages {
padding: 30px 0
}
.pages-con.bt0 {
border-top: 0
}
.zxdt-img.bb0 {
border-bottom: 0
}
.zxdt-list {
padding: 12px 10px 20px
}
.zxdt-list li {
border-bottom: 1px #ececec dashed;
padding: 15px 40px
}
.zxdt-list li a {
color: #999;
line-height: 20px
}
.zxdt-list li a.zxdt-list-color {
color: #f90;
font-size: 18px;
line-height: 30px
}
.zxdt-list li a.zxdt-list-dark {
color: #666;
line-height: 26px
}
.zxdt-list li:hover {
box-shadow: 0 0 20px rgba(0,0,0,.2)
}
.pages-con.bt {
border-top: 1px #ececec solid
}
.about-title {
color: #333;
display: inline-block;
font-size: 30px;
height: 50px;
line-height: 50px;
width: 100%
}
.about-title i,.about-title span {
vertical-align: middle
}
.about-title i {
background: url(images/new/pages-title-line.png) no-repeat;
content: " ";
display: inline-block;
height: 1px;
margin: 10px 7px 0;
width: 213px
}
.about-title i.left-line {
background-position: 0 0
}
.about-title i.right-line {
background-position: 0 -1px
}
.zjgs {
background: url(images/new/zjgs.png) center bottom no-repeat
}
.zjgs .zjgs-con {
line-height: 26px;
padding: 70px 30px 50px 0;
width: 555px
}
.zjgs .zjgs-con span {
color: #f90
}
.gsbgm {
padding-bottom: 40px
}
.gsbgm .gsbgm-list {
margin-top: 45px;
padding: 15px 25px 35px
}
.gsbgm .gsbgm-list i {
background: url(images/new/icon.png) no-repeat;
display: inline-block;
height: 64px;
width: 64px
}
.gsbgm .gsbgm-list span {
color: #333;
font-size: 18px;
line-height: 45px
}
.gsbgm .gsbgm-list p {
color: #999;
line-height: 25px
}
.gsbgm .gsbgm-list0 i {
background-position: 0 0
}
.gsbgm .gsbgm-list1 {
border-left: 1px #ececec solid;
border-right: 1px #ececec solid
}
.gsbgm .gsbgm-list1 i {
background-position: -64px 0
}
.gsbgm .gsbgm-list2 i {
background-position: -128px 0
}
.gsyw {
background: url(images/new/gsyw.png) center bottom no-repeat #f8f8f8
}
.gsyw table {
border-collapse: separate;
border-spacing: 0;
padding: 45px 0 80px
}
.od-usecoupon table,.od-xiangq table,.tksm table {
border-collapse: collapse
}
.gsyw table th {
border-right: 1px #f90 solid;
padding: 10px 0 50px 35px;
width: 110px
}
.gsyw table th span {
color: #f90;
display: inline-block;
font-size: 18px;
width: 100%
}
.gsyw table th span i {
border: 1px solid #f90;
border-radius: 8px;
background: #fff;
height: 16px;
right: -9px;
top: 4px;
width: 16px
}
.gsyw table td {
color: #666;
padding: 10px 15px 50px 40px
}
.scfx .scfx-table {
width: 100%;
border-top: 1px #d6e6e6 solid;
border-left: 1px #d6e6e6 solid
}
.scfx .scfx-table .scfx-table-th {
background: #f7f7f7
}
.scfx .scfx-table .scfx-table-th span {
font-weight: 700
}
.scfx .scfx-table span {
border-bottom: 1px #d6e6e6 solid;
border-right: 1px #d6e6e6 solid;
line-height: 30px
}
.gsdt {
padding-bottom: 60px
}
.gsdt .gsdt-list {
padding-top: 50px
}
.gsdt .gsdt-title {
width: 100%
}
.gsdt .gsdt-title i {
background: url(images/new/icon.png) no-repeat;
height: 52px;
width: 52px
}
.gsdt .gsdt-title i.gsdt-num1 {
background-position: 0 -145px
}
.gsdt .gsdt-title i.gsdt-num2 {
background-position: -52px -145px
}
.gsdt .gsdt-title i.gsdt-num3 {
background-position: -104px -145px
}
.gsdt .gsdt-title span {
height: 40px;
font-size: 16px;
line-height: 20px;
padding-top: 7px;
margin-left: 62px;
overflow: hidden
}
.gsdt p {
color: #666;
font-size: 12px;
line-height: 18px
}
.gsdt a {
color: #f90
}
.wmdys {
padding-bottom: 40px
}
.wmdys .wmdys-list {
padding-top: 50px
}
.wmdys .wmdys-list i {
border-radius: 40.5px;
background: url(images/new/icon.png) no-repeat #f5f5f5;
display: inline-block;
height: 81px;
width: 81px
}
.wmdys .wmdys-list i.wmdys-icon1 {
background-position: 0 -64px
}
.wmdys .wmdys-list i.wmdys-icon2 {
background-position: -81px -64px
}
.wmdys .wmdys-list i.wmdys-icon3 {
background-position: -162px -64px
}
.wmdys .wmdys-list i.wmdys-icon4 {
background-position: -243px -64px
}
.wmdys .wmdys-list span {
font-size: 16px
}
.wmdys .wmdys-list p {
color: #666;
font-size: 12px;
line-height: 20px
}
.jrwm-list dl dd,.lxwm dl dd {
line-height: 22px;
color: #666
}
.lxwm {
background: url(images/new/lxwm-line.png) center center no-repeat;
padding: 10px 10px 20px
}
.lxwm dl {
padding: 25px 0 0 20px;
height: 150px
}
.lxwm dl dt {
color: #f90;
font-size: 18px
}
.lxwm dl dd {
font-size: 12px
}
.jrwm-list dl {
height: 225px;
margin-bottom: 0;
padding: 0 40px
}
.jrwm-list dl dt {
font-size: 18px;
font-weight: 400
}
.jrwm-list dl.jrwm-list0 {
background: url(images/new/jrwm0.png) right bottom no-repeat
}
.jrwm-list dl.jrwm-list1 {
background: url(images/new/jrwm1.png) right bottom no-repeat
}
.jrwm-list dl.jrwm-list2 {
background: url(images/new/jrwm2.png) right bottom no-repeat
}
.jrwm-info-tab {
border-right: 1px #f2f2f2 solid;
background: #fafafa;
cursor: pointer;
padding: 0 25px;
width: 170px
}
.jrwm-info-tab dt {
color: #666;
font-size: 16px;
font-weight: 400;
height: 36px;
line-height: 36px
}
.jrwm-info-tab dt i {
background: url(images/new/icon.png) -204px -36px no-repeat;
height: 5px;
margin-top: 15px;
width: 8px
}
.jrwm-info-tab dt i.select {
background-position: -204px -41px
}
.jrwm-info-tab dd span {
color: #999;
line-height: 28px
}
.jrwm-info-tab dd span.select {
color: #ff8a00
}
.jrwm-info-con {
margin-left: 270px
}
.jrwm-info-con dt {
color: #666;
font-size: 16px;
font-weight: 400;
height: 28px;
line-height: 28px
}
.jrwm-info-con dd {
color: #666;
line-height: 26px;
padding-bottom: 30px
}
.jytd-title-ch {
color: #f90;
font-size: 24px;
padding-top: 50px
}
.jytd-title-en {
color: #999;
font-size: 18px;
padding-bottom: 40px
}
.jytd-img img {
height: auto;
width: 100%
}
.jytd-img.pb60 {
padding-bottom: 60px
}
.syfp {
padding: 80px 20px
}
.syfp dt {
font-size: 18px;
font-weight: 400;
line-height: 38px
}
.syfp dt i {
background: #333;
border-radius: 2px;
display: inline-block;
height: 4px;
width: 4px;
vertical-align: middle
}
.tksm table,.tksm table tr,.tksm table tr td {
border: 1px solid #999
}
.syfp dd {
color: #666;
line-height: 24px
}
.syfp dd span {
color: #f90
}
.tksm {
padding: 30px
}
.tksm table tr td {
padding: 5px 10px
}
.tksm-wxts {
padding-bottom: 60px
}
.ydytxfw {
padding: 30px 50px 20px
}
.ydytxfw .ydy {
border: 1px solid #ccc;
height: 160px;
margin-bottom: 40px;
padding: 40px 40px 0
}
.ydytxfw .ydy .ydy-title {
left: 0;
top: -14px;
width: 100%
}
.ydytxfw .ydy .ydy-title span {
display: inline-block;
background: #fff;
font-size: 18px;
padding: 0 20px
}
.ydytxfw .ydy .ydy-title span i {
background: #333;
border-radius: 2px;
display: inline-block;
height: 4px;
margin: 0 10px;
vertical-align: middle;
width: 4px
}
.ydytxfw .ydy p {
color: #666;
line-height: 24px
}
.ydytxfw .ydy0 {
background: url(images/new/ydy0.png) right bottom no-repeat
}
.ydytxfw .ydy1 {
background: url(images/new/ydy1.png) right bottom no-repeat
}
.ydytxfw .ydy2 {
background: url(images/new/ydy2.png) right bottom no-repeat
}
.ydytxfw .ydy3 {
background: url(images/new/ydy3.png) right bottom no-repeat
}
.jmbz {
height: auto;
width: 100%
}
.xxfwzx dl {
padding: 40px 0 0 20px;
height: 135px
}
.xxfwzx .xxfwzx-lxfs {
padding: 20px 0 50px
}
.xxfwzx .xxfwzx-lxfs i {
background: url(images/new/icon.png) -192px 0 no-repeat;
display: inline-block;
height: 12px;
margin-right: 7px;
vertical-align: middle;
width: 12px
}
.xxfwzx .xxfwzx-lxfs var {
color: #f90;
font-size: 18px
}
.xxfwzx .xxfwzx-lxfs span,.xxfwzx .xxfwzx-lxfs var {
display: inline-block;
height: 30px;
line-height: 30px;
vertical-align: middle
}
.comment-tab {
border-top: 1px #ececec solid;
border-bottom: 1px #ececec solid;
background: #fafafa
}
.comment-tab ul li,.zsk li {
border-bottom: 1px #ececec dashed
}
.comment-tab ul {
margin-bottom: -1px
}
.comment-tab ul li {
padding: 7px 0
}
.comment-tab ul .comment-tab-name {
height: 24px;
line-height: 24px;
width: 115px
}
.comment-tab ul .comment-tab-con {
height: 24px;
overflow: hidden
}
.comment-tab ul .comment-tab-con a {
color: #999;
line-height: 24px
}
.comment-tab ul .comment-tab-more {
color: #999;
cursor: pointer;
height: 24px;
line-height: 24px
}
.comment-tab ul .comment-tab-more i {
background: url(images/new/icon.png) -192px -24px no-repeat;
display: inline-block;
height: 12px;
margin: -4px 0 0 5px;
vertical-align: middle;
width: 12px
}
.comment-tab ul .comment-tab-more i.select {
background-position: -192px -12px
}
.zsk li .zsk-title {
font-size: 18px;
height: 32px;
line-height: 32px;
overflow: hidden
}
.zsk li .zsk-title:hover {
color: #333
}
.zsk li span {
color: #666;
line-height: 28px
}
.zsk li .zsk-con {
color: #999;
line-height: 20px
}
.zsk li .zsk-con:hover {
color: #999
}
.jdal img {
border: 1px solid #ececec;
height: 122px;
width: 218px
}
.wiki-list li,.wiki-tab {
border-bottom: 1px #ececec solid
}
.wiki-detail-con,.wiki-tab {
border-top: 1px #ececec solid
}
.jdal .jdal-con {
margin-left: 260px
}
.jdal .jdal-con .jdal-con-title {
font-size: 16px;
height: 40px;
line-height: 40px;
overflow: hidden
}
.jdal .jdal-con-nr {
color: #f90;
line-height: 20px
}
.jdal p {
color: #666;
line-height: 22px
}
.wiki-tab {
background: #fafafa;
height: 40px;
line-height: 40px
}
.wiki-tab a {
color: #999;
display: inline-block;
margin-right: 40px
}
.wiki-tab a.select {
color: #f90
}
.wiki-list li .wiki-img {
height: 90px;
width: 160px
}
.wiki-list li .wiki-img img {
height: 100%;
width: 100%
}
.wiki-list li .wiki-con {
padding-left: 180px
}
.wiki-list li .wiki-con a {
color: #1a1a1a;
font-size: 16px;
height: 30px;
line-height: 30px;
overflow: hidden
}
.wiki-list li .wiki-con p {
color: #666;
height: 60px;
line-height: 20px;
overflow: hidden
}
.wiki-detail img {
height: 197px;
width: 350px
}
.wiki-detail .wiki-detail-title {
padding-left: 390px
}
.wiki-detail .wiki-detail-title span {
font-size: 18px;
height: 50px;
line-height: 50px;
overflow: hidden
}
.wiki-detail .wiki-detail-title p {
color: #666;
line-height: 20px
}
.wiki-detail .wiki-detail-title a {
background: #f90;
color: #fff;
height: 34px;
line-height: 34px;
text-align: center;
width: 138px
}
.wiki-detail-con {
margin: 0 20px
}
.wiki-detail-con li {
border-bottom: 1px #ececec dashed
}
.wiki-detail-con li h5 {
font-size: 18px;
height: 40px;
line-height: 40px
}
.wiki-detail-con li .wiki-detail-box {
color: #666;
line-height: 20px
}
.wiki-detail-con li:last-child {
border: none
}
.ask-list li {
border-bottom: 1px #ececec solid
}
.ask-list li .ask-title {
height: 30px;
line-height: 30px
}
.ask-list li .ask-title span {
color: #f90;
font-weight: 700
}
.ask-list li p {
color: #666;
line-height: 25px
}
.ask-list li p span {
font-weight: 700
}
.ask-list li .ask-tag {
border: 1px dashed #f90;
color: #f90;
display: inline-block;
height: 22px;
line-height: 22px;
vertical-align: middle
}
.ask-detail {
border-bottom: 1px #ececec solid
}
.ask-detail li {
border: none
}
.ask-bottom {
background: url(images/new/ask-bottom.png) center center no-repeat #efefee;
height: 60px
}
.ask-bottom .ask-btn {
background: #f90;
border-radius: 3px;
color: #fff;
cursor: pointer;
height: 36px;
line-height: 36px;
margin-top: 12px;
text-align: center;
width: 196px
}
.ask-counselor {
border-bottom: 1px #ececec dashed;
margin: 0 20px;
padding: 20px 0
}
.ask-counselor img {
height: 60px;
width: 60px
}
.ask-counselor .ask-counselor-right {
padding-left: 80px
}
.ask-counselor .ask-counselor-right span {
font-size: 18px;
height: 28px;
line-height: 25px
}
.ask-counselor .ask-counselor-right var {
color: #999;
font-size: 12px;
height: 16px;
line-height: 16px;
overflow: hidden
}
.ask-counselor .ask-counselor-right var em {
color: #f90
}
.ask-counselor-info {
color: #666;
line-height: 20px
}
.related-title {
height: 29px;
margin: 20px
}
.related-title span {
border-bottom: 1px #0c2037 solid;
background: #0c2037;
color: #fff;
height: 28px;
line-height: 28px;
padding-left: 12px
}
.related-title span i {
height: 28px
}
.related-title span i.related-title-icon {
background: url(images/new/icon.png) -192px -36px no-repeat;
height: 28px;
width: 12px
}
.related-title span i.related-title-jiao {
background: url(images/new/icon.png) -204px 0 no-repeat #fff;
height: 28px;
width: 20px
}
.related-title .related-title-right {
border-bottom: 1px #ccc solid;
height: 28px
}
.related li {
width: 20%
}
.related li .related-list {
border: 1px solid #ccc
}
.related li .related-list .related-list-title {
height: 26px;
line-height: 26px;
overflow: hidden
}
.related li .related-list .related-list-start {
font-size: 12px;
height: 26px;
line-height: 26px
}
.related li .related-list .related-list-start i {
background: url(images/icon.png) no-repeat;
display: inline-block;
height: 14px;
margin: 6px 5px 6px 0;
width: 78px
}
.related li .related-list .related-list-start span {
color: #f90;
height: 26px;
line-height: 26px
}
.related li .related-list .related-start0 i {
background-position: -405px -321px
}
.related li .related-list .related-start1 i {
background-position: -405px -335px
}
.related li .related-list .related-start2 i {
background-position: -405px -349px
}
.related li .related-list .related-start3 i {
background-position: -405px -363px
}
.related li .related-list .related-start4 i {
background-position: -405px -377px
}
.related li .related-list .related-start5 i {
background-position: -405px -391px
}
.related li .related-list .related-list-yuan {
color: #666;
font-size: 12px;
height: 26px;
line-height: 26px
}
.related li .related-list .related-list-yuan span {
color: #f90;
font-size: 16px
}
.related li .related-list .related-list-yuan a {
border: 1px solid #f90;
color: #f90;
height: 24px;
line-height: 24px;
text-align: center;
width: 70px
}
.package .package-tab,.package .package-tab .pt-warp li a {
height: 210px;
position: relative
}
.gmlc {
padding: 15px 0 80px
}
.duty-warp {
border: 1px solid #ececec;
margin: 20px 0
}
.duty-warp h3 {
border-bottom: 1px solid #ececec;
padding: 20px 0;
text-align: center
}
.duty-warp dl {
padding: 20px 40px
}
.duty-warp dl dt {
color: #535353;
font-weight: 400;
line-height: 28px;
padding-bottom: 30px
}
.duty-warp dl dd {
color: #535353;
line-height: 28px;
padding-bottom: 20px
}
.duty-warp p {
line-height: 28px;
padding-bottom: 10px
}
.newp-twinkle i,.package-tab .flex-direction-nav a {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/icon.png) no-repeat
}
.package {
border: 1px solid #ebebeb;
border-top: none;
margin: 20px auto 0;
width: 1178px
}
.package .package-tab {
border-bottom: 1px #eaeaed solid;
margin: 0 20px 40px;
overflow: hidden
}
.package .package-tab .pt-warp li {
float: left;
width: 20%
}
.package .package-tab .pt-warp li a .newp-twinkle {
height: 110px;
margin: 0 auto 20px;
position: relative;
width: 126px
}
.package .package-tab .pt-warp li a .newp-twinkle img {
left: 0;
position: absolute;
top: 0
}
.package .package-tab .pt-warp li a .newp-twinkle img.pt-unapp {
z-index: 1
}
.package .package-tab .pt-warp li a .newp-twinkle img.pt-app {
display: none;
z-index: 1
}
.package .package-tab .pt-warp li a .newp-twinkle i {
display: none;
height: 10px;
position: absolute;
width: 10px
}
.package .package-tab .pt-warp li a .newp-twinkle i.icon0 {
background-position: -2px -337px;
left: 0;
top: 0
}
.package .package-tab .pt-warp li a .newp-twinkle i.icon1 {
background-position: 0 -337px;
right: 0;
top: 0
}
.package .package-tab .pt-warp li a .newp-twinkle i.icon2 {
background-position: -2px -335px;
bottom: 0;
left: 0
}
.package .package-tab .pt-warp li a .newp-twinkle i.icon3 {
background-position: 0 -335px;
bottom: 0;
right: 0
}
.package .package-tab .pt-warp li a .newp-name {
text-align: center
}
.package .package-tab .pt-warp li a .newp-name span {
color: #666;
font-size: 18px;
height: 28px;
line-height: 28px
}
.package .package-tab .pt-warp li a .newp-name em {
color: #999;
font-size: 12px
}
.package .package-tab .pt-warp li a.select .newp-name span,.package .package-tab .pt-warp li a:hover .newp-name span {
color: #3aafdb
}
.package .package-tab .pt-warp li a .newp-line-r {
background: #e1eaf5;
height: 150px;
margin-top: 20px;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 1px
}
.package .package-tab .pt-warp li a .newp-line-b {
background: #00afdb;
bottom: -1px;
display: none;
height: 2px;
left: -80px;
margin-left: 50%;
overflow: hidden;
position: absolute;
width: 160px
}
.package .package-tab .pt-warp li a.select .newp-line-b,.package .package-tab .pt-warp li a.select .newp-twinkle .pt-app,.package .package-tab .pt-warp li a.select .newp-twinkle i,.package .package-tab .pt-warp li a:hover .newp-line-b,.package .package-tab .pt-warp li a:hover .newp-twinkle .pt-app,.package .package-tab .pt-warp li a:hover .newp-twinkle i {
display: block
}
.package .package-tab .pt-warp li a:hover .newp-twinkle i.icon0 {
animation: icon0 .7s infinite;
-webkit-animation: icon0 .7s infinite
}
.package .package-tab .pt-warp li a:hover .newp-twinkle i.icon1 {
animation: icon1 .7s infinite;
-webkit-animation: icon1 .7s infinite
}
.package .package-tab .pt-warp li a:hover .newp-twinkle i.icon2 {
animation: icon2 .7s infinite;
-webkit-animation: icon2 .7s infinite
}
.package .package-tab .pt-warp li a:hover .newp-twinkle i.icon3 {
animation: icon3 .7s infinite;
-webkit-animation: icon3 .7s infinite
}
.package .package-tab .pt-warp li:last-child a .newp-line-r {
display: none
}
.package .package-tab .flex-direction-nav {
margin: 0;
position: absolute;
top: 0;
width: 100%
}
.package .package-tab .flex-direction-nav li {
background: #fff;
height: 38px;
padding: 86px 0;
position: absolute;
top: 0;
width: 19px
}
.package .package-tab .flex-direction-nav li.flex-nav-prev {
left: 0
}
.package .package-tab .flex-direction-nav li.flex-nav-prev a {
background-position: -12px -335px
}
.package .package-tab .flex-direction-nav li.flex-nav-next {
right: 0
}
.package .package-tab .flex-direction-nav li.flex-nav-next a {
background-position: -33px -335px
}
.package .package-tab .flex-direction-nav li a {
display: block;
line-height: 100px;
height: 38px;
overflow: hidden;
width: 19px
}
.package .product-grow,.package .product-grow #product-show .preview-pic li {
height: 420px;
width: 560px
}
.package .package-tab .flex-direction-nav li a:focus {
outline: 0
}
.package .package-tab .flex-direction-nav li a.flex-disabled {
display: none
}
.package .product-grow {
margin: 0 0 0 20px;
overflow: hidden
}
.package .product-grow #product-show {
margin-right: 0;
width: 560px
}
.package .product-grow #product-show .preview-pic {
height: 420px
}
.package .product-grow #product-show .preview-pic li img {
height: 418px;
width: 558px
}
.package .classicRight {
margin: 0 0 30px 620px;
padding-right: 20px
}
.package .classicRight .new-package-title {
color: #333;
font-size: 24px;
height: 50px;
line-height: 50px;
overflow: hidden;
padding-bottom: 10px
}
.package .classicRight .form-item label {
font-weight: 400;
vertical-align: top;
width: 75px;
line-height: 24px
}
.package .classicRight .form-item .form-item-fixed {
min-height: 30px;
margin-left: 75px
}
.package .classicRight .form-item .form-item-fixed .mod-section-tip li.active a,.package .classicRight .form-item .form-item-fixed .mod-section-tip li.active a:hover {
border: 1px solid #3aafdb;
background: #3aafdb;
color: #fff
}
.package .classicRight .form-item .form-item-fixed .mod-section-tip li a:hover {
background: rgba(0,175,216,.08);
border: 1px solid #3aafdb;
color: #333
}
.package .classicRight .form-item .form-item-fixed .package-con .tac {
display: inline-block;
width: 79px;
padding-bottom: 10px;
text-align: center;
vertical-align: top
}
.package .classicRight .form-item .form-item-fixed .package-con .tac img {
height: 30px;
margin: 0 auto;
width: 30px
}
.package .classicRight .form-item .form-item-fixed .package-con .tac span {
color: #666;
font-size: 12px;
line-height: 18px;
max-height: 36px;
overflow: hidden
}
.package .classicRight .form-item .form-item-fixed .package-con .tac em {
color: #f66367;
font-size: 12px
}
.package .classicRight .form-item .form-item-fixed .package-con .npc-add {
background: 0 0;
color: #666;
display: inline-block;
font-size: 18px;
padding-top: 9px;
text-align: center;
vertical-align: top;
width: 16px
}
.package .classicRight .form-item .form-item-fixed .classicXj {
color: #f66367;
font-size: 20px;
font-weight: 700;
height: 26px;
line-height: 26px
}
.package .classicRight .form-item .form-item-fixed .classicYj {
color: #999;
font-size: 12px;
height: 26px;
line-height: 10px;
padding-left: 0;
text-decoration: line-through
}
.package-detail {
border-left: 1px #eaeaed solid;
border-right: 1px #eaeaed solid;
padding: 20px
}
@keyframes icon0 {
0%,100% {
left: 0;
top: 0
}
70% {
left: 7px;
top: 5px
}
}
@-webkit-keyframes icon0 {
0%,100% {
left: 0;
top: 0
}
70% {
left: 7px;
top: 5px
}
}
@keyframes icon1 {
0%,100% {
right: 0;
top: 0
}
70% {
right: 7px;
top: 5px
}
}
@-webkit-keyframes icon1 {
0%,100% {
right: 0;
top: 0
}
70% {
right: 7px;
top: 5px
}
}
@keyframes icon2 {
70% {
bottom: 5px;
left: 7px
}
0% {
bottom: 0;
left: 0
}
}
@-webkit-keyframes icon2 {
70% {
bottom: 5px;
left: 7px
}
0% {
bottom: 0;
left: 0
}
}
@keyframes icon3 {
0%,100% {
bottom: 0;
right: 0
}
70% {
bottom: 5px;
right: 7px
}
}
@-webkit-keyframes icon3 {
0%,100% {
bottom: 0;
right: 0
}
70% {
bottom: 5px;
right: 7px
}
}
.breadcrumb {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/icon.png) 0 -83px no-repeat;
border-bottom: 1px #19a4cc solid;
color: #666;
font-size: 14px;
height: 44px;
line-height: 44px;
padding-left: 27px
}
.breadcrumb a:hover {
color: #1ba4cc
}
.breadcrumb .p-search {
height: 30px;
padding-top: 7px;
width: 444px
}
.breadcrumb .p-search span {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/icon.png) 9px -292px no-repeat;
border: 1px solid #ccc;
padding: 5px 10px 5px 32px;
width: 256px
}
.breadcrumb .p-search span input {
height: 18px;
line-height: 18px;
width: 100%
}
.breadcrumb .p-search .ons-btn {
background: #19a4cc;
cursor: pointer;
color: #fff;
font-size: 12px;
height: 30px;
line-height: 30px;
text-align: center;
width: 130px
}
.product-option {
border-bottom: 1px #ccc solid;
padding: 10px 0
}
.product-option span,.product-option ul li a {
border-bottom: 1px #fff solid;
color: #666;
height: 23px;
line-height: 23px
}
.product-option span {
padding: 5px 0;
width: 70px
}
.product-option ul {
padding-left: 75px
}
.product-option ul li {
padding: 5px 30px 5px 0
}
.product-option ul li a {
display: inline-block
}
.product-option ul li.select a,.product-option ul li:hover a {
border-bottom: 1px #1ba4cc solid;
color: #1ba4cc
}
.product-list {
margin: 0 -10px 40px
}
.product-list a {
border: 1px solid #ebebeb;
margin: 0 10px;
text-align: center
}
.product-list a i {
background: rgba(0,0,0,.4);
bottom: 0;
display: none;
height: 100%;
left: 0;
width: 100%
}
.product-list a span {
height: 330px;
overflow: hidden;
/*width: 278px*/
}
.product-list a img {
border-bottom: 1px #ebebeb solid;
height: auto;
width: 100%
}
.product-list a h4 {
color: #444;
font-size: 16px;
line-height: 30px;
overflow: hidden;
padding: 15px 10px 10px
}
.product-list a p {
color: #1ba4cc;
padding: 0 10px 10px
}
.product-list a:hover {
border: 1px solid #19a4cc;
box-shadow: 0 0 20px rgba(27,164,204,.5)
}
.product-list a:hover i {
display: block
}
.personalNav {
padding-top: 20px;
width: 174px
}
.personalNav .pn-top {
border: 1px solid #eaeaed;
border-bottom: 1px #00afdb solid;
background: #fafcff;
height: 50px;
font-weight: 700;
line-height: 50px;
padding-left: 20px
}
.personalNav .pn-top:before {
content: "";
background: url(images/new/icon.png) -324px 0 no-repeat;
float: left;
height: 14px;
margin: 18px 10px 0 0;
width: 14px
}
.personalNav .pn-list {
border: 1px solid #eaeaed;
border-top: none;
background: #fafcff;
margin: 0;
padding: 0 0 20px 20px
}
.personalNav .pn-list .pn-list-title {
color: #666;
height: 36px;
line-height: 36px
}
.personalNav .pn-list .pn-list-title:before {
content: "";
background: #00afdb;
float: left;
height: 4px;
margin: 17px 20px 0 0;
width: 4px
}
.personalNav .pn-list .pn-list-title.select,.personalNav .pn-list .pn-list-title:hover {
color: #00afdb
}
.personalNav .pn-list .pn-list-tab {
padding-left: 24px
}
.personalNav .pn-list .pn-list-tab a {
color: #999;
height: 28px;
line-height: 28px
}
.personalNav .pn-list .pn-list-tab a.select,.personalNav .pn-list .pn-list-tab a:hover {
color: #00afdb
}
.personal {
margin-left: 194px;
padding-top: 35px
}
.personal .p-title {
color: #999;
font-size: 18px
}
.personal .p-tab {
border-bottom: 1px #eaeaed solid;
height: 40px;
margin-bottom: 20px
}
.personal .p-tab a {
height: 39px;
line-height: 39px;
margin-right: 40px;
text-align: center;
min-width: 116px
}
.personal .p-tab a.select,.personal .p-tab a:hover {
border-bottom: 2px #00afdb solid;
color: #00afdb
}
.myorder-pages {
bottom: 48px;
height: 26px;
line-height: 26px;
left: 0;
text-align: center;
width: 100%
}
.myorder-pages div {
display: inline
}
.myorder-pages div .laypage_main a,.myorder-pages div .laypage_main span {
margin-bottom: 0;
padding: 0 8.5px
}
.myorder-pages div .laypage_main a.laypage_next,.myorder-pages div .laypage_main a.laypage_prev,.myorder-pages div .laypage_main span.laypage_next,.myorder-pages div .laypage_main span.laypage_prev {
background: #f9f9f9;
color: #333
}
.myorder-pages div .laypageskin_default .laypage_curr {
background: 0 0;
border: 1px solid #00afdb;
color: #00afdb;
font-weight: 700
}
.myorder-pages div .laypage_main a,.myorder-pages div .laypage_main input,.myorder-pages div .laypage_main span {
height: 24px;
line-height: 24px
}
.myorder-pages em {
color: #333;
height: 26px;
line-height: 26px;
margin: 0 3px
}
.personsl-empty {
font-size: 20px;
height: 190px;
padding-top: 70px
}
.personsl-empty img {
height: 190px;
margin: 0 40px 0 140px;
width: 190px
}
.userinfo-warp .personal-table tr td.message-checkbok label input,.userinfo-warp .personal-table tr th.message-checkbok label input {
margin-right: 10px
}
.personsl-empty span {
line-height: 32px;
padding-top: 75px
}
.personsl-empty span.order-list-empty .pm-backtooindex {
border-radius: 2px;
background: #00afdb;
color: #fff;
padding: 2px 10px 4px
}
.personsl-empty span.order-list-empty .pm-backtoolist {
font-size: 14px
}
.personsl-empty span.order-list-empty .pm-backtoolist a {
color: #ff626a
}
.userinfo-warp {
padding-bottom: 54px
}
.userinfo-warp .personal-table {
border: 1px solid #eaeaed;
border-collapse: collapse;
margin-bottom: 40px;
text-align: center;
width: 100%
}
.userinfo-warp .personal-table tr {
transition: background .5s
}
.userinfo-warp .personal-table tr:hover {
background: rgba(0,157,219,.05)
}
.userinfo-warp .personal-table tr.olist-row:hover {
background: #fff
}
.userinfo-warp .personal-table tr th {
background: #fafcff;
color: #999;
font-size: 12px;
min-height: 20px;
line-height: 20px;
padding: 6px 20px;
text-align: center
}
.userinfo-warp .personal-table tr th.message-checkbok {
text-align: left;
width: 120px
}
.userinfo-warp .personal-table tr th.message-checkbok label {
cursor: pointer
}
.userinfo-warp .personal-table tr th.message-time {
width: 140px
}
.userinfo-warp .personal-table tr th.coupou-limit {
width: 150px
}
.userinfo-warp .personal-table tr th.coupou-end,.userinfo-warp .personal-table tr th.coupou-start {
width: 80px
}
.userinfo-warp .personal-table tr th.coupou-state {
width: 45px
}
.userinfo-warp .personal-table tr td {
border: 1px solid #eaeaed;
color: #666;
min-height: 20px;
line-height: 20px;
padding: 15px 20px
}
.userinfo-warp .personal-table tr td.message-checkbok {
font-weight: 400;
text-align: left;
width: 120px
}
.userinfo-warp .personal-table tr td.message-checkbok label {
cursor: pointer;
font-weight: 400
}
.personal-pop .ocp-title,.userinfo-warp .deliveryadress-list li .dal-title span.dal-title-name {
font-weight: 700
}
.userinfo-warp .personal-table tr td.message-text {
padding-left: 0;
text-align: left
}
.userinfo-warp .personal-table tr td.message-text em {
background: 0 0;
border-radius: 5px;
height: 10px;
margin: 5px 0 0 10px;
width: 10px
}
.userinfo-warp .personal-table tr td.message-text span {
padding-left: 25px
}
.userinfo-warp .personal-table tr td.olist-title {
width: 138px
}
.userinfo-warp .personal-table tr td.olist-area {
width: 160px
}
.userinfo-warp .personal-table tr td.olist-state {
width: 260px
}
.userinfo-warp .personal-table tr td.olist-total {
min-height: 40px;
padding: 5px 20px
}
.userinfo-warp .personal-table tr td.olist-total var {
font-size: 12px;
color: #999;
text-decoration: line-through
}
.userinfo-warp .personal-table tr td.olist-total span {
color: #ff626a
}
.userinfo-warp .personal-table tr td.olist-details a:hover {
color: #00afdb
}
.userinfo-warp .personal-table tr.select td.message-text em {
background: #00afdb
}
.userinfo-warp .my-order-list {
margin: -20px 0 20px
}
.userinfo-warp .my-order-list:nth-child(1) {
margin-top: 0
}
.userinfo-warp .my-order-list .mol-title {
border: 1px solid #eaeaed;
border-bottom: none;
background: #fafcff;
color: #999;
height: 34px;
line-height: 34px
}
.userinfo-warp .my-order-list .mol-title span {
color: #999;
padding: 0 40px 0 20px
}
.userinfo-warp .my-order-list .mol-title em {
color: #333
}
.userinfo-warp .my-order-list .mol-title .pull-right a,.userinfo-warp .my-order-list .mol-title .pull-right span {
height: 18px;
line-height: 18px;
margin: 7px 10px 0
}
.userinfo-warp .my-order-list .mol-title .pull-right span {
border: 1px solid #fafcff;
color: #666;
cursor: pointer;
padding: 0
}
.userinfo-warp .my-order-list .mol-title .pull-right span.mol-right-price {
cursor: default
}
.userinfo-warp .my-order-list .mol-title .pull-right span.mol-right-price em {
color: #ff626a
}
.userinfo-warp .my-order-list .mol-title .pull-right a {
transition: background .5s
}
.userinfo-warp .coupou-add-btn span,.userinfo-warp .info-form li .it-right .if-btn {
-webkit-transition: background .5s;
-moz-transition: background .5s;
-o-transition: background .5s;
cursor: pointer
}
.userinfo-warp .my-order-list .mol-title .pull-right a.molt-btn {
border: 1px solid #00afdb;
background: #fff;
color: #00afdb;
padding: 0 13px
}
.userinfo-warp .my-order-list .mol-title .pull-right a:hover {
background: rgba(0,157,219,.05)
}
.userinfo-warp .coupou-add-btn {
height: 30px;
margin-top: -20px;
padding-bottom: 40px
}
.userinfo-warp .coupou-add-btn span {
border: 1px solid #00afdb;
background: #2ac9f1;
border-radius: 2px;
color: #fff;
height: 28px;
line-height: 28px;
padding: 0 15px;
transition: background .5s
}
.userinfo-warp .coupou-add-btn span:hover {
background: #00afdb
}
.userinfo-warp .message-tab {
height: 20px;
padding-bottom: 12px
}
.userinfo-warp .message-tab span {
cursor: pointer;
font-size: 12px;
height: 18px;
line-height: 18px;
margin-right: 20px;
padding: 0 15px
}
.userinfo-warp .message-tab span.mt-blue {
border: 1px solid #00afdb;
color: #00afdb
}
.userinfo-warp .message-tab span.mt-red {
border: 1px solid #ff626a;
color: #ff626a
}
.userinfo-warp .deliveryadress-tab {
padding-top: 20px
}
.userinfo-warp .deliveryadress-tab .da-num {
color: #999;
padding: 0
}
.userinfo-warp .deliveryadress-tab .da-num var {
padding: 0 3px
}
.userinfo-warp .deliveryadress-tab .da-num var.da-red {
color: #ff626a
}
.userinfo-warp .deliveryadress-tab .da-num var.da-black {
color: #666
}
.userinfo-warp .deliveryadress-list li {
border: 1px solid #ccc;
margin-bottom: 40px;
margin-top: -20px;
padding: 20px
}
.userinfo-warp .deliveryadress-list li:first-child {
margin-top: 0
}
.userinfo-warp .deliveryadress-list li .dal-title {
height: 20px;
padding-bottom: 20px
}
.userinfo-warp .deliveryadress-list li .dal-title span {
height: 20px;
line-height: 20px
}
.userinfo-warp .deliveryadress-list li .dal-title span.dal-title-tel {
color: #666;
font-size: 12px
}
.userinfo-warp .deliveryadress-list li .dal-title span.dal-title-normal {
background: #ff626a;
color: #fff;
display: none;
margin-left: 20px;
padding: 0 5px
}
.userinfo-warp .deliveryadress-list li .dal-title i {
cursor: pointer;
background: url(images/new/icon.png) -324px -14px no-repeat;
height: 14px;
margin: 3px 0 0;
width: 14px
}
.userinfo-warp .deliveryadress-list li .dal-con {
color: #666;
font-size: 12px;
height: 22px;
line-height: 22px
}
.userinfo-warp .deliveryadress-list li .dal-con span {
color: #333
}
.userinfo-warp .deliveryadress-list li .dal-right-b {
bottom: 20px;
right: 20px;
height: 22px;
line-height: 22px
}
.userinfo-warp .deliveryadress-list li .dal-right-b span {
cursor: pointer;
margin-left: 20px
}
.userinfo-warp .deliveryadress-list li.select .dal-title span.dal-title-normal {
display: block
}
.userinfo-warp .deliveryadress-list li.select .dal-right-b span.dal-set-normal {
display: none
}
.userinfo-warp .safetyset-list {
line-height: 30px;
padding: 20px 0 40px
}
.userinfo-warp .safetyset-list li {
color: #666
}
.userinfo-warp .safetyset-set li {
height: 20px;
padding-bottom: 20px
}
.userinfo-warp .safetyset-set li var {
border-right: 1px #eaeaed solid;
color: #666;
font-size: 16px;
height: 20px;
line-height: 20px;
padding-right: 20px
}
.userinfo-warp .safetyset-set li var:before {
content: "";
background: url(images/new/icon.png) -354px 0 no-repeat;
float: left;
height: 20px;
margin-right: 15px;
width: 20px
}
.userinfo-warp .safetyset-set li p {
color: #999;
font-size: 12px;
height: 20px;
line-height: 20px;
padding: 0 170px 0 135px
}
.userinfo-warp .safetyset-set li span {
color: #999;
cursor: pointer;
font-size: 12px;
margin-right: 125px
}
.userinfo-warp .safetyset-set li.select var:before {
background: url(images/new/icon.png) -354px -20px no-repeat
}
.userinfo-warp .safetyset-set li.select span {
color: #ff626a
}
.userinfo-warp .info-data {
padding: 35px 0 45px
}
.userinfo-warp .info-data .info-portrait {
margin: 5px 0 0 60px;
width: 70px
}
.userinfo-warp .info-data .info-portrait img {
height: 70px;
margin-bottom: 10px;
width: 70px
}
.userinfo-warp .info-data .info-portrait span {
border: 1px solid #00afdb;
color: #00afdb;
cursor: pointer;
display: block;
height: 18px;
line-height: 18px;
text-align: center;
width: 68px
}
.userinfo-warp .info-data .info-list {
padding-left: 150px
}
.userinfo-warp .info-data .info-list li {
color: #666;
height: 30px
}
.userinfo-warp .info-data .info-list li span {
color: #00afdb;
cursor: pointer;
padding-left: 10px
}
.userinfo-warp .info-data .info-list li em {
background: #ececec;
display: inline-block;
height: 10px;
margin-right: 2px;
width: 28px
}
.userinfo-warp .info-data .info-list li em.select {
background: #ff626a
}
.userinfo-warp .info-data .info-list li var {
font-size: 12px;
padding-left: 10px
}
.userinfo-warp .info-form li {
margin-bottom: 20px
}
.userinfo-warp .info-form li span {
font-size: 12px;
height: 26px;
line-height: 26px;
text-align: right;
width: 130px
}
.userinfo-warp .info-form li .it-right {
min-height: 26px;
padding-left: 150px
}
.userinfo-warp .info-form li .it-right .if-text {
border: 1px solid #ccc;
height: 18px;
line-height: 18px;
margin-right: 15px;
padding: 3px 10px;
width: 220px
}
.userinfo-warp .info-form li .it-right .if-btn {
border-radius: 2px;
border: 1px solid #00afdb;
background: #2ac9f1;
color: #fff;
height: 26px;
line-height: 26px;
text-align: center;
width: 92px;
transition: background .5s
}
.userinfo-warp .info-form li .it-right .if-btn:hover {
background: #00afdb
}
.userinfo-warp .info-form li .it-right .if-tep1 {
color: #ff626a;
display: none;
height: 26px;
line-height: 26px
}
.userinfo-warp .info-form li .it-right .if-tep2 {
display: none;
height: 26px;
line-height: 26px
}
.userinfo-warp .info-form li .it-right .if-tep2:before {
content: "";
background: url(images/new/icon.png) -338px 0 no-repeat;
float: left;
height: 26px;
margin-right: 5px;
width: 16px
}
.userinfo-warp .info-form li.select .if-tep1,.userinfo-warp .info-form li.select .if-tep2 {
display: block
}
.personal-pop {
background: #fff;
border: 1px solid #eaeaed;
padding: 10px 40px 20px
}
.personal-pop .ocp-oddnum {
border-bottom: 1px #eaeaed solid;
height: 34px;
line-height: 34px;
margin-bottom: 20px
}
.personal-pop .ocp-oddnum i {
background: 0 0;
cursor: pointer;
font-size: 12px;
height: 34px;
line-height: 34px
}
.personal-pop .ocp-oddnum i:before {
content: "";
background: url(images/new/icon.png) -324px -14px no-repeat;
float: left;
height: 14px;
margin: 10px 10px 0 0;
width: 14px
}
.personal-pop.order-check-pop {
width: 600px
}
.personal-pop.order-check-pop .ocps-list {
margin: 0;
padding: 20px 0
}
.personal-pop.order-check-pop .ocps-list li {
border-left: 1px #ccc solid;
color: #999;
font-size: 12px;
line-height: 20px;
padding-bottom: 5px
}
.personal-pop.order-check-pop .ocps-list li:last-child {
border-left: 1px #fff solid
}
.personal-pop.order-check-pop .ocps-list li:before {
content: "";
background: #ccc;
border: 3px solid #fff;
border-radius: 20px;
position: absolute;
height: 5px;
left: -6px;
overflow: hidden;
top: 0;
width: 5px
}
.personal-pop.order-check-pop .ocps-list li.select {
border-left: 1px #ffe8e9 solid;
color: #ff626a;
padding-bottom: 10px
}
.personal-pop.order-check-pop .ocps-list li.select:before {
content: "";
background: #ff626a;
border: 3px solid #ffe8e9;
animation: ocpsB 1s linear alternate infinite;
-webkit-animation: ocpsB 1s linear alternate infinite;
-moz-animation: ocpsB 1s linear alternate infinite;
-o-animation: ocpsB 1s linear alternate infinite
}
.personal-pop.order-check-pop .ocps-list li span {
margin-top: -5px;
padding-left: 30px
}
.personal-pop.order-check-pop .ocps-list li var {
margin-top: -5px;
width: 435px
}
.personal-pop.order-check-pop .ocp-userinfo {
border: 1px solid #ccc;
padding: 5px 20px 10px
}
.personal-pop.order-check-pop .ocp-userinfo .cop-name {
padding: 5px 0
}
.personal-pop.order-check-pop .ocp-userinfo .cop-name var {
color: #666;
font-size: 12px
}
.personal-pop.order-check-pop .ocp-userinfo p {
font-size: 12px;
color: #999;
line-height: 20px
}
.personal-pop.order-check-pop .ocp-userinfo p span {
color: #333
}
.personal-pop.order-cancel-pop {
width: 406px
}
.personal-pop.order-cancel-pop .cancel-con {
padding: 0 20px
}
.personal-pop.order-cancel-pop .cancel-con p {
padding: 30px 0 30px 130px
}
.personal-pop.order-cancel-pop .cancel-con .cancel-con-btn {
padding-left: 130px;
width: 200px
}
.personal-pop.order-cancel-pop .cancel-con .cancel-con-btn span {
border-radius: 2px;
cursor: pointer;
height: 28px;
line-height: 28px;
text-align: center;
width: 92px
}
.personal-pop.order-cancel-pop .cancel-con .cancel-con-btn span.ccb-out {
border: 1px solid #00afdb;
background: #2ac9f1;
color: #fff;
-webkit-transition: background .5s;
-moz-transition: background .5s;
-o-transition: background .5s;
transition: background .5s
}
.personal-pop.order-cancel-pop .cancel-con .cancel-con-btn span.ccb-out:hover {
background: #00afdb
}
.personal-pop.order-cancel-pop .cancel-con .cancel-con-btn span.ccb-stay {
border: 1px solid #e9e9e9;
background: #f8f8f8;
color: #666;
-webkit-transition: background .5s;
-moz-transition: background .5s;
-o-transition: background .5s;
transition: background .5s
}
.personal-pop.order-cancel-pop .cancel-con .cancel-con-btn span.ccb-stay:hover {
background: #e9e9e9
}
.personal-pop.coupou-check-pop {
width: 406px
}
.personal-pop.coupou-check-pop .ccp-con-title {
padding-bottom: 18px
}
.personal-pop.coupou-check-pop .ccp-con {
padding-bottom: 30px
}
.personal-pop.coupou-check-pop .ccp-con .ccp-con-text {
border: 1px solid #ccc;
height: 18px;
line-height: 18px;
padding: 8px;
width: 270px
}
.personal-pop.coupou-check-pop .ccp-con .ccp-con-btn {
background: #00afdb;
color: #fff;
height: 36px;
text-align: center;
width: 106px
}
.personal-pop.add-address-pop {
width: 600px
}
.personal-pop.add-address-pop .add-address-form li {
margin-bottom: 20px
}
.personal-pop.add-address-pop .add-address-form li .aaf-text {
color: #999;
height: 26px;
line-height: 26px;
text-align: right;
width: 180px
}
.personal-pop.add-address-pop .add-address-form li .aaf-text:before {
content: "*";
color: #ff626a;
padding-right: 5px
}
.personal-pop.add-address-pop .add-address-form li .aaf-text.aaf-noess:before {
content: " "
}
.personal-pop.add-address-pop .add-address-form li .mail-tap {
color: #999;
display: block;
font-size: 12px;
margin-bottom: -10px;
text-align: center
}
.personal-pop.add-address-pop .add-address-form li .mail-tap var {
color: #ff626a
}
.personal-pop.add-address-pop .add-address-form li .aaf-right {
padding-left: 185px
}
.personal-pop.add-address-pop .add-address-form li .aaf-right .aaf-info {
border: 1px solid #ccc;
height: 18px;
line-height: 18px;
margin-right: 10px;
padding: 3px 10px
}
.personal-pop.add-address-pop .add-address-form li .aaf-right .aaf-info:focus {
border: 1px solid #00afdb
}
.personal-pop.add-address-pop .add-address-form li .aaf-right .aaf-info.aafi-100 {
width: 100px
}
.personal-pop.add-address-pop .add-address-form li .aaf-right .aaf-info.aafi-200 {
width: 200px
}
.personal-pop.add-address-pop .add-address-form li .aaf-right .aaf-info.aafi-218 {
width: 218px
}
.personal-pop.add-address-pop .add-address-form li .aaf-right .aaf-info.aafi-300 {
width: 300px
}
.personal-pop.add-address-pop .add-address-form li .aaf-right textarea {
resize: none;
outline: 0
}
.personal-pop.add-address-pop .add-address-form li .aaf-right select {
height: 26px;
line-height: 26px;
margin-right: 10px;
padding: 0 10px
}
.personal-pop.add-address-pop .add-address-form li .aaf-right var {
display: none;
height: 26px;
line-height: 26px
}
.personal-pop.add-address-pop .add-address-form li .aaf-right.select var,.personal-pop.add-address-pop .add-address-form li.select .aaf-right var {
display: block
}
.personal-pop.add-address-pop .add-address-form li .aaf-right var:before {
content: "";
background: url(images/new/icon.png) -338px 0 no-repeat;
float: left;
height: 26px;
margin-right: 5px;
width: 16px
}
.personal-pop.add-address-pop .add-address-form li .aaf-right label {
cursor: pointer;
height: 20px;
line-height: 20px;
margin: -10px 0 0
}
.personal-pop.add-address-pop .add-address-form li .aaf-right label:before {
content: "*";
float: left;
color: #ff626a;
padding-right: 5px
}
.personal-pop.add-address-pop .add-address-form li .aaf-right label span {
color: #999;
font-size: 12px
}
.personal-pop.add-address-pop .add-address-form li .aaf-right label input {
margin: 5px 0 0 5px
}
.personal-pop.add-address-pop .add-address-form li .aaf-right .aaf-cancel,.personal-pop.add-address-pop .add-address-form li .aaf-right .aaf-submit {
border-radius: 2px;
cursor: pointer;
height: 26px;
line-height: 26px;
margin: -10px 10px 0 0;
text-align: center;
width: 92px;
-webkit-transition: background .5s;
-moz-transition: background .5s;
-o-transition: background .5s;
transition: background .5s
}
.personal-pop.add-address-pop .add-address-form li .aaf-right .aaf-submit {
border: 1px solid #00afdb;
background: #2ac9f1;
color: #fff
}
.personal-pop.add-address-pop .add-address-form li .aaf-right .aaf-submit:hover {
background: #00afdb
}
.personal-pop.add-address-pop .add-address-form li .aaf-right .aaf-cancel {
border: 1px solid #eaeaed;
background: #f8f8f8;
color: #666
}
.personal-pop.add-address-pop .add-address-form li .aaf-right .aaf-cancel:hover {
background: #eaeaed
}
.personal-pop.add-address-pop .add-address-form li .aaf-right .eBtn {
width: 120px
}
.personal-pop.add-address-pop .add-address-form li .aaf-right .eNum {
color: #999;
line-height: 26px
}
.personal-pop.add-address-pop .add-address-form li .aaf-right .tel-img {
cursor: pointer;
height: 26px;
margin: 0 10px;
width: 52px
}
.personal-pop.add-address-pop .add-address-form li .aaf-right .tel-repeat {
cursor: pointer;
height: 26px;
line-height: 26px;
margin-right: 10px
}
.personal-pop.add-address-pop .add-address-form li .aaf-right .tel-code {
border: 1px solid #00afdb;
color: #2ac9f1;
cursor: pointer;
height: 24px;
line-height: 24px;
margin: 0 10px;
text-align: center;
width: 96px;
-webkit-transition: background .5s;
-moz-transition: background .5s;
-o-transition: background .5s;
transition: background .5s
}
.personal-pop.add-address-pop .add-address-form li .aaf-right.select .aaf-info,.personal-pop.add-address-pop .add-address-form li.select .aaf-right .aaf-info {
border: 1px solid #ff626a
}
.personal-pop.add-address-pop .add-address-form li .aaf-right .tel-code:hover {
background: rgba(0,175,219,.08)
}
.personal-pop .mail-tab {
height: 60px;
padding-top: 8px
}
.personal-pop .mail-tab .mail-tab-line {
border-radius: 3px;
background: #ececec;
height: 6px;
margin: 0 auto;
width: 450px
}
.personal-pop .mail-tab ul {
margin: 0 auto;
width: 450px
}
.personal-pop .mail-tab ul li {
text-align: center;
width: 150px
}
.personal-pop .mail-tab ul li em {
border-radius: 3px;
background: #ececec;
height: 6px;
left: 0;
top: -6px;
width: 100%
}
.personal-pop .mail-tab ul li var {
background: #ececec;
border-radius: 11px;
color: #fff;
height: 22px;
line-height: 22px;
left: -11px;
margin-left: 50%;
text-align: center;
top: -14px;
width: 22px
}
.personal-pop .mail-tab ul li span {
color: #ececec;
display: block;
font-size: 12px;
padding-top: 18px
}
.personal-pop .mail-tab ul li.mtl3 var {
font-family: SimHei;
font-size: 16px
}
.personal-pop .mail-tab ul li.select em,.personal-pop .mail-tab ul li.select var {
background: #00afdb
}
.personal-pop .mail-tab ul li.select span {
color: #00afdb
}
.personal-pop .tel-tab {
border-bottom: 1px #ececec solid;
height: 27px;
margin: 0 auto 20px;
width: 450px
}
.personal-pop .tel-tab span {
cursor: pointer;
color: #666;
height: 26px;
text-align: center;
width: 50%
}
.personal-pop .tel-tab span.select {
border-bottom: 2px #00afdb solid;
color: #00afdb
}
@keyframes ocpsB {
0% {
border-color: #fff
}
100% {
border-color: #ff626a
}
}
@-webkit-keyframes ocpsB {
0% {
border-color: #fff
}
100% {
border-color: #ff626a
}
}
@-moz-keyframes ocpsB {
0% {
border-color: #fff
}
100% {
border-color: #ff626a
}
}
@-o-keyframes ocpsB {
0% {
border-color: #fff
}
100% {
border-color: #ff626a
}
}
.order-d-title {
color: #666;
font-size: 18px;
padding: 25px 0 15px
}
.order-d {
border: 1px solid #eaeaed;
margin-bottom: 110px;
padding: 20px
}
.order-d .od-title {
padding-bottom: 10px
}
.order-d .od-title span {
font-size: 16px;
font-weight: 700
}
.order-d .od-title em {
border: 1px solid #00afd8;
cursor: pointer;
height: 18px;
line-height: 18px;
margin-top: 1px;
text-align: center;
width: 98px
}
.order-d .od-title var {
color: #999;
font-size: 12px;
line-height: 30px;
padding-left: 10px
}
.order-d .od-deliveryadress {
border-bottom: 1px #eaeaed solid;
margin-bottom: 20px;
padding-bottom: 10px
}
.order-d .od-deliveryadress ul {
height: 35px;
margin: 0;
overflow: hidden
}
.order-d .od-deliveryadress ul li {
padding: 5px 0
}
.order-d .od-deliveryadress ul li .oddl-right {
width: 420px
}
.order-d .od-deliveryadress ul li .oddl-right .oddl-normal {
background: #ff626a;
display: none;
color: #fff;
height: 20px;
line-height: 20px;
padding: 0 5px
}
.order-d .od-deliveryadress ul li .oddl-left,.order-d .od-deliveryadress ul li:hover .oddl-left {
padding-right: 430px
}
.order-d .od-deliveryadress ul li .oddl-right .oddl-operate {
color: #00afd8;
cursor: pointer;
display: none;
height: 20px;
line-height: 20px;
margin-right: 20px
}
.order-d .od-deliveryadress ul li .oddl-left .oddl-name {
background: #fff;
color: #666;
display: none;
margin-right: 15px
}
.order-d .od-deliveryadress ul li.select .oddl-right .oddl-normal,.order-d .od-deliveryadress ul li:hover .oddl-left .oddl-name,.order-d .od-deliveryadress ul li:hover .oddl-right .oddl-operate {
display: block
}
.order-d .od-deliveryadress ul li .oddl-left .oddl-name.select {
border: 1px solid #00afd8;
color: #333;
display: block;
height: 28px;
line-height: 28px;
margin-top: -5px;
text-align: center;
width: 140px
}
.order-d .od-deliveryadress ul li .oddl-left .oddl-tel,.order-d .od-deliveryadress ul li .oddl-left .oddl-text {
color: #666
}
.order-d .od-deliveryadress ul li .oddl-left .oddl-text {
width: 395px
}
.order-d .od-deliveryadress ul li:hover {
background: #fafcff
}
.order-d .od-deliveryadress ul li.select .oddl-right .oddl-setnor {
display: none
}
.order-d .od-deliveryadress .odd-more {
color: #999;
cursor: pointer;
display: inline-block;
font-size: 12px;
height: 25px;
line-height: 25px
}
.order-d .od-deliveryadress .odd-more:after {
content: "";
background: url(images/new/icon.png) -204px -36px no-repeat;
float: right;
height: 5px;
margin: 10px 0 0 5px;
width: 8px
}
.od-usecoupon table tr th,.od-xiangq table tr th {
background: #f9f9f9;
height: 34px;
text-align: center
}
.od-xiangq {
border-bottom: 1px #eaeaed solid;
margin-bottom: 20px;
padding-bottom: 20px
}
.od-xiangq table {
border: 1px solid #eaeaed;
text-align: center;
width: 100%
}
.od-xiangq table tr td.odx-name,.od-xiangq table tr th.odx-name {
width: 260px
}
.od-xiangq table tr th {
color: #999
}
.od-xiangq table tr td {
border: 1px solid #eaeaed;
min-height: 20px;
line-height: 20px;
padding: 15px 20px
}
.od-xiangq table tr td.odx-price {
min-height: 40px;
padding: 5px 20px
}
.od-xiangq table tr td.odx-price em {
color: #999;
font-size: 12px;
text-decoration: line-through
}
.od-xiangq table tr td.odx-price span {
color: #ff626a
}
.od-usecoupon table {
border: 1px solid #eaeaed;
text-align: center;
width: 100%
}
.od-usecoupon table tr th {
color: #999
}
.od-usecoupon table tr td {
border: 1px solid #eaeaed;
min-height: 20px;
line-height: 20px;
padding: 15px 20px
}
.od-usecoupon table tr td label {
cursor: pointer;
margin: 0;
text-align: left
}
.od-usecoupon table tr td label input {
margin-right: 10px
}
.od-usecoupon .od-addcoupon {
border-bottom: 1px #eaeaed solid;
margin-bottom: 20px;
padding-bottom: 20px
}
.od-usecoupon .od-addcoupon .oda-name {
color: #666;
height: 50px;
line-height: 50px
}
.od-usecoupon .od-addcoupon .ccp-con .ccp-con-text {
border: 1px solid #ccc;
height: 18px;
line-height: 18px;
margin-right: 10px;
padding: 8px;
width: 270px
}
.od-usecoupon .od-addcoupon .ccp-con .ccp-con-btn {
background: #00afdb;
color: #fff;
height: 36px;
text-align: center;
width: 106px
}
.od-invoice {
border-bottom: 1px #eaeaed solid;
margin-bottom: 20px;
padding-bottom: 20px
}
.od-invoice .odi-con span {
color: #999;
height: 26px;
line-height: 26px
}
.od-invoice .odi-con label {
cursor: pointer;
font-weight: 400;
height: 26px;
line-height: 26px;
margin-right: 30px
}
.od-invoice .odi-con label input {
margin-top: 6px;
margin-right: 10px
}
.od-invoice .odi-con select {
height: 26px;
line-height: 26px;
margin-right: 10px;
width: 110px
}
.od-invoice .odi-con .odic-text {
border: 1px solid #ccc;
height: 18px;
line-height: 18px;
padding: 3px 10px;
width: 190px
}
.od-pricrlist {
width: 100%
}
.od-pricrlist ul {
width: 400px
}
.od-pricrlist ul li {
height: 30px;
line-height: 30px
}
.od-pricrlist ul li span {
color: #666;
text-align: right;
width: 275px
}
.od-pricrlist ul li span em {
color: #ff626a
}
.od-pricrlist ul li var {
text-align: right;
width: 125px
}
.od-pricrlist ul li var.odp-all {
color: #ff626a;
font-weight: 700
}
.od-pricrlist input {
border: 1px solid #00afdb;
border-radius: 2px;
background: #2ac9f1;
color: #fff;
height: 27px;
line-height: 27px;
text-align: center;
width: 92px;
-webkit-transition: background .5s;
-moz-transition: background .5s;
-o-transition: background .5s;
transition: background .5s
}
.od-pricrlist input:hover {
background: #00afdb
}
.payMode-tab {
margin: 0
}
.payMode-tab li {
border: 2px solid #fff;
cursor: pointer;
height: 28px;
line-height: 28px;
margin-right: 15px
}
.payMode-tab li span {
border: 1px solid #eaeaed;
padding: 0 20px
}
.payMode-tab li span em {
color: #999;
font-size: 12px
}
.payMode-tab li.selected {
border: 2px solid #dff5fe
}
.payMode-tab li.selected span {
border: 1px solid #00afdb
}
.payMode-con {
border-bottom: 1px #eaeaed solid;
padding-bottom: 20px
}
.payMode-con label {
cursor: pointer;
margin-top: 20px
}
.payMode-con label input {
margin-top: 14px
}
.payMode-con label span {
border: 1px solid #eaeaed;
height: 40px;
margin: 0 35px 0 20px
}
.payMode-con label span img {
height: auto;
width: 100%
}
.payMode-con-linePay {
border-bottom: 1px #eaeaed solid;
padding: 0 25px 20px
}
.payMode-con-linePay h3 {
color: #00afdb;
font-size: 14px;
font-weight: 700;
padding-top: 20px
}
.payMode-con-linePay .payMode-con-info {
color: #999;
height: 24px;
line-height: 24px
}
.payMode-con-linePay .payMode-con-info span {
color: #ff626a
}
.payMode-con-linePay label {
color: #999;
font-weight: 400;
padding-top: 20px
}
.payMode-con-linePay label span {
height: 26px;
line-height: 26px;
padding-right: 5px;
text-align: right;
width: 130px
}
.payMode-con-linePay label span var {
color: #ff626a;
padding-right: 5px
}
.payMode-con-linePay label span.upload-voucher {
border: 1px solid #ccc;
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/icon.png) no-repeat #fafcff;
color: #00afdb;
cursor: pointer;
overflow: hidden;
padding: 0 20px;
width: 115px
}
.payMode-con-linePay label span.upload-voucher input {
border: none;
cursor: pointer;
left: 0;
opacity: 0;
top: 0
}
.payMode-con-linePay label input {
border: 1px solid #ccc;
height: 18px;
line-height: 18px;
padding: 3px 5px;
width: 220px
}
.payMode-con-linePay label textarea {
border: 1px solid #ccc;
height: 80px;
line-height: 18px;
outline: 0;
padding: 3px 5px;
resize: none;
width: 220px
}
.payMode-con-linePay label.payMode-con-wxts span {
color: #666;
height: auto;
font-size: 12px;
text-align: left;
width: auto
}
.payMode-con-linePay label.payMode-con-wxts span.pl88 {
color: #999;
padding-left: 88px
}
.payMode-con-linePay label .fileIme {
border: 1px solid #ccc;
height: auto;
margin: 10px 0 0 135px;
width: 155px
}
.my-orderPay-way .orderPay-manner {
height: 26px
}
.my-orderPay-way .orderPay-manner label {
cursor: pointer;
font-weight: 400;
font-size: 16px;
height: 26px;
line-height: 26px;
margin: 0 35px 0 0
}
.my-orderPay-way .orderPay-manner label input {
margin: 6px 5px 0 0
}
.my-orderPay-way .my-orderPay-price {
border: 1px solid #eaeaed;
padding: 20px
}
.my-orderPay-way .my-orderPay-price label {
color: #999;
font-weight: 400
}
.my-orderPay-way .my-orderPay-price label var {
color: #ff626a;
display: inline-block;
height: 30px;
line-height: 30px;
width: 10px
}
.my-orderPay-way .my-orderPay-price label span {
color: #666;
height: 30px;
line-height: 30px;
padding-left: 10px
}
.my-orderPay-way .my-orderPay-price label span.red {
color: #ff626a;
font-weight: 700
}
.my-orderPay-way .my-orderPay-price label input {
border: 1px solid #eaeaed;
height: 18px;
line-height: 18px;
margin-left: 10px;
padding: 3px 5px;
width: 110px
}
.my-orderPay-way button.btn {
border: 1px solid #00afdb;
border-radius: 2px;
background: #2ac9f1;
color: #fff;
height: 27px;
line-height: 27px;
text-align: center;
width: 92px;
-moz-transition: background-color .3s;
-o-transition: background-color .3s;
transition: background-color .3s
}
.my-orderPay-way button.btn:hover {
color: #fff;
text-decoration: none;
background: #00afdb
}
.pay-result.pay-success a,.search-result-list p a:last-child {
text-decoration: underline
}
.wxPay-order-info {
height: 55px;
padding-top: 15px
}
.wxPay-order-info .wxPay-order-id,.wxPay-order-info .wxPay-order-id span {
font-weight: 700
}
.wxPay-order-info .wxPay-dorder-price span {
color: #ff626a;
font-weight: 700;
font-size: 18px;
padding: 0 5px
}
.wxPay-con {
border: 1px solid #eaeaed;
margin-bottom: 50px;
padding: 0 30px 25px
}
.wxPay-con h3 {
font-size: 18px;
height: 50px;
line-height: 40px
}
.wxPay-con .wxPay-ewm {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/orderPay/wx-bg.png) 550px center no-repeat;
margin-bottom: 40px;
padding: 10px 0
}
.wxPay-con .wxPay-ewm img {
border: 1px solid #eaeaed;
height: 298px;
margin: 0 0 20px 150px;
width: 298px
}
.wxPay-con .wxPay-ewm span {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/icon.png) 0 -24px no-repeat #ff6169;
color: #fff;
height: 43px;
line-height: 21.5px;
margin-left: 150px;
padding: 8px 0 8px 120px;
width: 180px
}
.wxPay-con a {
color: #00afdc;
cursor: pointer;
padding-left: 10px
}
.pay-result {
padding: 200px 0 200px 430px
}
.pay-result h3 {
height: 44px
}
.pay-result p {
color: #666;
line-height: 24px;
padding-bottom: 20px
}
.pay-result span {
color: #ff6169
}
.pay-result.pay-success {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/orderPay/success.png) 160px center no-repeat
}
.pay-result.pay-success a {
color: #00afdc;
font-weight: 700;
padding: 0 5px
}
.pay-result.pay-fail {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/orderPay/fail.png) 183px center no-repeat
}
.pay-result.pay-fail span {
color: #666;
font-size: 18px;
padding-bottom: 20px
}
.pay-result.pay-fail a {
background: #f0400a;
color: #fff;
font-size: 18px;
height: 44px;
line-height: 44px;
text-align: center;
width: 160px
}
.search-content {
margin: 0 auto;
padding: 150px 0;
width: 640px
}
.search-content .logo {
height: 65px;
margin: 0 auto 20px;
width: 170px
}
.search-content .logo a {
height: 100%;
width: 100%
}
.search-content .search-keyword a {
color: #999;
font-size: 16px;
padding-right: 25px
}
.search-content .search-keyword a:hover {
color: #3aafdb
}
.search-inp .search-text {
border: 1px solid #ccc;
border-right: none;
height: 18px;
line-height: 18px;
padding: 8px 10px;
width: 519px
}
.search-inp .search-text:focus {
border: 1px solid #3aafdb;
border-right: none
}
.search-inp .search-btn {
background: #3aafdb;
color: #fff;
cursor: pointer;
height: 36px;
line-height: 36px;
text-align: center;
width: 100px
}
.result-inp {
border-bottom: 1px #eaeaea solid;
padding: 9px 0 8px
}
.search-tuiguang-list {
border-left: 1px #eaeaea solid;
padding: 0 0 200px 20px;
width: 279px
}
.search-tuiguang-list h3 {
font-size: 18px;
height: 53px;
line-height: 36px
}
.search-tuiguang-list a {
margin-bottom: 20px;
width: 128px
}
.search-tuiguang-list a img {
border: 1px solid #eaeaea;
height: auto;
width: 126px
}
.search-tuiguang-list a p {
color: #666;
text-align: center
}
.search-tuiguang-list a p span {
color: #f66367
}
.search-result-list {
padding-right: 320px
}
.search-result-list h3 {
color: #666;
font-size: 18px
}
.findpwd-inp-tip,.findpwd-phoneCode,.findpwd-reloadcode em,.findpwd-tit,.search-result-list p.min,.search-result-list p.min span {
font-size: 12px
}
.search-result-list h3 span {
color: #f66367
}
.search-result-list h3 a {
color: #666
}
.search-result-list h3 a:hover {
color: #666;
text-decoration: underline
}
.search-result-list p {
color: #666;
line-height: 22px
}
.search-result-list p span {
color: #f66367
}
.search-result-list p a {
color: #666;
font-size: 12px
}
.search-result-list p a:hover {
color: #666
}
.search-result-list p a:last-child:hover {
color: #3aafdb
}
.search-result-empty {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/empty.png) 0 center no-repeat;
color: #000;
height: 190px;
line-height: 190px;
margin: 0 320px 0 150px;
padding: 100px 0 100px 120px
}
.search-result-empty span {
color: #f66367
}
.search-pages {
text-align: center
}
.search-pages a.select,.search-pages a:hover {
background: 0 0;
border: 1px solid #00afdb;
color: #00afdb
}
.findpwd {
background: #fff
}
.findpwd-title {
height: 45px;
padding: 40px
}
.findpwd-con {
margin: 0 auto;
padding-bottom: 130px;
width: 600px
}
.findpwd-tab {
padding-bottom: 25px
}
.findpwd-tab i {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/findPasswd/fpw.png) center top no-repeat;
height: 22px
}
.findpwd-tab i.findpwd-tab-icon2 {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/findPasswd/fpw.png) center center no-repeat
}
.findpwd-tab i.findpwd-tab-icon3 {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/findPasswd/fpw.png) center bottom no-repeat
}
.findpwd-tab span {
color: #ccc;
height: 34px;
line-height: 34px;
text-align: center;
width: 200px
}
.findpwd-tab span.select {
color: #ff9000
}
.findpwd-tip {
padding-bottom: 35px;
text-align: center
}
.findpwd-tip span {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/icon.png) 0 -373px no-repeat;
display: inline-block;
height: 20px;
line-height: 20px;
padding-left: 20px
}
.findpwd-tit {
color: #666;
height: 40px;
line-height: 40px;
margin-right: 10px;
text-align: right;
width: 150px
}
.findpwd-inp-txt {
border: 1px solid #ccc;
border-radius: 2px;
font-weight: 400;
height: 18px;
line-height: 18px;
margin-right: 30px;
padding: 10px;
width: 150px
}
.findpwd-btn,.findpwd-phoneCode {
border-radius: 2px;
color: #fff;
text-align: center
}
.findpwd-phoneCode,.findpwd-reloadcode {
height: 40px;
line-height: 40px;
cursor: pointer
}
.findpwd-inp-txt.w3 {
width: 313px
}
.findpwd-reloadcode img {
height: 40px;
width: auto
}
.findpwd-phoneCode {
background: #ff8a00;
width: 132px
}
.findpwd-phoneCode.btn-gray {
background: #ccc
}
.findpwd-btn {
background: #0c2037;
cursor: pointer;
height: 36px;
line-height: 36px;
margin-left: 160px;
width: 120px;
-webkit-transition: background .3s;
-moz-transition: background .3s;
-o-transition: background .3s;
transition: background .3s
}
.findpwd-btn:hover {
background: #ff8a00
}
.findpwd-inp-tip {
color: #999;
height: 20px;
line-height: 20px;
padding-left: 160px
}
.findpwd-finish {
padding-top: 80px;
text-align: center
}
.findpwd-finish p {
background: url(http://gsb-public.oss-cn-beijing.aliyuncs.com/www/findPasswd/fpw-s.png) 0 center no-repeat;
display: inline-block;
padding-left: 90px
}
.findpwd-finish p span {
color: #ff8a00;
font-size: 18px;
padding-bottom: 12px;
text-align: left
}
.findpwd-finish p em {
color: #666;
text-align: left
}
.laypage_main,.laypageskin_flow {
text-align: center
}
.container-response {
max-width: 1180px;
min-width: 1180px;
margin-left: auto;
margin-right: auto
}
@media screen and (min-width:1024px) and (max-width:1336px) {
.container-response {
max-width: 1180px;
min-width: 1180px
}
.site-container-main {
width: 860px
}
.hide-1336 {
display: none
}
}
@media screen and (max-width:1024px) {
.container-response {
max-width: 940px;
min-width: 940px
}
.site-container-main {
width: 620px
}
header .nav-dropdown {
width: 220px
}
nav .nav {
margin-left: 220px
}
nav .nav li a {
font-size: 16px
}
footer .footer-nav .col-xs-8 {
width: 58.33333333%
}
footer .footer-nav .col-xs-4 {
width: 41.66666667%
}
footer .footer-info {
font-size: 12px
}
footer .footer-info div span {
font-size: 18px;
max-width: 130px
}
footer .footer-info div em {
max-width: 130px
}
.hide-1024 {
display: none
}
.mod-reg-form .form-item-inline {
margin-right: 20px
}
.business-type .package-group .rec-product-mix,.business-type .package-group .rec-product-mix img {
width: 150px
}
.business-type .package-more,.comment-top .comment-popup-btn {
margin-right: 0
}
.comment-top .comment-tag {
width: 256px
}
.w780 {
width: 840px
}
.mod-reg-info {
margin-left: 390px
}
.product-grow {
width: 360px
}
.product-grow .product-other-img {
height: 200px;
width: 358px
}
#product-show {
width: 360px
}
#product-show .preview-pic {
height: 202px;
position: relative;
z-index: 50
}
#product-show .preview-pic li {
height: 202px;
width: 360px
}
#product-show .preview-pic li img {
border: 1px solid #eee;
height: 200px;
width: 358px
}
#product-show .flex-control-nav li {
height: 42px;
margin-right: 15px;
margin-left: 3px;
width: 76px
}
#product-show .flex-control-nav li img {
height: 40px;
width: 74px
}
#product-show .flex-control-nav li img.flex-active,#product-show .flex-control-nav li img:hover {
height: 38px;
width: 72px
}
}
.laypage_main a,.laypage_main input,.laypage_main span {
height: 26px;
line-height: 26px
}
.laypage_main button,.laypage_main input,.laypageskin_default a {
border: 1px solid #ccc;
background-color: #fff
}
.laypage_main {
font-size: 0;
clear: both;
color: #666
}
.laypage_main * {
display: inline-block;
vertical-align: top;
font-size: 12px
}
.laypage_main a {
text-decoration: none;
color: #666
}
.laypage_main a,.laypage_main span {
margin: 0 3px 6px;
padding: 0 10px
}
.laypage_main input {
width: 40px;
margin: 0 5px;
padding: 0 5px
}
.laypage_main button {
height: 28px;
line-height: 28px;
margin-left: 5px;
padding: 0 10px;
color: #666
}
.laypageskin_default .laypage_curr {
border: 1px solid #ffa800;
background: #ffa800;
color: #fff
}
.laypageskin_molv a,.laypageskin_molv span {
padding: 0 12px;
border-radius: 2px
}
.laypageskin_molv a {
background-color: #f1eff0
}
.laypageskin_molv .laypage_curr {
background-color: #00AA91;
color: #fff
}
.laypageskin_molv input {
height: 24px;
line-height: 24px
}
.laypageskin_molv button {
height: 26px;
line-height: 26px
}
.laypageskin_yahei {
color: #333
}
.laypageskin_yahei a,.laypageskin_yahei span {
padding: 0 13px;
border-radius: 2px;
color: #333
}
.laypageskin_yahei .laypage_curr {
background-color: #333;
color: #fff
}
.laypageskin_flow .page_nomore {
color: #999
}