/* reset */
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
textarea,
p,
th,
td,
hr,
button {
margin: 0;
padding: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
input[type="number"] {
-moz-appearance: textfield;
}
body {
font: 12px/20px 'Microsoft YaHei';
color: #333;
min-width: 1200px;
}
input,
textarea,
select,
button {
font-family: 'Microsoft YaHei';
outline: none;
border: none;
background: none;
/* resize: none; */
border-radius: 0;
/* -webkit-appearance: none;
-moz-appearance: none;
appearance: none; */
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th {
text-align: inherit;
}
img {
border: 0;
}
iframe {
display: block;
}
ol,
ul,
li {
list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
}
a {
color: #333;
text-decoration: none;
-webkit-transition: none;
transition: none;
}
a:hover {
color: #f17116;
}
a:hover,
a:active {
outline: none;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
line-height: 0;
}
.clearfix {
zoom: 1;
/* for IE6 IE7 */
}
/* font */
@font-face {
font-family: "DINCond-Bold";
src: url('../fonts/dincond-bold-webfont.eot?#iefix') format("embedded-opentype"), url('../fonts/dincond-bold-webfont.woff') format("woff"), url('../fonts/dincond-bold-webfont.ttf') format("truetype"), url('../fonts/dincond-bold-webfont.svg') format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "iconfont";
/* Project id 1486045 */
src: url('../fonts/iconfont.woff2') format('woff2'), url('../fonts/iconfont.woff?t=1634696643433') format('woff'), url('../fonts/iconfont.ttf?t=1634696643433') format('truetype');
}
@font-face {
font-family: "iconfont";
src: url(../fonts/iconfont.d1ab673.woff2) format("woff2"), url(../fonts/iconfont.e85d4e9.woff) format("woff"), url(../fonts/iconfont.ad941a4.ttf) format("truetype")
}
.dincond {
font-family: 'DINCond-Bold';
}
.din-b {
font-family: "DIN-Bold";
}
.din-m {
font-family: "DIN-Medium";
}
.heiti-std,
.yahei {
font-family: 'Microsoft YaHei';
}
.f12 {
font-size: 12px;
}
.f16 {
font-size: 16px;
}
.f18 {
font-size: 18px;
}
.f20 {
font-size: 20px;
}
.fb {
font-weight: 600;
}
.fn {
font-weight: lighter;
}
.tl {
text-align: left;
}
.tc {
text-align: center;
}
.tr {
text-align: right;
}
.ect {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.ect-clamp {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
/* icon */
.ico-topbar,
.ico-char,
.ico-zx,
.ico-ts,
.ico-zc,
.ico-poster,
.ico-cb,
.ico-traffic,
.ico-calc,
.ico-changshi,
.ico-operator,
.ico-asksub {
display: inline-block;
vertical-align: middle;
margin-top: -3px;
}
.ico-topbar {
background: url('../images/ico-topbar.png') no-repeat;
}
.ico-char {
background: url('/images/2018/ico-char.png') no-repeat;
}
.ico-zx {
background: url('/images/2018/zixun/ico-zx.png') no-repeat;
}
.ico-ts {
background: url('/images/2018/ico-ts.png') no-repeat;
}
.ico-zc {
background: url('/images/2018/ico-zc.png') no-repeat;
}
.ico-poster {
background: url('/images/2018/ico-poster.png') no-repeat;
}
.ico-cb {
background: url('/images/2019/chengbao/ico-cb.png') no-repeat;
}
.ico-traffic {
background: url('/images/2019/traffic_guide/ico-traffic.png') no-repeat;
}
.ico-calc {
background: url('/images/2019/calculator/ico-calc.png') no-repeat;
}
.ico-changshi {
background: url('/images/2019/law_knowledge/icon.png') no-repeat;
}
.ico-operator {
background: url('/images/2019/icon_operator/icon1.png') no-repeat;
}
.ico-asksub {
background: url('/images/2019/ask-submit/ico-asksub.png') no-repeat;
}
/* ico-topbar */
.i-top1 {
width: 12px;
height: 14px;
background-position: 0 0 !important;
}
.i-top2 {
width: 12px;
height: 14px;
background-position: 0 -16px !important;
}
.i-top3 {
width: 9px;
height: 5px;
background-position: 0 -32px !important;
}
.i-top4 {
width: 9px;
height: 5px;
background-position: 0 -40px !important;
}
.i-top5 {
width: 9px;
height: 5px;
background-position: 0 -48px !important;
}
.i-top6 {
width: 5px;
height: 9px;
background-position: 0 -56px !important;
}
.i-top7 {
width: 7px;
height: 13px;
background-position: 0 -68px !important;
}
.i-top8 {
width: 9px;
height: 12px;
background-position: -15px 0 !important;
}
.i-top9 {
width: 9px;
height: 12px;
background-position: -15px -15px !important;
}
.i-top10 {
width: 17px;
height: 17px;
background-position: -15px -30px !important;
}
.i-top11 {
width: 17px;
height: 17px;
background-position: -15px -50px !important;
}
.i-top12 {
width: 13px;
height: 13px;
background-position: -15px -70px !important;
}
.i-top13 {
width: 16px;
height: 16px;
background-position: -35px 0 !important;
}
.i-top14 {
width: 16px;
height: 16px;
background-position: -35px -21px !important;
}
.i-top15 {
width: 15px;
height: 18px;
background-position: -35px -45px !important;
}
.i-top16 {
width: 18px;
height: 18px;
background-position: -34px -70px !important;
}
.i-top17 {
width: 12px;
height: 12px;
background-position: 0 -85px !important;
}
.i-top18 {
width: 8px;
height: 13px;
background-position: 0 -100px !important;
}
.i-top19 {
width: 8px;
height: 13px;
background-position: -10px -100px !important;
}
.i-top20 {
width: 8px;
height: 13px;
background-position: -20px -100px !important;
}
.i-top21 {
width: 8px;
height: 13px;
background-position: -30px -100px !important;
}
.i-top22 {
width: 24px;
height: 21px;
background-position: -55px 0 !important;
}
.i-top23 {
width: 24px;
height: 21px;
background-position: -55px -25px !important;
}
.i-top24 {
width: 20px;
height: 17px;
background-position: -55px -50px !important;
}
.i-top25 {
width: 14px;
height: 14px;
background-position: -66px -70px !important;
}
.i-top26 {
width: 11px;
height: 14px;
background-position: -53px -70px !important;
}
/* ico-char */
.i-char1 {
width: 19px;
height: 18px;
background-position: 0 0 !important;
}
.i-char2 {
width: 19px;
height: 18px;
background-position: 0 -25px !important;
}
.i-char3 {
width: 12px;
height: 12px;
background-position: 0 -50px !important;
}
.i-char4 {
width: 12px;
height: 12px;
background-position: 0 -70px !important;
}
.i-char5 {
width: 36px;
height: 32px;
background-position: -25px 0 !important;
}
.i-char6 {
width: 25px;
height: 23px;
background-position: -25px -40px !important;
}
.i-char7 {
width: 17px;
height: 15px;
background-position: -25px -70px !important;
}
.i-char8 {
width: 14px;
height: 14px;
background-position: -60px -40px !important;
}
.i-char9 {
width: 16px;
height: 24px;
background-position: -58px -60px !important;
}
.i-char10 {
width: 14px;
height: 14px;
background-position: -39px -90px !important;
}
.i-char11 {
width: 16px;
height: 16px;
background-position: -58px -90px !important;
}
.i-char12 {
width: 20px;
height: 28px;
background-position: 0 -110px !important;
}
.i-char13 {
width: 20px;
height: 28px;
background-position: -25px -110px !important;
}
/* .ico-operator.i-zan { width: 30px; height: 30px; background-position: 0 0; }
.ico-operator.i-fankui { width: 26px; height: 26px; background-position: 0 -35px; }
.ico-operator.i-fankui2 { width: 26px; height: 26px; background-position: 0 -65px; }
.ico-operator.i-sina { width: 22px; height: 22px; background-position: 0 -95px; }
.ico-operator.i-qzone { width: 22px; height: 22px; background-position: 0 -120px; }
.ico-operator.i-wechat { width: 22px; height: 22px; background-position: 0 -145px; } */
/* ico-operator */
.ico-operator.i-zan {
width: 30px;
height: 30px;
background-position: 0 0 !important;
}
.ico-operator.i-fankui {
width: 26px;
height: 26px;
background-position: 0 -35px !important;
}
.ico-operator.i-fankui2 {
width: 26px;
height: 26px;
background-position: 0 -65px !important;
}
.ico-operator.i-community {
width: 26px;
height: 26px;
background-position: 0 -230px !important;
}
.ico-operator.i-community2 {
width: 26px;
height: 26px;
background-position: 0 -260px !important;
}
.ico-operator.i-sina {
width: 22px;
height: 22px;
background-position: 0 -95px !important;
}
.ico-operator.i-qzone {
width: 22px;
height: 22px;
background-position: 0 -120px !important;
}
.ico-operator.i-wechat {
width: 22px;
height: 22px;
background-position: 0 -145px !important;
}
.ico-operator.i-phone {
width: 26px;
height: 26px;
background-position: 0 -170px !important;
}
.ico-operator.i-hot {
width: 13px;
height: 18px;
background-position: 0 -290px !important;
}
/**/
.red-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #ec3b3b;
}
.arrow {
display: inline-block;
width: 0;
height: 0;
font-size: 0;
line-height: 0;
vertical-align: -2px;
border: 0 dashed transparent;
border-width: 6px;
}
/* form */
.input-txt {
position: relative;
z-index: 10;
}
.input-txt .tips {
position: absolute;
z-index: -1;
}
.input-txt .txt {
background-color: rgba(0, 0, 0, 0);
}
.input-txt-focus {
border-color: #f17116 !important;
}
/* btn */
.btn {
height: 32px;
background-color: #f17116;
border-radius: 16px;
font-size: 14px;
line-height: 32px;
text-align: center;
color: #fff;
cursor: pointer;
}
.btn-red {
background-color: #ec3b3b;
}
.btn:hover {
background-color: #3e80ff;
color: #fff;
}
.btn-red:hover {
background-color: #f66a6a;
}
.btn-line,
.btn-disable {
height: 30px;
border: 1px solid #000;
color: #000;
background: none;
}
.btn-line:hover {
border-color: #f17116;
color: #f17116;
background: none;
}
.btn-line.btn-red {
border-color: #ec3b3b;
color: #ec3b3b;
background: none;
}
.btn-line.btn-red:hover {
background-color: #ec3b3b;
color: #fff;
}
.btn-line.btn-blue {
border-color: #f17116;
color: #f17116;
background: none;
}
.btn-line.btn-blue:hover {
background-color: #f17116;
color: #fff;
}
.btn-disable,
.btn-disable:hover {
background-color: #f5f5f5;
border-color: #eee;
color: #ccc;
}
/* color */
.bg-ff {
background-color: #fff;
}
.bg-f8 {
background-color: #f8f8f8;
}
.box-shadow {
background-color: #fff;
-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .05);
box-shadow: 0 4px 20px rgba(0, 0, 0, .05);
}
.box-shadow2 {
background-color: #fff;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}
.borb1 {
border-bottom: 1px solid #eee;
}
.s-blue {
color: #f17116 !important;
}
.s-red {
color: #ec3b3b !important;
}
.s-c0 {
color: #000 !important;
}
.s-c2 {
color: #222 !important;
}
.s-c3 {
color: #333 !important;
}
.s-c6 {
color: #666 !important;
}
.s-c9 {
color: #999 !important;
}
.s-cb {
color: #bbb !important;
}
a.s-red:hover,
a.s-c0:hover,
a.s-c2:hover,
a.s-c3:hover,
a.s-c6:hover,
a.s-c9:hover,
a.s-cb:hover {
color: #f17116 !important;
}
a.s-blue:hover {
color: #ec3b3b !important;
}
/* margin , padding */
.ma {
margin-left: auto;
margin-right: auto;
}
.ml5 {
margin-left: 5px;
}
.ml10 {
margin-left: 10px;
}
.mr0 {
margin-right: 0 !important;
}
.mr5 {
margin-right: 5px;
}
.mr10 {
margin-right: 10px;
}
.mr15 {
margin-right: 15px;
}
.mr20 {
margin-right: 20px;
}
.mr25 {
margin-right: 25px;
}
.mr30 {
margin-right: 30px;
}
.mr40 {
margin-right: 40px;
}
.mt15 {
margin-top: 15px;
}
.mt20 {
margin-top: 20px;
}
.mt25 {
margin-top: 25px;
}
.mt30 {
margin-top: 30px;
}
.mt40 {
margin-top: 40px;
}
.mb15 {
margin-bottom: 15px;
}
.pl30 {
padding-left: 30px;
}
.pr30 {
padding-right: 30px;
}
.pb40 {
padding-bottom: 40px;
}
.p20 {
padding: 20px;
}
.pt10 {
padding-top: 10px !important;
}
.pt20 {
padding-top: 20px !important;
}
.pt30 {
padding-top: 30px !important;
}
.pb20 {
padding-bottom: 20px;
}
/* */
.tab-nav span {
cursor: pointer;
}
.w1200 {
width: 1200px;
}
.w1225 {
width: 1225px;
}
.fl {
float: left;
}
.fr {
float: right;
}
.block {
display: block;
}
.none {
display: none;
}
.hidden {
visibility: hidden;
}
.ovh {
overflow: hidden;
}
.img-block img {
display: block;
width: 100%;
height: 100%;
}
.img-block-round img {
border-radius: 50%;
}
.blur {
-webkit-filter: blur(10px);
filter: blur(10px);
}
/*模糊*/
.transit {
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.border-box {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#bg-white,
#bg-black {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1000;
opacity: .3;
filter: alpha(opacity=30);
}
#bg-white {
background-color: #fff;
}
#bg-black {
background-color: #000;
}
/* drop-down */
.drop-down {
position: relative;
cursor: pointer;
}
.drop-down .drop-txt {
overflow: hidden;
position: relative;
font-size: 14px;
color: #999;
}
.drop-down .drop-txt .i-top3 {
position: absolute;
margin-top: 0;
}
.drop-down .drop-all {
position: absolute;
left: 0;
right: 0;
background-color: #fff;
-webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, .15);
box-shadow: 0 2px 20px rgba(0, 0, 0, .15);
border-radius: 4px;
overflow-x: hidden;
overflow-y: scroll;
}
.drop-down .drop-all p {
overflow: hidden;
}
.drop-down .drop-all p:hover {
background-color: #f5f5f5;
}
.drop-down .drop-all p.cur {
background-color: #f17116;
color: #fff;
}
/**/
.drop-down.normal {
float: left;
width: 120px;
}
.drop-down.normal .drop-txt {
height: 30px;
line-height: 32px;
padding: 0 25px 0 9px;
border: 1px solid #eee;
}
.drop-down.normal .drop-txt .i-top3 {
top: 14px;
right: 9px;
}
.drop-down.normal .drop-all {
top: 32px;
height: 200px;
}
.drop-down.normal .drop-all p {
padding: 0 10px;
}
.drop-down-show {
z-index: 10;
}
/**/
.drop-down-disable {
background-color: #f5f5f5;
}
/* updown-roll-bar */
/* .updown-roll-bar {} */
.updown-roll-bar .ovh {
position: relative;
}
.updown-roll-bar .ovh .roll-nr {
position: absolute;
left: 0;
top: 0;
}
/* shortcut-bar */
.shortcut-bar {
line-height: 38px;
position: relative;
z-index: 800;
}
.shortcut-bar .hidden {
opacity: 0;
}
/*shor-diqu*/
.shor-diqu {
position: relative;
}
.shor-diqu .dq-btn {
padding: 0 10px;
font-size: 12px;
color: #999;
cursor: pointer;
}
.shor-diqu .dq-btn span {
margin: 0 4px 0 5px;
}
.shor-diqu .dq-btn .i-top3 {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.shor-diqu.hover .dq-btn {
background-color: #f17116;
color: #fff;
}
.shor-diqu.hover .dq-btn .i-top1 {
background-position: 0 -16px;
}
.shor-diqu.hover .dq-btn .i-top3 {
background-position: 0 -40px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
/**/
.dq-popup {
position: absolute;
left: 0;
top: 58px;
width: 510px;
min-height: 330px;
padding-bottom: 20px;
}
.dq-popup dl {
padding: 27px 0 0;
font-size: 16px;
}
.dq-popup dl dt {
padding: 0 30px;
line-height: 20px;
color: #999;
margin-bottom: 7px;
}
.dq-popup dl dd {
overflow: hidden;
padding: 0 15px;
}
.dq-popup dl dd a {
float: left;
line-height: 32px;
white-space: nowrap;
margin: 0 14px;
}
/**/
.dq-search-bar {
margin-top: 30px;
}
.dq-search-bar .search-input {
height: 32px;
background-color: #eee;
border-radius: 16px;
position: relative;
padding: 0 20px 0 40px;
}
.dq-search-bar .search-input .i-top12 {
position: absolute;
left: 9px;
top: 13px;
}
.dq-search-bar .search-input input {
display: block;
width: 100%;
height: 32px;
line-height: 32px;
font-size: 14px;
text-align: center;
}
.dq-search-bar .search-input .tips {
line-height: 32px;
left: 50%;
top: 0;
margin-left: -135px;
}
.dq-search-bar .search-txt {
min-height: 24px;
line-height: 24px;
padding: 10px 0;
}
.dq-search-bar .search-txt a {
display: inline-block;
font-size: 16px;
margin: 0 7px;
}
/**/
/* .dq-down-bar { } */
.dq-down-bar strong {
display: block;
font-size: 16px;
color: #999;
line-height: 20px;
margin-bottom: 17px;
}
.dq-down-bar .drop-down {
width: 140px;
background-color: #eee;
border-radius: 16px;
cursor: pointer;
}
.dq-down-bar .drop-down .drop-txt {
height: 32px;
line-height: 32px;
padding: 0 35px 0 19px;
}
/* .dq-down-bar .drop-down .drop-txt span { } */
.dq-down-bar .drop-down .drop-txt .i-top3 {
top: 16px;
right: 15px;
}
.dq-down-bar .drop-down .drop-all {
top: 32px;
height: 200px;
}
.dq-down-bar .drop-down .drop-all p {
padding: 0 19px;
line-height: 40px;
height: 40px;
border-bottom: 1px solid #eee;
}
.dq-down-bar .drop-down .drop-all p:hover {
background-color: #f5f5f5;
}
.dq-down-bar .drop-down .drop-all p.cur {
background-color: #f17116;
color: #fff;
}
.dq-down-bar .btn {
width: 140px;
}
/*shor-link*/
.shor-link {
margin-left: 20px;
}
.shor-link li {
float: left;
font-size: 12px;
position: relative;
}
.shor-link li a {
float: left;
color: #999;
padding: 0 10px;
}
.shor-link li a:hover {
background-color: #f17116;
color: #fff;
}
.contentWraper {
width: 100%;
position: absolute;
background-color: #FFFFFF;
border: 1px solid red;
display: none;
padding: 20px 30px;
box-sizing: border-box;
top: 36px;
}
/*r-shor*/
/* .r-shor {} */
.r-shor .i-top8 {
margin-right: 10px;
}
.r-shor .link {
float: left;
font-size: 12px;
color: #999;
padding: 0 10px;
position: relative;
cursor: pointer;
}
.r-shor .link .red-dot {
position: absolute;
top: 10px;
right: 4px;
}
.r-shor .link:hover,
.r-shor .link.hover,
.r-shor .user-bar.hover .link {
background-color: #f17116;
color: #fff !important;
}
.r-shor .link:hover .i-top8 {
background-position: -15px -15px !important;
}
/**/
.r-shor .user-bar {
position: relative;
}
.r-shor .user-bar .popup-user {
position: absolute;
top: 58px;
left: 50%;
margin-left: -150px;
width: 300px;
height: 340px;
}
.popup-user .yonghu {
padding-top: 30px;
}
.popup-user .yonghu img {
display: block;
width: 64px;
height: 64px;
border-radius: 50%;
margin: auto;
}
.popup-user .yonghu p {
font-size: 18px;
text-align: center;
margin-top: 10px;
}
.popup-user .btn {
display: block;
width: 120px;
height: 28px;
line-height: 28px;
font-size: 14px;
color: #fff;
margin: auto;
}
.popup-user .erwei {
margin-top: 30px;
}
.popup-user .erwei img {
display: block;
width: 86px;
height: 86px;
margin: auto;
}
.popup-user .erwei p {
font-size: 16px;
color: #999;
text-align: center;
}
.popup-user .lr-link {
padding: 25px 50px 0;
overflow: hidden;
}
.popup-user .lr-link li {
float: left;
width: 50%;
line-height: 30px;
text-align: center;
}
.popup-user .lr-link li a {
font-size: 16px;
position: relative;
}
.popup-user .lr-link li a .red-dot {
position: absolute;
top: -3px;
right: -6px;
}
/* logo-bar */
.logo-bar {
position: relative;
width: 100%;
z-index: 700;
}
.logo-bar .logo {
float: left;
height: 45px;
margin-right: 35px;
margin-top: 20px;
}
/*menu-nav*/
.logo-bar .menu-nav {
float: left;
}
.logo-bar .menu-nav li {
float: left;
}
.logo-bar .menu-nav li a {
float: left;
font-size: 18px;
line-height: 90px;
padding: 0 15px;
}
.logo-bar .menu-nav li.cur a,
.logo-bar .menu-nav li.ct a {
color: #f17116;
}
.logo-bar .popup-mn {
position: absolute;
left: 0;
top: 110px;
right: 0;
border-top: 1px solid #eee;
}
.logo-bar .menu-middle {
position: absolute;
left: 50%;
top: 0;
}
/*p-nav*/
.p-nav {
min-height: 30px;
padding: 15px 0;
}
.p-nav span {
display: inline-block;
padding: 0 30px;
}
.p-nav span a {
display: inline-block;
font-size: 16px;
line-height: 30px;
}
.p-nav .line {
display: inline-block;
width: 1px;
height: 22px;
background-color: #eee;
vertical-align: middle;
margin-top: -3px;
}
/*p-search*/
.p-search {
padding: 15px 0;
}
.p-search .input-txt {
display: block;
font-size: 16px;
position: relative;
padding-right: 160px;
}
.p-search .input-txt input {
text-align: center;
width: 100%;
height: 28px;
line-height: 28px;
}
.p-search .input-txt .tips {
left: 50%;
margin-left: -180px;
color: #ddd;
line-height: 28px;
}
.p-search .input-txt .r-b {
position: absolute;
top: 0;
right: 0;
line-height: 28px;
*width: 130px;
}
.p-search .input-txt .r-b .btn {
width: 100px;
height: 28px;
line-height: 28px;
margin-left: 10px;
}
/**/
.search-tag {
padding-top: 10px;
}
.search-tag a {
display: inline-block;
line-height: 40px;
margin: 4px;
padding: 0 20px;
background-color: #fff;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
/* .search-tag a:hover {} */
/**/
.p-search .hot-shou {
font-size: 14px;
color: #bbb;
margin-top: 7px;
}
.p-search .hot-shou a {
margin: 0 10px;
}
/*p-daohang*/
.p-daohang {
padding: 27px 0 30px;
}
.p-daohang dl {
float: left;
position: relative;
}
.p-daohang dt {
padding-bottom: 10px;
}
.p-daohang dd.h160 {
height: 160px;
overflow: hidden;
}
.p-daohang dd a {
float: left;
line-height: 32px;
color: #666;
white-space: nowrap;
}
.p-daohang dd.line {
position: absolute;
right: 0;
bottom: 10px;
width: 1px;
height: 142px;
background-color: #eee;
}
.p-daohang dl.dh1 {
width: 370px;
padding: 0 12px 0 60px;
}
.p-daohang dl.dh1 dt {
padding-left: 12px;
padding-right: 12px;
}
.p-daohang dl.dh1 dd a {
width: 42px;
text-align: center;
margin: 0 5px;
}
.p-daohang dl.dh2 {
width: 240px;
padding-left: 20px;
padding-right: 16px;
}
.p-daohang dl.dh2 dt,
.p-daohang dl.dh3 dt {
padding-left: 10px;
padding-right: 10px;
}
.p-daohang dl.dh2 dd a,
.p-daohang dl.dh3 dd a {
width: 60px;
margin: 0 10px;
}
.p-daohang dl.dh3 {
width: 170px;
padding-left: 20px;
padding-right: 5px;
}
.p-daohang dl.dh4 {
width: 200px;
padding-left: 30px;
}
.p-daohang dl.dh4 .w60 {
float: left;
width: 60px;
margin-right: 25px;
}
.p-daohang dl.dh4 .w88 {
float: left;
width: 88px;
}
.p-daohang dl a:hover {
color: #f17116;
}
/*r-handle*/
/**/
.copyright {
font-size: 12px;
color: #444;
line-height: 24px;
margin-top: 7px;
}
.copyright img {
display: inline-block;
vertical-align: middle;
margin-top: -3px;
}
.copyright a {
margin: 0 5px;
color: #444;
}
.copyright a .i-top17 {
margin-right: 5px;
}
.copyright a:hover {
color: #f17116;
}
/**/
.footer-ny .copyright {
padding-top: 13px;
border-top: 1px solid #000;
margin-top: 30px;
}
/* nav-f18 */
.nav-f18 {
height: 28px;
font-size: 18px;
line-height: 28px;
overflow: hidden;
}
/* åž‚ç›´å±…ä¸ */
.center-box {}
.center-box .center-hack {
display: inline-block;
*display: inline;
font-size: 0;
width: 0;
height: 100%;
vertical-align: middle;
}
.center-box .center-body {
display: inline-block;
/* width: 100%; */
letter-spacing: normal;
word-spacing: normal;
white-space: normal;
word-wrap: break-word;
font-size: 12px;
vertical-align: middle;
}
/* 2018-06-26 咨询æ ç›®æ·»åŠ */
.logo-zixun {
float: left;
width: 76px;
height: 22px;
line-height: 22px;
margin: 33px 0 0 20px;
}
/* 2018-08-27 å¢žåŠ åˆ†äº« 点赞 å馈 */
/* ico-feedba */
.ico-feedba {
display: inline-block;
vertical-align: middle;
margin-top: -3px;
background: url('../../images/2018/ico-feedba.png') no-repeat;
}
.i-feedba1 {
width: 16px;
height: 18px;
background-position: 0 0;
}
.i-feedba2 {
width: 17px;
height: 18px;
background-position: -30px 0;
}
.i-feedba3 {
width: 16px;
height: 18px;
background-position: -60px 0;
}
.i-feedba4 {
width: 24px;
height: 24px;
background-position: 0 -30px;
}
.i-feedba5 {
width: 24px;
height: 19px;
background-position: -30px -30px;
}
.i-feedba6 {
width: 10px;
height: 10px;
background-position: 0 -60px;
}
.i-feedba7 {
width: 12px;
height: 12px;
background-position: -20px -60px;
}
/* share */
.share-opera-box {
position: relative;
padding-top: 20px;
}
/* operate */
.operate-box {
text-align: center;
}
.operate-box a {
display: inline-block;
margin: 0 10px;
padding: 0 19px;
height: 34px;
line-height: 34px;
border: 1px solid #ddd;
border-radius: 18px;
font-size: 14px !important;
color: #666;
}
.operate-box a em {
font-style: normal;
}
.share-opera-box .share-box {
display: none;
position: absolute;
z-index: 5;
left: 50%;
bottom: -50px;
margin-left: 25px;
padding: 15px;
background-color: #fff;
-webkit-box-shadow: 0 8px 16px rgba(44, 56, 65, 0.2);
box-shadow: 0 8px 16px rgba(44, 56, 65, 0.2);
}
.share-opera-box .share-box:before {
position: absolute;
bottom: 60px;
left: -16px;
border: 8px solid transparent;
content: '';
border-right-color: #fff;
}
.share-opera-box .share-box a {
display: block;
margin-bottom: 15px;
line-height: 24px;
font-size: 12px;
color: #999;
}
.share-opera-box .share-box a .ico-feedba {
margin-right: 16px;
}
.share-opera-box .share-box img {
display: block;
margin: auto;
width: 100px;
height: 100px;
}
.fank-pop {
display: none;
position: absolute;
left: 50%;
bottom: 60px;
z-index: 4;
margin-left: -159px;
padding: 25px;
width: 288px;
text-align: center;
background-color: #fff;
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
}
.fank-pop:before {
position: absolute;
bottom: -16px;
left: 50%;
margin-left: -8px;
border: 8px solid transparent;
content: '';
border-top-color: #fff;
}
.fank-pop .t {
font-size: 14px;
font-weight: bold;
}
.fank-pop .b {
overflow: hidden;
}
.fank-pop .b a {
float: left;
padding: 0 5px;
min-width: 64px;
margin: 20px 10px 0;
font-size: 12px;
white-space: nowrap;
word-break: break-all;
word-wrap: break-word;
height: 32px;
line-height: 32px;
border: 1px solid #ddd;
border-radius: 2px;
}
.fank-pop .b a:hover {
color: #3560e6;
border-color: #3560e6;
}
.fank-box {
position: relative;
margin-left: 30px;
}
.fank-box .fank-btn .ico-feedba {
margin-right: 5px;
margin-top: -2px;
}
.fank-box .fank-btn:hover {
color: #317fcc;
}
.fank-box .fank-pop {
bottom: 30px;
margin-left: -170px;
}
.fank-box-right {
position: absolute;
top: 25px;
right: 30px;
}
/* 2018-09-25 旧版 css çš„ topbar 被jsè°ƒç”¨æŠ–åŠ¨ï¼Œå’Œæ–°ç‰ˆå†²çª */
body {
----padding-top: 38px !important;
}
.shortcut-bar {
position: absolute;
left: 0;
top: 0;
right: 0;
}
/* 2018-09-25 å…¨éƒ¨ä¸“é•¿ï¼ŒæŒ‰åœ°åŒºæ‰¾å¾‹å¸ˆæ ·å¼ */
.mt60 {
margin-top: 70px;
}
/* nav-f30 */
.nav-citynew-f30 {
font-size: 30px;
line-height: 50px;
height: 50px;
}
.nav-citynew-f30 b {
margin-right: 10px;
}
/* search */
.search-h50 {
width: 678px;
height: 48px;
line-height: 48px;
font-size: 16px;
border: 1px solid #bfbfbf;
border-radius: 4px;
padding: 0 130px 0 50px;
}
.search-h50 .txt {
display: block;
width: 100%;
height: 20px;
padding: 14px 0;
}
.search-h50 .i-top10 {
position: absolute;
left: 20px;
top: 16px;
margin-top: 0;
}
.search-h50 .btn {
position: absolute;
top: -1px;
right: -1px;
width: 100px;
height: 50px;
border-radius: 0 4px 4px 0;
}
/* tui-tag */
.tui-tag {
font-size: 18px;
line-height: 40px;
}
.tui-tag a {
float: left;
margin-right: 30px;
}
/* table-type */
.table-type {
border: 1px solid #bfbfbf;
border-radius: 4px;
overflow: hidden;
}
.table-type dl {
border-bottom: 1px solid #dfdfdf;
position: relative;
padding-left: 149px;
}
.table-type dt.center-box {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 148px;
border-right: 1px solid #dfdfdf;
text-align: center;
}
.table-type dt.center-box .center-body {
font-size: 20px;
}
.table-type dd {
padding: 14px 30px 14px 50px;
position: relative;
}
.table-type dd .arrow {
position: absolute;
top: 50%;
left: 0;
margin-top: -7px;
display: none;
border-width: 7px;
border-left-style: solid;
border-left-color: #f17116;
}
.table-type dd a {
float: left;
white-space: nowrap;
font-size: 14px;
color: #666;
line-height: 32px;
margin-right: 20px;
}
.table-type dd a:hover {
color: #f17116;
}
.table-type dl:hover dt {
background-color: #f17116;
border-color: #f17116;
color: #fff;
font-weight: 600;
}
.table-type dd:hover {
background-color: #f1f1f1;
}
.table-type dd:hover .arrow {
display: block;
}
/**/
.table-type-diqu dl {
padding: 13px 0 13px 80px;
}
.table-type-diqu dt.center-box {
width: 79px;
color: #999;
}
.table-type-diqu dt.center-box .center-body {
font-size: 24px;
font-weight: 600;
}
.table-type-diqu dd {
position: relative;
padding: 5px 50px 5px 245px;
min-height: 32px;
}
.table-type-diqu dd strong {
position: absolute;
left: 0;
top: 10px;
width: 180px;
font-size: 18px;
text-align: right;
}
.table-type-diqu dd .arrow {
top: 13px;
margin-top: 0;
}
.table-type-diqu dd .more-btn {
font-size: 12px;
color: #999;
line-height: 32px;
cursor: pointer;
}
.table-type-diqu dd .shi-bar .more-btn {
float: left;
}
.table-type-diqu dd a {
color: #333;
}
.table-type-diqu dl:hover {
background-color: #f1f1f1;
}
.table-type-diqu .quxian-bar li {
overflow: hidden;
}
.table-type-diqu .quxian-bar li span {
float: left;
line-height: 32px;
font-weight: 600;
margin-right: 15px;
}
.table-type-diqu .quxian-bar li a {
color: #999;
margin-right: 15px;
}
.table-type-diqu .quxian-bar li a:hover {
color: #f17116;
}
.table-type-diqu .quxian-bar .more-btn {
float: right;
}
.table-type-diqu .quxian-bar .more-btn .i-top3 {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.city-nav-nopadding {
padding-top: 0px !important;
}
.table-type dd span {
float: left;
white-space: nowrap;
font-size: 14px;
color: #333;
line-height: 32px;
margin-right: 20px;
}
.city-list-input-keyword {
position: absolute;
top: 50px;
left: 170px;
background: #fff;
padding: 20px;
-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
font-size: 16px;
line-height: 24px;
width: 820px;
text-align: center;
border-radius: 0 0 4px 4px;
}
.city-list-input-keyword a {
margin-right: 15px;
}
.table-type dd strong a {
position: absolute;
left: 0;
top: 10px;
width: 180px;
font-size: 18px;
text-align: right;
line-height: 0;
}
.diqu-city-strong-a {
color: #333 !important;
margin-right: 0 !important;
}
/* 2018-09-27 #3771 首页优化è¿ä»£ */
.shor-link li a.s-blue:hover {
color: #fff !important;
}
/* topBar çš„ r-menu */
.r-menu {
font-size: 12px;
color: #999;
padding: 0 10px;
cursor: pointer;
}
.r-menu .i-top3 {
margin-left: 5px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.r-menu.cur {
background-color: #f17116;
color: #fff;
}
.r-menu.cur .i-top3 {
background-position: 0 -40px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.shortcut-bar .popup-mn {
position: absolute;
left: 0;
top: 58px;
right: 0;
display: none;
}
/* topBar 的 dq-popup 地区修改 */
.dq-popup {
width: 610px;
height: auto;
}
.dq-popup dl dd {
font-size: 14px;
}
.dq-popup dl dd a {
margin-right: 4px;
}
.dq-popup dl dd .tab-zimu {
height: 32px;
line-height: 32px;
}
.dq-popup dl dd .tab-zimu span {
font-size: 16px;
color: #333;
font-weight: 600;
margin-left: 14px;
cursor: pointer;
}
.dq-popup dl dd .tab-zimu span.cur {
color: #f17116;
}
.all-menu:hover {}
.fr {
float: right;
}
.logo-bar .r-handle span {
line-height: 90px;
}
.logo-bar .r-handle span {
float: left;
height: 90px;
padding: 0 10px;
cursor: pointer;
margin-left: 10px;
}
.logo-bar .r-handle span .ico-topbar,
.logo-bar .r-handle a .ico-topbar {
display: inline-block;
margin: -2px 10px 0 0;
}
.logo-bar .r-handle a {
float: left;
height: 90px;
line-height: 90px;
padding: 0 10px;
cursor: pointer;
margin-left: 10px;
}
.friend-link-wrap {
width: 100%;
background: #FFF;
padding-top: 5px;
padding-bottom: 10px;
}
.mt40 {
margin-top: 20px;
}
.current_t {
width: 1200px;
margin: 0px auto;
}
/* friendship-links */
.friendship-links {
position: relative;
padding-left: 92px;
line-height: 28px;
min-height: 28px;
margin-bottom: 10px;
overflow: hidden;
}
.friendship-links .label {
position: absolute;
top: 0;
left: 0;
color: #222;
font-size: 14px;
font-weight: bold;
width: 90px;
}
.friendship-links .friendship-links .label {
color: #aaa;
font-weight: normal;
}
.friendship-con {
position: relative;
padding-right: 44px;
min-height: 28px;
}
.friendship-con .zk-btn {
display: none;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
color: #ff6e00;
font-size: 12px;
}
.friendship-con .zk-btn .ico-boult {
margin-left: 3px;
}
.friendship-con .sq-btn .ico-boult {
background-position: 0 -10px;
}
.friendship-con .ovh {
height: 28px;
overflow: hidden;
-webkit-transition: height .3s linear;
transition: height .3s linear;
}
.friend-link-con {
overflow: hidden;
}
.friend-link-con a {
float: left;
white-space: nowrap;
margin-right: 20px;
font-size: 14px;
color: #666;
}
.friend-link-con a:hover {
color: #ff6e00;
}
.ico-boult {
display: inline-block;
vertical-align: middle;
margin-top: -3px;
background: url('./img/ico-boult.png') no-repeat;
}
.i-bot1,
.i-bot2 {
width: 9px;
height: 5px;
}
.i-bot1 {
background-position: 0 0;
}
.i-bot2 {
background-position: 0 -10px;
}
.mb25 {
margin-bottom: 25px;
}
.nav-blue-line {
position: relative;
padding-left: 14px;
line-height: 24px;
height: 24px;
}
.nav-blue-line:before {
position: absolute;
left: 0;
background-color: #ff6e00;
content: '';
}
.nav-blue-line.f20:before {
top: 5px;
width: 4px;
height: 16px;
}
.footer {
padding-bottom: 40px;
width: 100%;
background: rgba(28, 28, 28, 1);
}
.footer .ft-k4 {
padding-top: 50px;
margin-bottom: 40px;
}
.footer .ft-k4 .logo {
display: block;
margin-right: 60px;
padding-top: 42px;
width: 161px;
}
.footer .ft-k4 .logo a,
.footer .ft-k4 .logo img {
display: block;
width: 161px;
height: 109px;
}
.footer .ft-k4 .milddle {
border-left: 1px solid #242424;
padding-left: 60px;
width: 295px;
}
.footer .ft-k4 .milddle .txt-a {
font-size: 14px;
color: #999;
}
.footer .ft-k4 .milddle .txt-b {
font-size: 24px;
color: #f8f8f8;
line-height: 28px;
margin-top: 7px;
}
.footer .ft-k4 .milddle .btn {
float: left;
width: 80px;
height: 24px;
line-height: 24px;
font-size: 12px;
margin: 10px 10px 0 0;
}
.footer .ft-k4 .milddle .txt-c {
margin-top: 25px;
font-size: 14px;
color: #999;
}
.footer .ft-k4 .milddle .txt-d {
margin-top: 5px;
font-size: 18px;
color: #f8f8f8;
line-height: 24px;
}
.footer .ft-k4 .link {
margin-right: 100px;
font-size: 14px;
}
.footer .ft-k4 .link .dt {
color: #fff;
font-weight: bold;
}
.footer .ft-k4 .link a {
display: block;
margin-top: 15px;
color: #666;
}
.footer .ft-k4 .link a:hover {
color: #ff6e00;
}
.footer .ft-k4 .our dt {
font-size: 14px;
color: #fff;
font-weight: bold;
margin-left: 5px;
}
.footer .ft-k4 .our dd {
margin-top: 19px;
text-align: center;
}
.footer .ft-k4 .our dd .ecod {
display: block;
margin: auto;
width: 90px;
height: 90px;
}
.footer .ft-k4 .our dd .txt {
font-size: 12px;
color: #666;
margin-top: 15px;
}
.footer .ft-k4 .our .mr60 {
margin-right: 60px;
}
.w1200 {
width: 1200px;
}
.ma {
margin-left: auto;
margin-right: auto;
}
.bei .wrapCont {
padding-top: 10px;
margin: 0 auto;
}
.bei .wrapCont {
padding-top: 10px;
margin: 0 auto;
text-align: center;
}
.bei a {
height: 23px;
line-height: 23px;
display: inline-block;
padding-left: 26px;
color: #b7b7b7;
padding-right: 10px;
font-size: 12px;
text-align: left;
}
.bei {
padding-bottom: 10px;
background: rgba(28, 28, 28, 1);
text-align: center;
width: 100%;
position: relative;
}
.bei img {
margin-right: 10px;
}
.bei a.kex1 {
background: url(https://wwwupload.gaodunwangxiao.com/images/kex1.png) no-repeat;
}
.bei a.kex2 {
background: url(https://wwwupload.gaodunwangxiao.com/images/kex2.png) no-repeat;
}
.bei a.kex3 {
background: url(https://wwwupload.gaodunwangxiao.com/images/kex3.png) no-repeat;
}
.bei a.kex4 {
background: url(https://wwwupload.gaodunwangxiao.com/images/kex4.png) no-repeat;
}
.bei a.kex5 {
background: url(https://wwwupload.gaodunwangxiao.com/images/kex5.png) no-repeat;
}
.bei a.kex6 {
background: url(https://wwwupload.gaodunwangxiao.com/images/kex6.png) no-repeat;
}
.bei a.kex7 {
background: url(https://wwwupload.gaodunwangxiao.com/images/kex7.png) no-repeat;
}
.bei a.kex8 {
background: url(https://wwwupload.gaodunwangxiao.com/images/kex8.png) no-repeat;
}
.bei a.kex9 {
background: url(https://wwwupload.gaodunwangxiao.com/images/kex9.png) no-repeat;
}
.bei a.kex315 {
background: url(https://wwwupload.gaodunwangxiao.com/images/kex315.png) no-repeat;
}
.bei a.kex-gs {
background: url(https://wwwimg.gaodunwangxiao.com/share/images/kex-gs.png) no-repeat;
}
.bei a.new-kex {
padding-left: 0;
}
.alignC {
text-align: center;
}
.swiper_cardHover {
height: 300px !important;
position: relative;
}
.swiper-pagination {
bottom: -11px !important;
}
.bkzn_modal,
.bkzn_selectprefix {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: none;
z-index: 3333;
background-color: rgba(0, 0, 0, .15);
}
.bkzn_login,
.bkzn_selectprefix_content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 576px;
height: 540px;
background: url(../images/login_bg.png) no-repeat center center;
z-index: 222;
display: flex;
flex-direction: column;
align-items: center;
box-sizing: border-box;
padding-top: 222px;
box-sizing: border-box;
}
.contentWidth {
width: 40px;
text-align: left;
font-size: 18px;
border-bottom: 2px solid rgb(249, 98, 3);
color: rgb(249, 98, 3);
padding-bottom: 5px;
}
.submitMessage {
position: relative;
}
.submitMessage::after {
content: "";
position: absolute;
display: block;
width: 300px;
top: -36px;
color: #bbb;
font-size: 18px;
}
.prefixType {
color: #222;
font-size: 30px;
font-style: normal;
font-weight: 500;
line-height: 30px;
margin-bottom: 32px;
}
.content-select {
display: flex;
align-items: center;
}
.checkouboxIds {
width: 30%;
}
/* .checkouboxIds {
color: #F96203 !important
} */
.user-mask-download {
display: block;
margin-top: 30px;
background-image: url(https://www.cfa.cn/skin/images/CFA_03.png);
background-repeat: no-repeat;
background-size: contain;
height: 19px;
width: 275px;
}
/*2022新增加头部底部*/
.header_top {
padding: 17px 0;
background: #F4F6FF;
}
.header_top div {
width: 1200px;
margin: 0 auto;
display: flex;
justify-content: flex-end;
align-items: center;
}
.header_top div ul {
display: inline-flex;
align-items: center;
justify-content: flex-end;
overflow: hidden;
border: 1px solid #E9EDFB;
border-radius: 3px;
}
.header_top div ul li a {
display: block;
padding: 0 15px;
height: 25px;
line-height: 25px;
border-radius: 3px;
font-size: 14px;
font-family: SourceHanSansCN;
font-weight: 400;
color: #69798C;
}
.header_top div ul li a.w1200 {
width: auto;
}
/* .header_top div ul li a:hover{
background: #97BAF6;
color: #ffffff;
} */
.header_top div ul li .w1200 {
background: #97BAF6;
color: #ffffff;
}
.header {
width: 100%;
background-color: #ffffff;
padding: 30px 0 18px 0;
}
.header .header_list {
width: 1400px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.header .header_list .header_box ul {
display: flex;
align-items: center;
}
.header .header_list .header_box ul li {
padding-left: 60px;
position: relative;
}
.header .header_list .header_box ul li a {
display: block;
font-size: 18px;
font-family: SourceHanSansCN;
font-weight: bold;
color: #213545;
position: relative;
}
.header .header_list .header_box ul li .w1200 {
color: #E62736;
}
.header .header_list .header_box ul li .w1200:after {
display: block;
content: "";
width: 46px;
height: 2px;
background: #E62736;
position: absolute;
top: 130%;
left: 50%;
transform: translate(-50%, -50%);
}
.header .header_list .header_box ul li a:hover {
color: #E62736;
}
.header .header_list .header_box ul li a:hover::after {
display: block;
content: "";
width: 46px;
height: 2px;
background: #E62736;
position: absolute;
top: 130%;
left: 50%;
transform: translate(-50%, -50%);
}
.header .header_list .header_box ul li img {
position: absolute;
top: 30%;
left: 110%;
transform: translate(-50%, -50%);
}
.header .header_list .header_key a {
display: block;
width: 95px;
height: 32px;
line-height: 32px;
background: #E62736;
border-radius: 4px;
font-size: 16px;
font-family: SourceHanSansCN;
font-weight: 400;
color: #FFFFFF;
text-align: center;
}
.header .header_list .header_key .is_login {
display: none
}
.header .header_list .header_key img {
margin-top: 6px;
}
.row {
width: 1400px;
margin: 0 auto;
margin-top: 40px;
padding: 30px 28px;
font-size: 10px;
font-family: SourceHanSansCN;
color: #69798C;
background-color: #ffffff;
}
.footer {
background-color: #263f5f;
font-size: 16px;
font-family: SourceHanSansCN;
font-weight: 400;
color: #FFFFFF;
text-align: center;
padding: 16px 0;
margin-top: 50px;
width: 100%;
}
/* scrm登录模块 */
.submit-scrm-part {
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
display: none;
background: rgba(0, 0, 0, 0.3);
z-index: 2;
}
.tearcher-user-info {
padding-top: 60px;
box-sizing: border-box;
}
.submit-scrm-part .submit-scrm-box {
width: 400px;
height: 400px;
background: white;
position: absolute;
top: 50%;
left: 50%;
padding: 20px;
box-sizing: border-box;
border-radius: 10px;
transform: translate(-50%, -50%);
}
.tearcher-avatar-info img {
width: 100%;
}
.submit-scrm-part .tearcher-avatar-info {
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
}
.submit-scrm-part .teacher-add-tips {
color: #ff6e00;
font-size: 24px;
text-align: center;
line-height: 40px;
}
.submit-scrm-part .teacher-add-tt {
color: rgba(0, 0, 0, 0.85);
font-size: 16px;
text-align: center;
}
.submit-scrm-part .code_tearcher {
width: 200px;
margin: 0px auto;
margin-top: 20px;
}
.code_tearcher img {
width: 100%;
}
.submit-scrm-part .close-modal-part {
width: 31px;
height: 30px;
position: absolute;
right: 12px;
top: 11px;
}
/* */
.heets_tabs {
position: fixed;
top: 0;
left: 0;
z-index: 8888;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
display: none;
}
.heets_bos img {
display: block;
position: fixed;
top: 50%;
left: 50%;
width: 400px;
z-index: 99;
transform: translate(-50%, -50%);
}
.divider_box {
display: none;
}
.divider_box .imga {
display: block;
position: fixed;
top: 50%;
left: 50%;
z-index: 99;
transform: translate(-50%, -50%);
}
.divider_box .imgb {
display: block;
position: fixed;
top: 50%;
left: 50%;
z-index: 99;
width: 160px;
transform: translate(-50%, -50%);
margin-top: -124px;
}
.xiazaichis{
position: fixed;
top: 0;
left: 0;
z-index: 8888;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
display: none;
}
.xiazaichis .zaich_a{
display: block;
position: fixed;
top: 50%;
left: 50%;
z-index: 99;
width: 350px;
transform: translate(-50%, -50%);
}
.xiazaichis .zaich_b{
display: block;
position: fixed;
top: 50%;
left: 50%;
z-index: 99;
width: 100px;
transform: translate(-50%, -50%);
margin-top: 215px;
}
/* 登陆框的样式覆盖 */
.bkzn_modal {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: none;
z-index: 3333;
background-color: rgba(0, 0, 0, .15);
}
.bkzn_login {
position: relative;
background: #ffffff;
width: 430px;
height: 422px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 50px 20px;
box-sizing: border-box;
}
.bkzn_modal .tip_title {
width: 100%;
font-size: 24px;
font-family: SourceHanSansCN;
font-weight: 500;
color: #213545;
padding-bottom: 20px;
border-bottom: 1px solid #E9E9E9;
text-align: center;
}
.phone-filed,.captcheIdo {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20px;
width: 364px;
height: 48px;
background: #FFFFFF;
border: 1px solid #EBF0F4;
border-radius: 6px;
}
.captcheisHas {
height: 0px !important;
}
.bkzn_login>div>label {
/* width: 20px; */
}
.username,
.phone,
.captcheCode {
padding-left: 26px;
border: none;
height: 100%;
outline: none;
}
.submitLogin {
width: 244px;
height: 48px;
background: #E62736;
border-radius: 3px;
font-size: 18px;
font-family: SourceHanSansCN;
font-weight: 500;
color: #FFFFFF;
display: block;
margin: 0 auto;
margin-top: 35px;
line-height: 48px;
text-align: center;
}
.submitLogin:hover {
cursor: pointer;
}
.phone-filed button {
width: 125px;
height: 48px;
background: #28C445;
border: 1px solid #EBF0F4;
border-radius: 6px;
font-size: 14px;
font-family: SourceHanSansCN;
font-weight: 400;
color: #FFFFFF;
cursor: pointer;
text-align: center;
line-height: 48px;
}
.CloseModal {
position: absolute;
right: 20px;
top: 20px;
z-index: 999;
width: 25px;
height: 25px;
background-image: url(https://www.cfa.cn/skin/images/close.png);
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
}
.CloseModal:hover {
cursor: pointer;
}
.labelforClass {
color: #f17116;
text-decoration: none;
/* margin: 0px 5px; */
}