why.xingtongworld.com项目
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

1896 lines
55 KiB

@charset "UTF-8";
* {
padding: 0;
margin: 0; }
html::-webkit-scrollbar {
width: 0; }
html {
font-size: 20px;
-webkit-text-size-adjust: 100%; }
body {
background-color: #ECF0F1;
font-family: "微软雅黑", "Microsoft Yahei", "PingFang SC", "PingFang SC Light", tahoma, "Hiragino Sans GB", Arial, Helvetica, sans-serif, "微软雅黑";
-webkit-font-smoothing: antialiased;
line-height: 1.428571429;
font-size: 0.6rem;
color: #3A4145;
min-width: 1130px; }
.container {
width: 1130px; }
.href-abs {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
background-color: rgba(0, 0, 0, 0.1);
font-weight: bold;
font-size: 0;
cursor: pointer; }
.icon {
display: inline-block;
vertical-align: middle;
-webkit-background-size: contain;
background-size: contain;
background-position: center;
background-repeat: no-repeat; }
a {
color: #f4731c; }
a:hover, a:focus, a:active {
text-decoration: none; }
h1, h2, h3, h4, h5, p, ol, ul {
padding: 0;
margin: 0; }
ul, ol {
list-style: none; }
.min-width {
min-width: 1130px;
margin-left: auto;
margin-right: auto; }
.dinline-left {
display: inline-block;
float: left; }
.dinline {
display: inline-block; }
.linh1-7 {
line-height: 1.7rem;
padding: 0 0.2rem; }
.img-100 {
width: 100%;
height: auto; }
.padding-lr-0 {
padding-right: 0;
padding-left: 0; }
.padding-r-0 {
padding-right: 0; }
.padding-l-0 {
padding-left: 0; }
.border-top0 {
border-top: 0 !important; }
.overflow-h {
overflow: hidden; }
.float-left {
float: left; }
.bg-fff {
background-color: #ffffff; }
.scroll-y {
overflow-y: scroll; }
.border-green {
border-color: #00c099; }
.cat-header {
position: relative;
color: #2e485f;
border-bottom: 0.1rem solid #e9e9e9; }
.cat-header .tit, .cat-header .list {
display: inline-block;
float: left; }
.cat-header .tit {
font-size: 1.1rem;
border-bottom: 0.1rem solid #2e485f;
line-height: 2.00rem;
padding-right: 1.8rem;
margin-bottom: -0.1rem; }
.cat-header .list {
padding-left: 0.5rem; }
.cat-header .list a {
color: #2e485f;
padding: 0 0.5rem;
line-height: 2rem;
font-size: 0.7rem; }
.cat-header .list a:hover {
color: #f4731c; }
.cat-header .more {
display: inline-block;
color: #00c099;
font-size: 0.6rem;
float: right;
vertical-align: bottom;
margin-top: 0.5rem;
cursor: pointer; }
.cat-header .more:hover {
color: #f4731c; }
.line-box {
min-width: 6rem;
width: 100%;
background-color: #eee;
height: 0.75rem; }
.line-box .line-zhi {
height: 0.75rem;
background-color: #f4731c; }
input:focus, button:focus, textarea:focus {
outline: 0; }
.dropdown-menu {
position: absolute !important; }
.min80vh {
min-height: 80vh; }
.dis-block {
display: block; }
.color-success {
color: green !important;
font-weight: bolder; }
.color-warning {
color: red !important;
font-weight: bolder; }
.pull-right {
float: right !important; }
.pull-left {
float: left !important; }
.cols-1, .cols-2, .cols-3, .cols-4, .cols-5, .cols-6, .cols-7, .cols-8, .cols-9, .cols-10, .cols-11, .cols-12, .cols-13, .cols-14, .cols-15, .cols-16, .cols-17, .cols-18, .cols-19, .cols-20 {
position: relative;
min-height: 1px;
float: left;
padding-left: 0.5rem;
padding-right: 0.5rem; }
.cols-1 {
width: 5%; }
.cols-2 {
width: 10%; }
.cols-3 {
width: 15%; }
.cols-4 {
width: 20%; }
.cols-5 {
width: 25%; }
.cols-6 {
width: 30%; }
.cols-7 {
width: 35%; }
.cols-8 {
width: 40%; }
.cols-9 {
width: 45%; }
.cols-10 {
width: 50%; }
.cols-11 {
width: 55%; }
.cols-12 {
width: 60%; }
.cols-13 {
width: 65%; }
.cols-14 {
width: 70%; }
.cols-15 {
width: 75%; }
.cols-16 {
width: 80%; }
.cols-17 {
width: 85%; }
.cols-18 {
width: 90%; }
.cols-19 {
width: 95%; }
.cols-20 {
width: 100%; }
.preloader {
display: inline-block;
width: 1rem;
height: 1rem;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: preloader-spin 1s steps(12, end) infinite;
animation: preloader-spin 1s steps(12, end) infinite; }
.preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat; }
@-webkit-keyframes preloader-spin {
100% {
-webkit-transform: rotate(360deg); } }
@keyframes preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.preloader-box {
margin: 0.5rem;
text-align: center;
padding-top: 2rem; }
.preloader-box .preloader {
width: 1.5rem;
height: 1.5rem; }
.load-qianyin {
padding-top: 2rem; }
.load-qianyin .qiyin-msg {
margin-top: 2rem;
font-size: 0.8rem; }
.ball-pulse > div {
background-color: #f4731c;
border-radius: 100%;
margin: 2px;
display: inline-block; }
.ball-pulse > div {
width: 15px;
height: 15px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.ball-pulse > div:nth-child(1) {
-webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.ball-pulse > div:nth-child(2) {
-webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.ball-pulse > div:nth-child(3) {
-webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
@-webkit-keyframes scale {
0%, 80% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
45% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 0.7; } }
@keyframes scale {
0%, 80% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
45% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 0.7; } }
@-webkit-keyframes line-scale-pulse-out {
0% {
-webkit-transform: scaley(1);
transform: scaley(1); }
50% {
-webkit-transform: scaley(0.4);
transform: scaley(0.4); }
100% {
-webkit-transform: scaley(1);
transform: scaley(1); } }
@keyframes line-scale-pulse-out {
0% {
-webkit-transform: scaley(1);
transform: scaley(1); }
50% {
-webkit-transform: scaley(0.4);
transform: scaley(0.4); }
100% {
-webkit-transform: scaley(1);
transform: scaley(1); } }
.line-scale-pulse-out > div {
background-color: #f4731c;
width: 4px;
height: 35px;
border-radius: 2px;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
-webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); }
.line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) {
-webkit-animation-delay: -0.4s !important;
animation-delay: -0.4s !important; }
.line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) {
-webkit-animation-delay: -0.2s !important;
animation-delay: -0.2s !important; }
.w100 {
width: 100%; }
.w76-6 {
width: 76.6%; }
.w70 {
width: 70%; }
.w73-2 {
width: 73.2%; }
.w26-8 {
width: 26.8%; }
.w54 {
width: 54%; }
.w50 {
width: 50%; }
.w46 {
width: 46%; }
.w30 {
width: 30%; }
.w23-4 {
width: 23.4%; }
.w16-5 {
width: 18.5%; }
.w56-5 {
width: 56.5%; }
.w27 {
width: 25%; }
.icon {
display: inline-block;
vertical-align: middle;
background-repeat: no-repeat;
background-position: center; }
.icon-xs {
width: 17px;
height: 17px; }
.ic-clock {
background-image: url(../img/clock.png); }
.icon-dh {
width: 54px;
height: 54px;
background-image: url("../img/icon-dh.png");
-webkit-background-size: auto;
background-size: auto; }
.icon-font {
position: relative;
display: inline-block;
text-align: center;
vertical-align: middle; }
.checkbox-ui {
position: relative;
overflow: hidden;
vertical-align: middle; }
.checkbox-ui input {
position: absolute;
top: 100%;
right: 100%; }
.checkbox-ui input:checked + .icon-font:after {
content: '\2713';
position: absolute;
top: 0;
left: 0;
color: #758794;
width: 100%;
text-align: center;
font-size: 1em;
vertical-align: text-top; }
.btn-submit {
color: #fff;
padding:8px 28px;
font-size:1.1em;
background-color: #bf3628;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
border:none;
}
.btn-group-1 {
position: relative;
display: inline-block;
width: 200px; }
.btn-group-1 button {
display: inline-block;
text-align: left;
width: 100%;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid #ddd;
line-height: 25px;
padding: 0 10px; }
.btn-group-1 button .caret {
margin-top: 10px; }
.btn-group-1 .select-dropdwon {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #FFFFFF;
padding: 10px;
border: 1px solid #ddd;
border-top-color: #FFFFFF; }
.btn-group-1 .select-dropdwon li {
line-height: 25px;
cursor: pointer;
border-bottom: 1px dashed #ddd; }
.btn-group-1.open .select-dropdwon {
display: inline-block; }
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent; }
figure {
position: relative; }
.fig-default {
position: relative; }
.fig-default .fig-img-wrapper {
position: relative; }
.fig-default .fig-img-wrapper .paddingT {
padding-top: 100%; }
.fig-default .fig-img-wrapper img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
max-height: 100%;
max-width: 100%;
margin: auto; }
.fig-default > figcaption {
padding: 0.5rem 0; }
.fig-default > figcaption .fig-tit {
font-size: 0.7rem;
margin-bottom: 0.5rem;
overflow: hidden; }
.fig-default > figcaption .fig-info {
font-size: 0.6rem;
margin-bottom: 0.3rem;
overflow: hidden; }
.fig-one {
position: relative; }
.fig-one > figcaption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(1, 1, 1, 0.5);
line-height: 1.2rem;
font-size: 0.6rem;
white-space: nowrap;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
color: #fff;
padding: 0.2rem; }
.fig-normal {
padding: 0.5rem; }
.fig-normal .fig-img {
display: block;
margin: 0 auto; }
.fig-normal figcaption {
padding: 0.5rem 0; }
.fig-normal figcaption .fig-tit {
font-size: 0.7rem;
margin-bottom: 0.5rem;
overflow: hidden; }
.fig-inline .fig-img-wrapper, .fig-inline-v2 .fig-img-wrapper {
position: relative;
width: 40%;
display: inline-block;
float: left;
border: 1px solid #ddd; }
.fig-inline .fig-img-wrapper .paddingT, .fig-inline-v2 .fig-img-wrapper .paddingT {
padding-top: 100%; }
.fig-inline .fig-img-wrapper img, .fig-inline-v2 .fig-img-wrapper img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
max-height: 100%;
max-width: 100%;
margin: auto; }
.fig-inline figcaption, .fig-inline-v2 figcaption {
width: 60%;
display: inline-block;
float: left;
padding: 0.5rem; }
.fig-inline figcaption .fig-tit, .fig-inline-v2 figcaption .fig-tit {
font-size: 0.9rem;
margin-bottom: 0.5rem; }
.fig-inline figcaption .fig-info, .fig-inline-v2 figcaption .fig-info {
font-size: 0.6rem;
margin-bottom: 0.3rem; }
.fig-inline-v2 figcaption {
width: auto; }
.fig-inline-v2 figcaption .fig-tit {
font-size: 0.9rem;
margin-bottom: 0.5rem; }
.fig-inline-v2 figcaption .fig-info {
font-size: 0.6rem;
margin-bottom: 0.3rem; }
.msg-box {
border-top: 1px solid #ddd;
padding-top: 0.75rem;
position: relative; }
.msg-box .msg-nav .nav-item {
display: block;
line-height: 1.55rem;
padding-left: 0.75rem;
margin-bottom: 0.5rem;
width: 5.7rem;
color: #283e52;
cursor: pointer; }
.msg-box .msg-nav .nav-item.active, .msg-box .msg-nav .nav-item:hover {
background-color: #f4731c;
color: #fff;
-webkit-border-radius: 0.2rem;
-moz-border-radius: 0.2rem;
border-radius: 0.2rem; }
.msg-box .msg-nav .nav-item.active i, .msg-box .msg-nav .nav-item:hover i {
font-size: 0.8rem; }
.msg-box .msg-nav .nav-item i {
margin-right: 0.3rem; }
.msg-box .msg-nav .nav-item .badge {
color: #283e52;
background-color: #fff; }
.msg-box .msg-list .msg-item {
position: relative;
padding: 1rem 0.5rem;
border: 1px solid #ddd;
margin-bottom: 0.5rem;
-webkit-border-radius: 0.2rem;
-moz-border-radius: 0.2rem;
border-radius: 0.2rem;
cursor: pointer; }
.msg-box .msg-list .msg-item input[type=checkbox] {
position: absolute;
top: 50%;
margin-top: -0.2rem; }
.msg-box .msg-list .msg-item .fig-inline {
margin-left: 1.5rem; }
.msg-box .msg-list .msg-item .fig-inline .fig-img {
width: 1.75rem;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
overflow: hidden;
border: 1px solid #ddd; }
.msg-box .msg-list .msg-item .fig-inline figcaption {
padding: 0;
padding-left: 0.5rem; }
.msg-box .msg-list .msg-item .fig-inline figcaption .fig-tit {
font-size: 0.6rem;
color: #999;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
margin-bottom: 0.2rem; }
.msg-box .msg-list .msg-item .fig-inline figcaption .fig-info {
font-size: 0.6rem;
color: #666;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis; }
.msg-box .msg-list .msg-item .time {
position: absolute;
top: 1rem;
right: 1rem;
color: #999; }
.msg-box .msg-list .msg-item.active, .msg-box .msg-list .msg-item:hover {
background-color: #00c099;
border-color: #00c099; }
.msg-box .msg-list .msg-item.active .time, .msg-box .msg-list .msg-item:hover .time {
color: #fff; }
.msg-box .msg-list .msg-item.active .fig-inline figcaption .fig-tit, .msg-box .msg-list .msg-item:hover .fig-inline figcaption .fig-tit {
color: #fff; }
.msg-box .msg-list .msg-item.active .fig-inline figcaption .fig-info, .msg-box .msg-list .msg-item:hover .fig-inline figcaption .fig-info {
color: #fff; }
.msg-box .msg-detail {
padding-left: 2rem; }
.msg-box .msg-detail .msg-head {
margin-bottom: 2rem; }
.msg-box .msg-detail .msg-head .fig-inline .fig-img {
width: 2rem;
-webkit-border-radius: 2rem;
-moz-border-radius: 2rem;
border-radius: 2rem;
border: 1px solid #ddd;
overflow: hidden; }
.msg-box .msg-detail .msg-head .fig-inline figcaption {
padding: 0;
padding-left: 0.75rem; }
.msg-box .msg-detail .msg-head .fig-inline figcaption .fig-tit {
font-size: 0.6rem;
color: #333;
margin-bottom: 0.1rem; }
.msg-box .msg-detail .msg-body .msg-tit {
font-size: 0.9rem;
color: #333;
padding-bottom: 1rem;
border-bottom: 1px solid #ddd; }
.msg-box .msg-detail .msg-body .msg-content {
padding: 0.5rem 0 6.25rem;
color: #333; }
.msg-box .msg-detail .msg-return .return-input {
display: block;
width: 100%;
border: 1px solid #ddd;
border-bottom: 0;
-webkit-border-top-right-radius: 0.2rem;
-moz-border-top-right-radius: 0.2rem;
border-top-right-radius: 0.2rem;
-webkit-border-top-left-radius: 0.2rem;
-moz-border-top-left-radius: 0.2rem;
border-top-left-radius: 0.2rem;
padding: 0.5rem;
color: #999;
font-size: 0.6rem;
resize: none; }
.msg-box .msg-detail .msg-return .submit-box {
background-color: #eee;
line-height: 2rem;
-webkit-border-bottom-right-radius: 0.2rem;
-moz-border-bottom-right-radius: 0.2rem;
border-bottom-right-radius: 0.2rem;
-webkit-border-bottom-left-radius: 0.2rem;
-moz-border-bottom-left-radius: 0.2rem;
border-bottom-left-radius: 0.2rem;
overflow: hidden; }
.msg-box .msg-detail .msg-return .submit-box .btn {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.msg-box .action-box {
position: absolute;
top: -1.5rem;
right: 1rem;
font-size: 0.8rem; }
.msg-box .action-box i {
margin-right: 0.5rem;
cursor: pointer; }
.resCodeMsg {
padding-top: 0.5rem;
line-height: 1.5rem;
color: red;
text-align: center;
display: none;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s; }
.f-form {
font-size: 12px; }
.f-form .f-item {
margin-bottom:15px; }
.f-form .f-item .left {
display: inline-block;
float: left;
width: 100px; }
.f-form .f-item .right {
padding-left: 100px; }
.f-form .f-item .f-txt, .f-form .f-item .f-label {
display: inline-block;
float: left;
line-height: 25px; }
.f-form .f-item .f-label {
font-size: 14px;
font-weight: bolder;
width: 100px;
text-align: right;
padding-right: 10px;
min-height: 1px; }
.f-form .f-item .f-txt {
width: 300px;
padding-left: 10px;
padding-right: 10px; }
.f-form .f-item .tx-edit {
position: relative;
height: 88px;
width: 88px;
cursor: pointer; }
.f-form .f-item .tx-edit .btn-edit {
display: block;
position: absolute;
opacity: 0;
top: 0;
left: 0;
right: 0;
bottom: 0;
color: #fff;
z-index: 9;
text-align: center;
font-size: 14px;
line-height: 150px; }
.f-form .f-item .tx-edit .img-shell {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.f-form .f-item .tx-edit .img-shell img {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
max-width: 100%;
max-height: 100%;
margin: auto; }
.f-form .f-item .tx-edit:hover .btn-edit {
opacity: 1;
background-color: rgba(0, 0, 0, 0.4); }
.f-form-2 .form-control {
width: 80%;
display: inline-block; }
.f-form-2 .sub-tit {
color: #999;
padding: 10px 0px;
font-size: 14px; }
.edui-container {
box-shadow: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.edui-container .edui-toolbar {
box-shadow: none; }
.header {
display: block;
width: 100%;
padding: 1rem 0 0.75rem;
position: relative;
overflow: hidden;
background-color: #fff;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
.header .container .main-nav {
line-height: 1.55rem;
font-size: 32px;
position: relative; }
.header .container .main-nav .nav-logo {
height: 2.5rem;
line-height: 2.5rem;
color: #f4731c;
font-size: 1.1rem;
width: 12.7rem; }
.header .container .main-nav .nav-logo img {
vertical-align: middle;
height: auto;
width: 3.5rem; }
.header .container .main-nav .nav-right {
display: block;
float: left;
width: 42.3rem; }
.header .container .main-nav .nav-list {
display: inline-block;
padding: 0 1rem;
line-height: 2.5rem;
font-size: 0.8rem;
width: 28.5rem;
overflow: hidden;
border-top: 0;
height: auto !important; }
.header .container .main-nav .nav-list .nav-list-item {
position: relative;
display: block;
float: left;
text-align: center;
overflow: hidden; }
.header .container .main-nav .nav-list .nav-list-item .nav-list-link {
position: relative;
display: block;
width: 100%;
color: #999999;
padding: 0 1rem; }
.header .container .main-nav .nav-list .nav-list-item .nav-list-link:hover, .header .container .main-nav .nav-list .nav-list-item .nav-list-link.active {
color: #2e485f;
text-decoration: none; }
.header .container .serach {
float: right;
width: 11rem; }
.f-search-box-top {
position: relative; }
.f-search-form-top {
margin: 0 auto;
margin-top: 0.5rem; }
.f-search-text-top {
width: 8rem;
float: left;
display: inline-block;
outline: none;
padding: 0 0.4rem;
height: 1.7rem;
font-size: 0.7rem;
line-height: 1.6rem;
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
border: 1px solid #a8a8a8; }
.f-search-text-top:focus {
-webkit-box-shadow: inset 1px 0 30px rgba(255, 255, 255, 0.8);
-moz-box-shadow: inset 1px 0 30px rgba(255, 255, 255, 0.8);
box-shadow: inset 1px 0 30px rgba(255, 255, 255, 0.8); }
.f-search-form-top.focus {
background-color: red; }
.f-search-button-top {
float: left;
display: inline-block;
height: 1.7rem;
padding: 0 0.45rem;
font-size: 0.75rem;
line-height: 1.7rem;
cursor: pointer;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
border: 0;
background-color: #00c099;
color: #ffffff; }
.footer {
padding: 1rem 0;
background-color: #2e4960;
line-height: 1.0rem;
font-size: 0.6rem; }
.footer .footer-nav .footer-a {
display: inline-block;
padding-right: 1rem;
color: #fff;
cursor: pointer; }
.footer .footer-nav .footer-a:hover {
color: #fff; }
.footer .footer-copyright {
color: #fff; }
.footer .footer-copyright a {
color: #fff; }
.footer .footer-copyright a:hover {
color: #fff; }
.footer .beian {
color: #fff; }
.footer .container {
position: relative; }
.footer .container .contact {
position: absolute;
top: 1rem;
right: 3rem;
font-size: 0.7rem;
color: #fff; }
.footer .container .contact p {
margin-bottom: 0.2rem; }
.footer .container .contact p:first-child {
font-size: 0.8rem; }
.carousel-index {
width: 100%; }
.carousel-index img {
display: block;
width: 100%; }
.xcx-menu-wrapper {
padding: 10px;
background-color: #fff;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
margin-bottom: 18px; }
.xcx-menu-wrapper .new-content {
max-width: 1080px;
margin: 0 auto;
padding: 0 10px; }
.xcx-menu-wrapper .xcx-menu-item {
display: inline-block;
float: left;
padding-left:60px;
padding-right:40px;
position: relative;
height:60px; }
.xcx-menu-wrapper .xcx-menu-item .media {
position: absolute;
width: 60px;
height: 60px;
padding: 15px;
top: 0;
left: 0px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #821919;
margin: 0; }
.xcx-menu-wrapper .xcx-menu-item .media img {
display: block;
height: 100%;
margin: 0 auto; }
.xcx-menu-wrapper .xcx-menu-item .info {
padding: 20px 10px 0px 10px;
color: #bf3628;
line-height: 1.2;
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-ms-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9); }
.xcx-menu-wrapper .xcx-menu-item .info .top {
font-size: 22px;
font-weight: bolder; }
.xcx-menu-wrapper .xcx-menu-item .info .down {
font-size: 12px;
text-transform: uppercase; }
.xcx-menu-wrapper .xcx-menu-item:last-child {
padding-right: 0; }
.page-wrapper .content{
min-height:400px;
}
.retrieve-wrapper .content,.page-wrapper .content {
padding: 20px;
background-color: #fff;
margin-bottom: 10px; }
.retrieve-wrapper .content .ret-item {
margin-bottom: 20px;
max-height: 26px;
overflow: hidden;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s; }
.retrieve-wrapper .content .ret-item:last-child {
margin-bottom: 0; }
.retrieve-wrapper .content .ret-item .right {
padding-left: 80px;
text-align: left;
padding-right: 30px;
position: relative;
line-height: 26px; }
.retrieve-wrapper .content .ret-item .right a {
color: #333;
padding: 0 20px;
display: inline-block; }
.retrieve-wrapper .content .ret-item .right a.active, .retrieve-wrapper .content .ret-item .right a:hover {
color: #bf3628; }
.retrieve-wrapper .content .ret-item .right .more {
position: absolute;
right: 10px;
top: 0;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
cursor:pointer;
display: none; }
.retrieve-wrapper .content .ret-item .right .more.open {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg); }
.retrieve-wrapper .content .ret-item .right .num-wrapper {
padding-left: 20px; }
.retrieve-wrapper .content .ret-item .right .num {
color: #bf3628;
font-weight: bolder; }
.retrieve-wrapper .content .ret-item .left {
width: 80px;
display: inline-block;
line-height: 26px;
float: left;
color: #999999; }
.paixu-wrapper {
margin-bottom: 20px; }
.paixu-wrapper .content {
background-color: #fff; }
.paixu-wrapper .content .paixu {
font-size: 14px;
line-height: 44px;
border: 1px solid #ddd; }
.paixu-wrapper .content .paixu .px-update {
width: 150px;
float: left;
border-right: 1px solid #ddd; }
.paixu-wrapper .content .paixu .px-jifen {
width: 210px;
float: left;
border-right: 1px solid #ddd; }
.paixu-wrapper .content .paixu .px-search {
width: 340px;
float: right; }
.paixu-wrapper .content .paixu .paixu-item {
padding: 0 10px;
color: #999;
cursor: pointer; }
.paixu-wrapper .content .paixu .paixu-item.active {
color: #bf3628; }
.paixu-wrapper .content .paixu .paixu-item.active.up .arrow {
transform: rotateX(180deg); }
.paixu-wrapper .content .paixu .paixu-item .word, .paixu-wrapper .content .paixu .paixu-item .arrow {
display: inline-block;
padding-right: 10px; }
.paixu-wrapper .content .paixu .paixu-item .arrow {
float: right; }
.paixu-wrapper .content .paixu .paixu-item .search-wrapper {
position: relative; }
.paixu-wrapper .content .paixu .paixu-item .search-wrapper .search-form {
margin-top: 7px;
padding-left: 10px;
height: 32px;
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
.paixu-wrapper .content .paixu .paixu-item .search-wrapper .search-form .search-input {
line-height: 30px;
padding-left: 10px;
height: 30px;
width: 250px;
outline: none;
border: 0;
display: inline-block;
float: left; }
.paixu-wrapper .content .paixu .paixu-item .search-wrapper .search-form .icon-search {
display: inline-block;
line-height: 30px;
float: left;
color: #999; }
.policy{
padding:20px 40px 0px 40px;
width:80%;
margin:0px auto;
}
.policy-item{
width:100%;
display:inline-block;
margin-bottom: 10px;
color: #333;
padding:10px 20px;
cursor:pointer;
background-color: #fff;
}
.policy-item .title{display:inline-block;font-size:1.4em;}
.policy-item .date{display:inline-block;float:right;color:#bf3628;}
.project-wrapper .project-item {
width: 50%;
float: left;
margin-bottom: 10px;
background-color: #fff;
color: #777; }
.project-wrapper .project-item .project-media .title {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 25px;
font-size: 30px;
font-weight: 500;
color: #fff; }
.project-wrapper .project-item .project-media a {
background: linear-gradient(#ccc, #333); }
.project-wrapper .project-item .project-content .project-title {
margin-bottom: 10px; }
.project-wrapper .project-item .project-content .cats {
color: #999; }
.project-wrapper .project-item .project-content .project-info {
line-height: 25px;
max-height: 50px;
overflow: hidden; }
.project-wrapper .project-item .project-content .content-content {
padding: 25px 35px; }
.project-wrapper .project-item .project-content .content-content .top {
margin-bottom: 30px; }
.project-wrapper .project-item .project-content .content-content .top .cats, .project-wrapper .project-item .project-content .content-content .top .go-detail {
display: inline-block; }
.project-wrapper .project-item .project-content .content-content .top .go-detail {
float: right; }
.project-wrapper .project-item .project-content .content-content .top .go-detail a {
color: #bf3628; }
.project-wrapper .project-item .project-content .content-content .top .cats {
color: #999; }
.project-wrapper .project-item .project-content .content-content .middle {
overflow: hidden;
margin-bottom: 40px; }
.project-wrapper .project-item .project-content .content-content .middle .left, .project-wrapper .project-item .project-content .content-content .middle .right {
float: left; }
.project-wrapper .project-item .project-content .content-content .middle .left .project-fs, .project-wrapper .project-item .project-content .content-content .middle .right .project-fs {
color: #999; }
.project-wrapper .project-item .project-content .content-content .middle .left h2, .project-wrapper .project-item .project-content .content-content .middle .right h2 {
font-size: 40px;
font-weight: bolder;
margin-top: 20px; }
.project-wrapper .project-item .project-content .content-content .middle .left {
width: 60%;
text-align: center; }
.project-wrapper .project-item .project-content .content-content .middle .right {
width: 40%; }
.project-wrapper .project-item .project-content .content-content .bottom {
color: #999; }
.sec-bread .bread-crumb {
padding: 0px 0 15px 0;
background-color: transparent;
font-size: 14px; }
.sec-bread .bread-crumb li {
display: inline-block; }
.sec-bread .bread-crumb li:after {
display: inline-block;
content: ">";
padding-left: 10px;
padding-right: 5px; }
.sec-bread .bread-crumb li:last-child:after {
content: ''; }
.sec-bread .bread-crumb li a {
color: #333;
display: inline-block; }
.sec-bread .bread-crumb li.active a {
color: #999; }
.sec-detail .detail {
padding: 55px;
background-color: #fff; }
.sec-detail .detail .detail-head .media {
position: relative;
width: 285px;
float: left;
display: inline-block; }
.sec-detail .detail .detail-head .media:before {
content: "";
display: block;
padding-top: 78%; }
.sec-detail .detail .detail-head .media .img-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.sec-detail .detail .detail-head .media .img-wrapper img {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
max-height: 100%;
max-width: 100%;
margin: auto; }
.sec-detail .detail .detail-head .media-content {
padding-left: 295px; }
.sec-detail .detail .detail-head .media-content .content-content {
padding-top: 30px;
padding-left: 30px; }
.sec-detail .detail .detail-head .media-content .content-content .title {
font-size: 24px;
font-weight: bolder;
margin-bottom: 10px; }
.sec-detail .detail .detail-head .media-content .content-content .tags {
font-size: 12px;
margin-bottom: 40px; }
.sec-detail .detail .detail-head .media-content .content-content .tags a {
display: inline-block;
padding: 0px 10px;
line-height: 25px;
border: 1px solid #ddd;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
color: #666666; }
.sec-detail .detail .detail-head .media-content .content-content .jifen {
font-size: 18px;
color: #999; }
.sec-detail .detail .detail-head .media-content .content-content .jifen span {
font-size: 48px;
color: #bf3628; }
.sec-detail .detail .detail-content .cats-title {
line-height: 40px;
font-size: 18px;
color: #bf3628;
border-bottom: 1px solid #ddd; }
.sec-detail .detail .detail-content .cats-title span {
display: inline-block;
border-bottom: 2px solid #bf3628;
margin-bottom: -1px; }
.sec-detail .detail .detail-content .detail-info {
padding-top: 10px;
font-size: 14px;
line-height: 30px;
color: #999;
margin-bottom: 30px; }
.sec-detail .detail .detail-content .detail-info .base-item {
width: 50%;
display: inline-block;
float: left; }
.sec-detail .detail .detail-content .detail-info .base-item span:first-child {
color: #333333;
font-weight: bolder;
margin-right: 10px; }
.project-item {
padding: 1rem;
border-bottom: 1px solid #eee;
background-color: #fff;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s; }
.project-item:hover {
cursor:pointer;
background-color: #f9fafd; }
.project-item .project-media {
position: relative;
display: inline-block;
float: left;
width: 185px;
overflow: hidden; }
.project-item .project-media .top-padding {
padding-top: 78%; }
.project-item .project-media .img-box {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block; }
.project-item .project-media .img-box img {
display: block;
width: 100%; }
.project-item .project-content {
padding-left: 195px; }
.project-item .project-content .project-title {
position: relative;
font-size: 0.9rem;
margin-bottom: 0.75rem;
font-weight: bold; }
.project-item .project-content .project-info {
line-height: 1.6;
color: #777;
font-size: 0.7rem; }
.project-item .right .project-title{color:#bf3628; }
.float-tool {
position: fixed;
_position: absolute;
bottom: 33%;
right: .1%;
z-index: 250;
margin-bottom: -90px;
cursor: pointer; }
.xiaoyu-box, .yun95187 {
cursor: pointer; }
.aliyun-individuation-xiaoyun-95187 .module-wrap .yun95187 {
display: block;
position: relative;
margin-bottom: 5px; }
.aliyun-individuation-xiaoyun-95187 .module-wrap .showTel {
position: absolute;
top: 0;
right: 50px; }
.aliyun-individuation-xiaoyun-95187 .module-wrap .yun95187 .white {
display: block; }
.aliyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel {
width: 360px;
height: 100px;
background: #fff;
border: 1px solid #c5d8db;
padding: 0 20px;
border-top: 5px solid #00C1DE;
text-align: left;
-webkit-box-shadow: 0 0 7.5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 7.5px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 7.5px rgba(0, 0, 0, 0.15); }
.aliyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .top-area {
position: relative;
width: 100%;
padding: 15px 0; }
.aliyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .top-area .top-left-icon {
width: 50px;
float: left;
padding-top: 10px; }
.aliyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .top-area .top-right-text {
padding-left: 70px;
height: 54px;
color: #373D41; }
.aliyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .top-area .top-right-text .desc {
font-size: 14px !important;
line-height: 22px;
margin-bottom: 4px;
color: #5F6367; }
.aliyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .top-area .top-right-text .phone {
font-size: 18px !important;
line-height: 28px;
color: #00C1DE; }
.aliyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .bottom-area {
width: 100%;
font-size: 12px;
color: #9B9EA0;
padding-top: 16px; }
.aliyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .bottom-area .bottom-li li {
float: left;
width: 40%;
list-style-type: circle;
margin-left: 10%; }
.aliyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .bottom-area a {
font-size: 14px;
color: #A9B0B4; }
.article-container {
background-color: transparent;
display: flex;
flex-direction: row-reverse; }
.section-group h4 {
padding: 0.2rem 0.3rem;
border-left: 2px solid blue;
margin-top: 1rem;
margin-bottom: 0.8rem; }
.section-group h4.bg-primary small {
color: #fff; }
.section-group .content {
padding: 1rem 0; }
.section-group .content p {
text-indent: 0.3rem;
margin-bottom: 0.3rem;
font-size: 0.7rem;
line-height: 1.5rem; }
.section-group .content pre {
padding: 1.5rem 1rem; }
.section-group .content .ul-default {
padding: 0.5rem 1rem;
border-left: 2px solid orange;
background-color: #cfd9db; }
.section-group .content .ul-default li {
font-size: 0.7rem;
line-height: 2rem; }
.detail-container {
min-height: 80vh;
padding: 1.75rem 0; }
.detail-main .detail-shell {
border: 1px solid #ddd; }
.detail-main .detail-shell .breadcrumb {
padding: 0.6rem 0.75rem;
-webkit-border-radius: 0rem;
-moz-border-radius: 0rem;
border-radius: 0rem;
margin-bottom: 0; }
.detail-main .detail-shell .breadcrumb a {
color: #666; }
.detail-main .detail-shell .detail-body {
position: relative;
overflow: hidden;
color: #333;
min-height: 30rem; }
.detail-main .detail-shell .detail-body .waiting {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
font-size: 2rem;
font-weight: bolder;
text-align: center;
padding-top: 10rem;
background-color: white;
color: #000;
z-index: 99; }
.detail-main .detail-shell .detail-body .waiting h1 {
margin-bottom: 0.5rem; }
.detail-main .detail-shell .detail-body .detail-tit {
font-size: 1.2rem;
padding: 0.75rem;
color: #000; }
.detail-main .detail-shell .detail-body .detail-actions {
overflow: hidden;
padding: 0.5rem;
border-top: 1px solid #ddd; }
.detail-main .detail-shell .detail-body .detail-actions .item {
margin-right: 1rem; }
.detail-main .detail-shell .detail-body .detail-actions .item i {
color: #f4731c;
margin-right: 0.3rem; }
.detail-main .detail-shell .detail-body .detail-other {
padding-left: 0.75rem;
padding-bottom: 1rem;
border-bottom: 1px solid #ddd; }
.detail-main .detail-shell .detail-body .detail-other .tit {
color: #2e485f; }
.detail-main .detail-shell .detail-body .detail-other .content {
color: #999; }
.detail-main .detail-shell .detail-body .detail-info {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd; }
.detail-main .detail-shell .detail-body .detail-info .item {
display: inline-block;
float: left;
border-bottom: 1px solid #ddd; }
.detail-main .detail-shell .detail-body .detail-info .item:nth-last-child(1), .detail-main .detail-shell .detail-body .detail-info .item:nth-last-child(2) {
border-bottom: 0; }
.detail-main .detail-shell .detail-body .detail-info .item .item-tit, .detail-main .detail-shell .detail-body .detail-info .item .item-txt {
padding: 0.5rem 1rem; }
.detail-main .detail-shell .detail-body .detail-info .item .item-tit {
background-color: #eee;
width: 4.6rem; }
.detail-main .detail-shell .detail-body .detail-detail {
padding: 1.5rem;
line-height: 1.2rem; }
.detail-main .detail-shell .detail-body .detail-detail .dd-content img {
display: block;
max-width: 100%;
margin: 0.75rem auto; }
.detail-main .detail-shell .detail-body .detail-detail .dd-content p {
margin-bottom: 0.5rem;
text-indent: 1.2rem; }
.detail-main .detail-shell .detail-body .detail-detail .dd-content p > small {
text-align: center;
display: block; }
.detail-main .detail-shell .detail-body .detail-detail .dd-content h3 {
font-size: 0.8rem;
margin-bottom: 0.75rem; }
.detail-main .detail-shell .detail-body .detail-detail .dd-content h4 {
font-size: 0.7rem;
margin-bottom: 0.75rem; }
.detail-main .detail-shell .detail-body .detail-bottom {
padding: 1rem;
text-align: center; }
.detail-main .detail-shell .detail-body .fenxi-box .fx-tit {
line-height: 2rem;
font-size: 0.8rem;
padding-left: 1rem;
background-color: #eee;
border-top: 1px solid #ddd; }
.detail-main .detail-shell .detail-body .fenxi-box .fx-content {
line-height: 1.2rem;
padding: 0.75rem 1.5rem; }
.detail-main .detail-shell .detail-body .fenxi-box .fx-content h4 {
font-size: 0.8rem;
line-height: 1rem;
margin: 0.5rem 0;
padding-left: 0.3rem;
border-left: 2px solid #333; }
.detail-main .detail-shell .detail-body .sh-msg {
text-align: center;
padding-top: 5rem;
color: #f4731c; }
.detail-dianping .dp-tit {
line-height: 2rem;
font-size: 0.8rem;
padding-left: 1rem;
background-color: #eee;
border-top: 1px solid #ddd; }
.detail-dianping .dp-container {
padding: 0.75rem 1.5rem; }
.detail-dianping .dp-container .dp-item {
padding: 0.75rem 0; }
.detail-dianping .dp-container .dp-item .dp-zj-shell .dp-header {
display: inline-block;
float: left;
width: 3rem;
height: 3rem;
-webkit-border-radius: .4rem;
-moz-border-radius: .4rem;
border-radius: .4rem;
overflow: hidden;
background-color: #eee; }
.detail-dianping .dp-container .dp-item .dp-zj-shell .dp-body {
position: relative;
display: inline-block;
float: left;
padding-left: 0.5rem;
margin-bottom: 0.5rem; }
.detail-dianping .dp-container .dp-item .dp-zj-shell .dp-body .dp-name {
font-size: 0.7rem;
margin-bottom: 0.3rem; }
.detail-dianping .dp-container .dp-item .dp-zj-shell .dp-body .dp-name small {
margin-left: 0.5rem;
color: #999; }
.detail-dianping .dp-container .dp-item .dp-zj-shell .dp-body .dp-tags {
margin-bottom: 0.2rem; }
.detail-dianping .dp-container .dp-item .dp-zj-shell .dp-body .dp-tags span {
margin-right: 0.2rem; }
.detail-dianping .dp-container .dp-item .dp-zj-shell .dp-body .erma {
background-color: #fff;
width: 5rem;
height: 5rem; }
.detail-dianping .dp-container .dp-item .dp-content {
position: relative; }
.detail-dianping .dp-container .dp-item .dp-content i {
position: absolute;
font-size: 0.8rem;
top: -12px;
left: 1.1rem;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
color: #f1f1f1; }
.detail-dianping .dp-container .dp-item .dp-content .dp-txt {
background-color: #f1f1f1;
padding: 1rem;
line-height: 1.25rem;
-webkit-border-radius: 0.2rem;
-moz-border-radius: 0.2rem;
border-radius: 0.2rem; }
.detail-dianping .dp-container .dp-item .dp-input {
border-radius: 0.2rem;
width: 100%;
margin-top: 1rem;
border: 1px solid #ddd; }
.detail-aside .suggests {
margin-top: 1rem;
border: 1px solid #ddd; }
.detail-aside .suggests .tit {
font-size: 0.7rem;
color: #333;
background-color: #eee;
padding-left: 0.5rem;
line-height: 2rem; }
.detail-aside .suggests .sug-list {
padding: 0.3rem 0.3rem; }
.detail-aside .suggests .sug-list .list-item {
position: relative;
color: #666; }
.detail-aside .suggests .sug-list .list-item a {
line-height: 1.25rem;
color: #666;
cursor: pointer; }
.detail-aside .suggests .sug-list .list-item a:hover {
color: #f4731c; }
.detail-aside .suggests .sug-list .list-item .time {
position: absolute;
right: 0;
top: 0; }
.detail-aside .suggests .sug-list .fig-normal {
padding: 0;
margin-bottom: 0.5rem; }
.detail-aside .suggests .sug-list .fig-normal:hover .fig-img {
opacity: 0.8; }
.detail-aside .suggests .sug-list .fig-normal .fig-tit {
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis; }
.san-biao {
border: 1px solid #ddd;
padding: 0.5rem 0.75rem; }
.san-biao .top-shell {
border: 1px solid #ddd;
padding: 0.35rem 0;
margin-bottom: 0.65rem; }
.san-biao .bottom {
padding: 0 !important; }
.san-biao .tit {
font-size: 0.8rem;
text-align: center;
color: #333; }
.san-biao .body {
padding-top: 1rem; }
.san-biao .body .fig-normal {
display: inline-block;
float: left;
width: 33.33%;
padding: 0; }
.san-biao .body .fig-normal a {
padding: 0 0.75rem;
display: block;
border-right: 1px solid #ddd; }
.san-biao .body .fig-normal figcaption {
text-align: center;
color: #333; }
.san-biao .body .fig-normal:last-child > a {
border-right: 0; }
.detail-container-dc .detail-main .detail-shell {
border: 0; }
.sec-user .content .user-detail {
width: 66.7%;
float: left;
background-color: #fff; }
.sec-user .content .user-detail .head {
padding:20px 15px; }
.sec-user .content .user-detail .head .left, .sec-user .content .user-detail .head .right {
width: 50%;
float: left;
border-bottom: 1px solid #ddd;
min-height: 320px; }
.sec-user .content .user-detail .head .left {
border-right: 1px solid #ddd; }
.sec-user .content .user-detail .head .left .head-shell {
position: relative;
width: 130px;
height: 130px;
margin: 0 auto;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 1px solid #ddd;
overflow: hidden;
margin-bottom: 10px; }
.sec-user .content .user-detail .head .left .head-shell .img-shell {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0; }
.sec-user .content .user-detail .head .left .head-shell .img-shell img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
max-width: 100%;
max-height: 100%;
margin: auto; }
.sec-user .content .user-detail .head .left .user-name {
font-size: 18px;
color: #666;
font-weight: bolder;
margin-bottom: 50px;
text-align: center; }
.sec-user .content .user-detail .head .left .info .info-item {
width: 50%;
float: left;
color: #666;
text-align: center; }
.sec-user .content .user-detail .head .left .info .info-item .num {
color: #bf3628;
font-size: 18px; }
.sec-user .content .user-detail .head .left .info .info-item .txt {
font-size: 14px; }
.sec-user .content .user-detail .head .right {padding-left:20px; }
.sec-user .content .user-detail .head p {
color: rgba(0, 0, 0, 0.4);
display: block;
height: 1.8rem;
line-height: 2.5em; }
.sec-user .content .user-detail .head p span {
vertical-align:top;
display: inline-block;
height: 2.5em;
line-height:2em;
overflow: hidden; }
.sec-user .content .user-detail .head p span:nth-child(1) {
color: rgba(0, 0, 0, 0.7);
width:65px;
vertical-align:middle;
text-align: justify; }
.sec-user .content .user-detail .head p span:nth-child(2):after {
display: inline-block;
width: 100%;
content: ''; }
.sec-user .content .user-detail .head p span.special:after{
content:none;
}
.sec-user .content .user-detail .foot {
padding-bottom: 30px;
font-size: 14px;
width: 100%;
text-align: center; }
.sec-user .content .user-detail .foot .btn-xiugai {
display: inline-block;
margin: 0 auto;
color: #fff;
padding: 10px 15px;
background-color: #bf3628;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
.sec-user .content .user-detail .detail-edit {
min-height:430px;
padding: 20px; }
.sec-user .content .user-detail .detail-edit .tit {
text-align: center;
font-size: 16px;
font-weight: bolder;
padding-bottom: 15px;
border-bottom: 1px dashed #ddd; }
.sec-user .content .user-detail .detail-edit .choose-type {
padding:10px 20px;
margin-bottom:20px;
}
.sec-user .content .user-detail .detail-edit .choose-type .type-box {
border-bottom: 1px dashed #bf3628;
padding-bottom: 20px; }
.sec-user .content .user-detail .detail-edit .choose-type a {
display: inline-block;
padding: 5px 15px;
border-radius: 4px;
background-color: #FFFFFF;
border: 1px solid #bf3628;
color: #bf3628; }
.sec-user .content .user-detail .detail-edit .choose-type a.active {
background-color: #bf3628;
color: #fff; }
.sec-user .content .user-detail .detail-edit .f-form {
display: none; }
.sec-user .content .user-detail .detail-edit .f-form.active {
display: block; }
.sec-user .content .user-detail .body .body-content .item-jifen {
position: relative;
float: left;
overflow: hidden;width:100%; }
.sec-user .content .user-detail .body .body-content .item-jifen .item-wrapper {
border-bottom: 1px solid #ddd;
padding: 15px;
margin-bottom: 10px; }
.sec-user .content .user-detail .body .body-content .item-jifen .title {
font-size: 14px;
margin-bottom: 5px;
white-space: nowrap;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden; }
.sec-user .content .user-detail .body .body-content .item-jifen .info {
color: #999;
font-size: 12px; }
.sec-user .content .user-detail .body .body-content .item-jifen .func {
text-align: right; }
.sec-user .content .user-detail .body .body-content .item-jifen .func small {
font-size: 12px;
color: #f4731c;
padding-left: 20px; }
.sec-user .content .user-caidan {
width: 33.3%;
float: left;
padding-left: 10px; }
.sec-user .content .user-caidan .caidan-items {
padding: 40px;
background-color: #fff;
min-height: 430px; }
.sec-user .content .user-caidan .caidan-items .cd-item {
line-height: 22px;
margin-bottom: 20px; }
.sec-user .content .user-caidan .caidan-items .cd-item a {
border-left: 3px solid #333;
color: #333;
font-size: 18px;
font-weight: bolder;
padding-left: 5px; }
.sec-user .content .user-caidan .caidan-items .cd-item a span {
display: inline-block;
padding: 0 10px;
color: #fff;
background-color: #333333;
font-size: 12px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; }
.sec-user .content .user-caidan .caidan-items .cd-item p {
padding-left: 8px; }
/*# sourceMappingURL=style0331.css.map */