@charset "utf-8";

/* base */
/*共用部分*/
body {
	font: 12px/20px  PingFang SC,Helvetica Neue,Helvetica,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;;
	color:#333;
	background:#fff;
	margin: 0px;
	text-align:center;
}
*{ padding:0; margin:0;}

a { color:#666; text-decoration:none; transition: all .3s ease-out;}
ul,li{ list-style:none;}
img { border:none; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.clearboth { clear:both; }
.clearleft { clear:left; }
.clearright { clear:right; }
.page{ text-align:center; width:1200px; float:left; padding:20px 0;}
.page a{ background:#ffffff; color:#6c757d; margin:0 2px; padding:6px 10px; border:solid 1px #ccc;}
.page a.disabled, .page a.active{
	background:#6c757d;
	color:#fff;
}
.page a.dq,.page a:hover{ color:#4e92df}
.fd_right{ float:right;}
.fd_left{ float:left; margin-right:10px;}
.clearfix {
    clear: both;
}
button {
    cursor: pointer;
}
/*共用部分结束*/

.top{ width:100%; height:38px; line-height:38px; background:#eeeeee;}
.top .lx{ width:1200px; margin:0 auto}
.top .lx span{float:left; margin-right:15px; padding-left:22px; font-size:14px}
.top .lx .dh01{ background:url(../images/dh01.png) no-repeat left; background-size:18px 18px}
.top .lx .dh02{ background:url(../images/dh02.png) no-repeat left; background-size:16px 16px}
.top .lx .dh03{ background:url(../images/dh03.png) no-repeat left; background-size:18px 18px}
.top .lx .top_right{ float:right; padding-top:8px;}
.top .lx .top_right a{ padding:0 6px; color:#000; font-size:13px; float:left; height:22px; line-height:22px; display:block}
.top .lx .top_right a.reg{ width:40px;text-align:center; color:#ffffff; border-radius:5px; margin-right:5px; background:#12ad12}

.rightonline{ width:70px; position:fixed; top:150px; right:20px; background:#FFF; border:solid 1px #eeeeee;z-index:999;}
.rightonline a{ width:70px; float:left; display:block; font-size:14px; color:#1296db; text-align:center; border-bottom:solid 1px #eeeeee;}
.rightonline a img{ width:30px; float:left; padding:0 20px; padding-top:10px;}
.rightonline a.last{ background:#1296db; height:40px;}
.rightonline .ewmd{width:120px; height:120px; display:none; position:absolute; top:50px; right:75px;}

.wrapper{ width:1200px; margin:0 auto; text-align:left; background:#fff;}

/*头部header部分*/
.header{width:1200px; float:left;}
.header .logo{ float:left;}
.header .logo .l{ float:left;}
.header .logo .r{ float:right;}
.header .logo a{ float:left;}
.header .logo h1{ float:left; color:#144c8c; font-size:30px; margin-top:33px;
    /*border-bottom: 1px solid #144c8c;*/
    padding-bottom: 10px;
}
.header .logo .r {
    text-align: center;
}
.header .logo .r p {
    font-size: 25px;
    color: #144c8c;
    font-weight: 700;
    margin-top: 10px;
    /*letter-spacing: 38px;*/
    text-align: center;
    background-color: #fff;
    display: inline-block;
    margin:  5px auto;
    padding: 0 10px;
}
.header .logo .r .line {
    height: 2px;
    background-color: #144c8c;
    width: 100%;
    margin-top: -16px;
    display: block;
}
.header .top_right{ float:right; margin-top:70px; color:#000000; background:url(../images/time.png) no-repeat left; padding-left:25px; font-size:14px;}
.header .nav { float:left; color:#fff; height:34px; line-height:34px; background:#06C; width:1200px;}
.header .nav ul{ height:34px;}
.header .nav ul li{ float:left;}
.header .nav ul li.no_border{ border:none;}
.header .nav ul li a{ color:#fff; display:block; padding:0 48px; background-color: #144c8c}
.header .nav ul li.no_border a{ background:#06C;}
.header .nav ul li a:hover{ color:#000;}
.header .nav ul li a.active{ background:#900;}
.header .nav ul li.no_border a{ padding-left:64px}
#menu2 { z-index:9999999999}
/*#menu2 ul {float:left;}*/
#menu2 li { position: relative;}
/*#menu2 li a { float:left;}*/
/*#menu2 ul ul { display:none;  position:absolute; top:34px;  left:0; z-index:9999999999 }
#menu2 ul ul li{ padding:0px; border-right:none}*/
#menu2 ul ul li a{ background:#cc0001; display:block; overflow:hidden; white-space:nowrap; width:152px; padding:0; text-align:left; padding-left:20px;}
#menu2 ul ul li a:hover{ color:#000}
#menu2 ul ul.pric li a{ width:126px; padding-left:0; text-align:center}
hr{ width:1200px; border: 0; border-top: 1px solid #eee; border-bottom: 1px solid #fff; float:left; margin-top:20px;}
.banner{ width:1200px; height:201px; float:left; margin-top:20px;}

/*头部header部分结束*/

/*首页中间内容部分开始*/

.rollBox{width:1200px; position:relative; float:left; margin-top:30px;}
.rollBox h1{ font-size:30px; font-weight:400; text-align:center; margin-top:30px; margin-bottom:20px;}
.rollBox h1 a{ border-bottom:solid 3px #154c8c; color:#144c8c; padding-bottom:5px;}
.rollBox .LeftBotton{height:66px;width:51px;background:url(../images/an1.png) no-repeat 2px 0; position:absolute; left:10px; top:152px; cursor:pointer;}
.rollBox .RightBotton{height:66px;width:48px;background:url(../images/an2.png) no-repeat -2px 0;position:absolute; right:10px; top:152px; cursor:pointer;}
.rollBox .Cont{width:1200px;overflow:hidden;float:left; margin-top:30px;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:458px;float:left;text-align:center; margin-right:24px;}
.rollBox .Cont .pic img{padding:1px;background:#fff; display:block;margin:0 auto;}
.rollBox .Cont .pic p{line-height:26px;color:#505050;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}

.main_index{ width:1200px!important; float:left!important;}
.main_index .services{width:1200px; float:left; margin-top: 30px;}
.main_index .services h2{width:1200px; float:left; font-size:30px; text-align:center; font-weight: 400; padding-top:30px;}
.main_index .services h2 a{ border-bottom:solid 3px #154c8c; color:#144c8c; padding-bottom:5px;}
.main_index .services .title{ width:1200px; text-align: center;}
.main_index .services .title h1{ font-size:28px; text-align:center; color:#144c8c;}
.main_index .services .title .bt{ font-size:16px; text-align:center; color:#3e3e3e; margin-top:25px; line-height:25px;}
.main_index .services .intro{ width:1200px; float:left; margin-top:45px;}
.main_index .services .intro ul li{ width:188px; float:left; margin-left:13px;}
.main_index .services .intro ul li:first-child{ margin-left:0; margin-right:2px;}
.main_index .services .intro ul li .serimg01{ width:145px; height:104px; background:url(../images/wt01.jpg) no-repeat; background-size:145px 104px; float:left}
.main_index .services .intro ul li .serimg01:hover{background:url(../images/wz01.jpg) no-repeat; background-size:145px 104px; }
.main_index .services .intro ul li .serimg02{ width:145px; height:104px; background:url(../images/wt02.jpg) no-repeat; background-size:145px 104px;  float:left}
.main_index .services .intro ul li .serimg02:hover{background:url(../images/wz02.jpg) no-repeat; background-size:145px 104px; }
.main_index .services .intro ul li .serimg03{ width:145px; height:104px; background:url(../images/wt03.jpg) no-repeat; background-size:145px 104px;  float:left}
.main_index .services .intro ul li .serimg03:hover{background:url(../images/wz03.jpg) no-repeat; background-size:145px 104px; }
.main_index .services .intro ul li .serimg04{ width:145px; height:104px; background:url(../images/wt04.jpg) no-repeat; background-size:145px 104px;  float:left}
.main_index .services .intro ul li .serimg04:hover{background:url(../images/wz04.jpg) no-repeat; background-size:145px 104px; }
.main_index .services .intro ul li .serimg05{ width:145px; height:104px; background:url(../images/wt05.jpg) no-repeat; background-size:145px 104px;  float:left}
.main_index .services .intro ul li .serimg05:hover{background:url(../images/wz05.jpg) no-repeat; background-size:145px 104px; }
.main_index .services .intro ul li .serimg06{ width:145px; height:104px; background:url(../images/wt06.jpg) no-repeat; background-size:145px 104px;  float:left}
.main_index .services .intro ul li .serimg06:hover{background:url(../images/wz06.jpg) no-repeat; background-size:145px 104px; }
.main_index .services .intro ul li h1{width:145px; font-size:15px; text-align:center; float:left; margin-top:10px; color:#036; font-weight:400}
.main_index .services .intro ul li h1.on{ font-weight:bold; color:#900}
.main_index .services .intro ul li p{width:145px; float:left; margin-top:10px; font-size:13px;}
.main_index .services .intro ul li p a{ color:#cc0001;}

.main_index  .sernr{ width:1200px; float:left; margin-top:20px;}
.main_index  .sernr h3{ font-size:24.5px; color: #036; padding-top: 1em; font-weight: 400; margin-bottom:20px;}
.main_index  .sernr p{ font-size:15px; line-height:30px; margin-bottom:10px; float:left; text-indent:2em; width:1200px;}
.main_index  .sernr p strong{font-weight: 700; color:#333}
.main_index  .sernr ul{margin: 0 0 10px 25px;}
.main_index  .sernr ul li{ list-style-type:disc; line-height:30px; font-size:15px; width:920px; float:left; margin-left:20px;}
.main_index  .sernr h4 {
    color: #144c8c;
    padding-top: 1em;
    font-weight: 400;
	font-size:17.5px;
	margin-bottom:20px;
	line-height:20px;
	width:1200px;
	float:left;
}
.main_index  .sernr .row.cta{width:1200px; float:left; margin-top:30px;}
.row:after, .row:before {
    display: table;
    content: "";
    line-height: 0;
}
.text-align-center {
    text-align: center;
}
.span4 {
    width: 313px; float:left;
}
.btn-large {
    padding: 11px 19px;
    font-size: 17.5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.btn {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 5px;
}
a.call-to-action.call-to-action-fixed-width {
    min-width: 272px;
    padding: 26px 19px;
	color:#fff;
    margin-bottom: 1em;
    background: none;
    background-color:#144c8c!important;
}
.figures-sample {
    margin-top: 30px;
    margin-bottom: 10px;
	width:1200px;
	float:left;
}

.span8 {
    width: 620px;
	float:left;
	margin-left:160px;
}
.strong-center {
    font-size: 1.2em;
	text-align:center;
	padding:9px;
	border-radius:3px;
	background-color: #eee;
	border: 1px solid #e3e3e3;
	min-height: 20px;
	margin-bottom: 20px;
}
.strong-center a{ color:#06F}

/*首页中间内容部分结束*/

/*价格*/
.rowq{ width:1200px; float:left; font-family: Open Sans,sans-serif!important; font: 15px/1.618 sans-serif;}
.span12{ width: 1200px; float:left;}
.span12 h1{
    font-size: 38.5px;
	font-weight:400;
	color:#144c8c;
	width:1200px;
	float:left;
	margin-top:50px;
}
/*.span12 h3{
    font-size: 24.5px;
	color:#144c8c;
	font-weight:400;
	margin:20px 0;
	width:1200px;
	float:left;
	margin-top:30px;
}*/
/*.span12 span{ width:1200px; float:left; margin-top:30px;}*/
.span12 p{ margin-bottom:20px; font-size:15px; line-height:25px;}
.span12 h4{ width:1200px; float:left; font-size:24px; color:#144c8c; font-weight:400; padding-top:1em;    padding: .2em 0 .4em;
    line-height: 1.3em;margin-bottom: .5rem;}
.calculator{ width:1200px; float:left; margin-top: 30px;}
.offset2{
    margin-left: 180px;
	width:620px;
	float:left;
	text-align: center;
	margin-bottom:10px;
}
.span4 {
    width: 295px;
	float:left;
	text-align:center;
	margin-left:117px;
}
.jskd{ width:235px; margin-left:0}
select {
    width: 220px;
    border: 1px solid #ccc;
    background-color: #fff;
	height:30px;
	line-height:30px;
	border-radius:5px;
}
label {
    cursor: default;
	font-size:14px;
	color:#000;
}
.opts{ margin-top:10px;}
small {
    font-size: 14px;
	line-height:22px;
}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	margin-left:20px;
}
.well .mich{ font-size:17.5px; color:#144c8c; font-weight:400; margin:10px 0}
.features {
    min-height: 392px;
	margin: 2em 0;
	font-size:15px;
	line-height:26px;
	text-align:left
}

a.cta {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: #fff;
    display: block;
    margin-bottom: 10px;
    padding: 7px 20px;
	background-color: #144c8c;
}
a.ctb{background-color: #666;}
.price {
    font-size: 30px;
    text-align: center;
	line-height:50px;
	font-weight:400;
}
.turnaround-time {
    font-style: italic;
    text-align: center;
	font-size:14px;
	margin-bottom: 30px;
}
.module{
	width:1200px;
	float:left;
    background: url(../images/hero-referral-rewards.jpg) no-repeat bottom;
    background-position-x: 37%;
	margin-top:30px;
}
.module .main-content {
    padding:60px 60px;
}
.module h1 {
    font-size: 36px;
    line-height: 1.2em;
    margin-top: 30px;
    margin-bottom: 7px;
    color: #fff;
	text-align:center;
	font-weight:400;
}
.module p.lead {
    font-size: 16px;
    margin-bottom: 22px;
    text-shadow: 1px 1px 1px #333;
    color: #f5f5f5;
	text-align:center
}
.moduled{
	width:1200px;
	float:left;
	margin-top:30px;
}
.moduled h2{ font-size:31.5px; text-align:center; color:#144c8c; font-weight:400;}
.moduled .referral-step {
    padding: 20px 0;
}
.moduled .referral-step-number {
    margin-bottom: 20px;
    background-color: #666;
    border-radius: 100px;
    height: 150px;
    width: 200px;
    margin-right: auto;
    margin-left: auto;
    font-size: 60px;
    padding-top: 50px;
    color: #fff;
}
.moduled .referral-text {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
}
.referral-cta {
    text-align: center;
    padding-top: 40px;
}
.btn.cta {
    border-radius: 0;
    padding: 26px 19px;
    background: none;
    background-color: #025f62;
    text-shadow: none;
    border: none;
}
.span34 {
    width: 313px;
    float: left;
    text-align: center;
}
a.ctc {
    color: #fff;
    display: block;
    margin-bottom: 10px;
    background-color: #144c8c;
	width:300px;
	height:60px;
	line-height:60px;
	text-align:center;
	border-radius:5px;
	margin-left:320px;
}
.breadcrumb {
    padding: 8px 15px;
    margin: 20px 0 20px 0;
    list-style: none;
    background-color: #f5f5f5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.breadcrumb>li {
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
}
.breadcrumb>li>.divider {
    padding: 0 5px;
    color: #ccc;
}
.main_index  .feedback{ width:100%; float:left; margin-top:30px;}
.main_index  .feedback p{ font-size:18px; margin-top:20px; line-height:25px;}
.main_index  .feedback p.name{ font-size:16px; color:#09F}

.bjfw h2{ background:#eeeeee; width:100%; float:left; font-weight:400}
.bjfw a{ width:50%; height:100px; line-height:100px; text-align:center; display:block; float:left;}
.bjfw .current{ background:#4e92df; color:#FFF;}
.bjfw ul{ background:#f6f6f6}

/*我的订单*/
.researcher{ width:1200px; float:left; margin-top:20px;}
.researcher .navbar{ width:1166px; float:left; height:40px; line-height:40px; background-color: #f8f8f8; border: 1px solid #e7e7e7;}
.researcher .navbar ul li{ float:left;}
.researcher .navbar ul li a{ padding:0 18px; display:block; font-size:14px;}
.researcher .navbar ul li a:hover{ background:#eeeeee}
.researcher .navbar ul li a.active{ background:#eeeeee}
.researcher .myorder{ width:1200px; float:left; margin-top:20px;}
.researcher .myorder h1{color: #144c8c; padding-top: 1em;  font-weight: 400; font-size:30px}
.researcher .myorder .checktime{width:1200px; float:left; margin-top:30px;}
.researcher .myorder .checktime input{ width:200px; height:30px; line-height:30px; background-color: #eeeeee; float:left; border:none; margin-right:10px; padding-left:10px;}
.researcher .myorder .checktime .sele{ width:140px; float:right}
.researcher .myorder .checktime .sele a{ width:70px; float:left; text-align:center; line-height:30px; height:30px; }
.researcher .myorder .checktime .sele .ssbutton{color:#FFF; background:#4e92df;}
.researcher .myorder .orderlist{width:1200px; float:left;}
.researcher .myorder .orderlist .orderbd{width:1200px; float:left; margin-top:20px;}
.researcher .myorder .orderlist .orderbd table{width:1200px; float:left; border:none; border-spacing:0}
.researcher .myorder .orderlist .orderbd table td{ padding-left:10px; padding-right:10px; font-size:14px}
.researcher .myorder .orderlist .orderbd table td a{ color:#09F}

.researcher .myorder .orderlist .userleft{ width:212px; float:left;border:solid 1px #eaeaea; border-bottom:none;  margin-top:20px;}
.researcher .myorder .orderlist .userleft ul li{ width:210px; float:left; border-bottom:solid 1px #eaeaea; height:40px; line-height:40px; text-align:center}
.researcher .myorder .orderlist .userleft ul li a{ color:#09F; font-size:14px}
.researcher .myorder .orderlist .userleft ul li a.active{ color:#000}
.researcher .myorder .orderlist .userright{ width:708px; float:right; margin-top:20px;}
.researcher .myorder .orderlist .userright label{ width:700px; float:left; margin-bottom:10px; color:#666}
.researcher .myorder .orderlist .userright label em{ color:#F00}
.researcher .myorder .orderlist .userright input{ width:690px; float:left; margin-bottom:10px; border:solid 1px #eaeaea; height:30px; line-height:30px; padding-left:10px;}
.researcher .myorder .orderlist .userright select{ width:702px; float:left; margin-bottom:10px; border:solid 1px #eaeaea; height:35px; line-height:35px; padding-left:10px;}
.researcher .myorder .orderlist .userright button{ width:60px; height:30px; line-height:30px; background:#09F; color:#FFF; text-align:center; border:none; border-radius:5px;}
.researcher .myorder .orderlist .userright h1{color: #144c8c; padding-top: 1em;  font-weight: 400; font-size:30px; width:700px; float:left; margin-bottom:20px;}
.researcher .myorder .orderlist .userright .address{ width:200px; float:left; background:#eeeeee; border-radius:5px; margin-right:10px;}
.researcher .myorder .orderlist .userright .address ul{ width:180px; float:left; padding:10px;}
.researcher .myorder .orderlist .userright .address ul li{ width:180px; float:left; font-size:15px; margin-top:10px;}
.researcher .myorder .orderlist .userright .address ul a{width:50px; height:25px; line-height:25px; text-align:center; display:block; float:left; margin-top:10px; border-radius:5px; margin-right:10px;}
.researcher .myorder .orderlist .userright .address ul a.mode{  background:#06C; color:#FFF; }
.researcher .myorder .orderlist .userright .address ul a.delete{  background:#f00; color:#FFF; }

.researcher .myorder .orderlist .fundsleft{ width:600px; float:left;}
.researcher .myorder .orderlist .fundsleft h1{color: #144c8c; padding-top: 1em;  font-weight: 400; font-size:18px; width:700px; float:left; margin-top:30px;}
.researcher .myorder .orderlist .fundsleft label{ width:600px; float:left; margin-bottom:10px; color:#666; margin-top:20px;}
.researcher .myorder .orderlist .fundsleft label em{ color:#F00}
.researcher .myorder .orderlist .fundsleft input{ width:565px; float:left; margin-bottom:10px; border:solid 1px #eaeaea; height:30px; line-height:30px; padding-left:10px;}
.researcher .myorder .orderlist .fundsleft .del{ width:20px; float:left; margin-top:5px; display:none; background:url(../images/del.png) no-repeat; height:20px; cursor:pointer;}
.researcher .myorder .orderlist .fundsleft .del:hover{ background:url(../images/delhover.png) no-repeat}
.researcher .myorder .orderlist .fundsleft button{ width:80px; height:30px; line-height:30px; background:#090; color:#FFF; text-align:center; border:none; border-radius:5px; margin-top:20px;}
.researcher .myorder .orderlist .fundsleft .invoice{ width:600px; float:left; border-radius:5px; color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; padding-bottom: 10px; display:none}
.researcher .myorder .orderlist .fundsleft .invoice .fapiao{ width:250px; float:left;}
.researcher .myorder .orderlist .fundsleft .invoice .fapiao span{width:185px; float:left; margin-left:10px; font-weight:bold}
.researcher .myorder .orderlist .fundsleft .invoice .fapiao em{ width:10px; float:left; color:#f00}
.researcher .myorder .orderlist .fundsleft .invoice .controls{ width:160px; float:right;}
.researcher .myorder .orderlist .fundsleft .invoice .controls .form-check{ width:80px; float:left;}
.researcher .myorder .orderlist .fundsleft .invoice .controls .form-check .form-check-input{ width:20px; height:20px; float:left; margin-top:20px;}
.researcher .myorder .orderlist .fundsleft .invoice .controls .form-check .form-check-label{ width:50px; float:left; margin-left:10px}

.researcher .myorder .orderlist .fundsleft .zffs{ width:600px; float:left; margin-top:10px; display:none}
.researcher .myorder .orderlist .fundsleft .zffs a{ width:80px; height:40px; line-height:40px; text-align:center; border:solid 1px #eaeaea; background:#eeeeee; display:block; float:left; margin-right:10px;}
.researcher .myorder .orderlist .fundsleft .zffs a.on{ background:#06C; color:#FFF}

.researcher .myorder .orderlist .fundsleft .zdaddress{ width:598px; float:left; margin-top:20px; background:#fafafa; border:solid 1px #eaeaea; padding-bottom:50px; display:none;}
.researcher .myorder .orderlist .fundsleft .zdaddress h2{color: #144c8c; padding-top: 1em;  font-weight: 400; font-size:20px; margin-top:30px; width:494px; margin-left:49px;}
.researcher .myorder .orderlist .fundsleft .zdaddress select{ margin-top:10px; width:492px; margin-left:49px; float:left; height:35px; line-height:35px; border:solid 1px #ccc; color:#666}
.researcher .myorder .orderlist .fundsleft .zdaddress label{ width:492px; float:left;color:#666; margin-top:10px; margin-left:49px; margin-bottom:0}
.researcher .myorder .orderlist .fundsleft .zdaddress label em{ color:#F00}
.researcher .myorder .orderlist .fundsleft .zdaddress input{ width:480px; float:left; margin-bottom:10px; border:solid 1px #ccc; height:30px; line-height:30px; padding-left:10px; margin-left:49px;}
.researcher .myorder .orderlist .fundsleft .zdaddress textarea{ width:480px; float:left; margin-bottom:10px; border:solid 1px #ccc; padding:10px; margin-left:49px; min-height:80px;}
.researcher .myorder .orderlist .fundsright{ width:250px; float:right; text-align:left; background:#eeeeee; border-radius:5px; font-size:15px; padding:15px; margin-top:30px; line-height:25px;}

#choice_product{ display:none}
#jiaji{ display:none}
/*生成报价*/
.researcher-app{ width:1200px; float:left; margin-top:10px;}

/*login*/
.login{ width:400px; float:right; margin-top:50px; border:solid 1px #eaeaea; min-height:300px; border-radius:10px; box-shadow: 0px 0px 15px 3px rgba(88, 87, 86, 0.2);
 -webkit-box-shadow: 0px 0px 15px 3px rgba(88, 87, 86, 0.2);
    -moz-box-shadow: 0px 0px 15px 3px rgba(88, 87, 86, 0.2);
    -o-box-shadow: 0px 0px 15px 3px rgba(88, 87, 86, 0.2);
    -ms-box-shadow: 0px 0px 15px 3px rgba(88, 87, 86, 0.2); margin-right: 10px;}
.login h1{ width:400px; float:left; font-size:24px; font-weight:400; color:#144c8c; text-align:center; line-height:60px; margin-top: 10px;}
.login label{ width:340px; float:left; color:#666; margin-top:20px; margin-left:30px;}
.login em{ color:#F00}
.login input{ width:328px; float:left; border:solid 1px #eaeaea; height:30px; line-height:30px; padding-left:10px; margin-left:30px; outline:none; border-radius:5px;}
.login .log{ float:left;width:340px; height:35px; line-height:35px; background:#09F; color:#FFF; text-align:center; border:none; margin-left:30px; margin-top:20px;
    margin-bottom: 30px;}
.login .fs{ width:80px; height:32px; line-height:32px; background:#12ad12; text-align:center; float:right; border:none; color:#FFF;margin-right: 30px;
    margin-left: 0;padding:0}
.login .check{ width:18px; height:18px; border:solid 1px #eee; float:left; margin-top:20px; margin-right:5px;}
.login span{ width:300px; float:right; font-size:14px; color:#666; margin-top:20px; line-height:18px;}
.login span a{ color:#12ad12}

/*contact*/
.contact{ float:left; margin-top:20px;}
.contact p{ font-size:16px; line-height:30px;}
.contact label{ width:600px; float:left; color:#666; margin-top:20px;}
.contact em{ color:#F00}
.contact input{ width:590px; float:left; border:solid 1px #eaeaea; height:30px; line-height:30px; padding-left:10px; }
.contact button{ width:120px; height:30px; line-height:30px; background:#09F; color:#FFF; text-align:center; border:none; border-radius:5px; margin-top:20px;}
.contact textarea{ width:578px; float:left; margin-bottom:10px; border:solid 1px #ccc; padding:10px;min-height:80px;}

/*server*/
.server{ width:1200px; float:left;}
.server p{ width:1200px; float:left; margin-top:15px; font-size:14px; line-height:24px;}



/*脚部分开始*/
.footer{width:1200px; float:left; margin-top:52px; color:#333; border-top:solid 1px #eee; padding-top:10px; position:relative;}
.footer p a{ color:#000000; padding:0 10px;}
.footer p a:first-child{ padding-left:0}
.footer .bot{ position:absolute; bottom:10px; right:0px;}

/*脚部分结束*/
.main_index  .services .intro ul li a{
	position:relative;
	display:block;
}
.main_index  .services .intro ul li a img{
	width:100%;
}
.main_index  .services .intro ul li a .mark{
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	opacity:0;
	background:#fff;
}
.main_index  .services .intro ul li a:hover .mark{
	opacity:0.2;
}
.error{color:#d90000!important;}


.innerright-block {
    float: right;
    width: 27%;
    position: relative;
}

.innerleft-block {
    float: left;
    width: 71%;
    clear: both;
    border-right: solid 1px #e0e0e0;
    padding-right: 34px;
    box-sizing: border-box;
    padding-bottom: 130px;
}
article .content p, article .content div, article .content hr {
    max-width: 100%!important;
}
.whyus-block {
    width: 294px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}
.whyus-block h2 {
    color: #1383e8;
    font-weight: 400;
    margin: 0;
    font-size: 29px;
    margin-bottom: 10px;
}
.whyus-block h3 {
    font-family: tisaproregular;
    font-weight: 400;
    margin-top: 2px;
}
.whyus-block h3 {
    font-size: 20px;
    color: #535657;
    margin-bottom: 15px;
}
.whyus-block h3 span {
    color: #1383e8;
}
.whyus-block p {
    font-size: 14px;
    color: #535657;
    line-height: 18px;
    margin-bottom: 16px;
}

.testi-comma {
    margin-bottom: 8px;
}
.testi-name {
    font-family: tisaproregular;
    font-size: 29px;
    color: #1383e8;
    line-height: 36px;
    margin-top: 6px;
}
.testi-name span {
    clear: both;
    width: 100%;
    display: block;
    float: left;
    text-align: center;
    font-size: 20px;
    color: #1383e8;
    text-transform: uppercase;
}
.testi-des {
    font-size: 16px;
    line-height: 20px;
    clear: both;
    float: left;
    width: 100%;
    margin-top: 6px;
    color: #1383e8;
    font-weight: 400;
}
.swiper-container-comment {
    text-align: center;
    width: 240px;
    margin: 0 auto;
    clear: both;
}

#menu2 .dropdown-menu {
    width: 500px;
    padding: 15px 25px 10px;
    border-radius: 0px;
    background-color: #cc0001;
    top: 95%;
    display: none;
 }
 #menu2 .dropdown-menu-250 {
    width: 250px;

 }
 #menu2 .dropdown-menu h4 {
    color: #fff;
    text-align: left;
 }

#menu2 .dropdown-menu p {
    line-height: 20px;
    padding-bottom: 10px;
    color: #fff;
    text-align: justify;
}

#menu2 .dropdown-menu a {
    text-align: left;
    padding-left: 0;
}

.sol-menu, #menu2 .dropdown-menu section {
    padding-left: 15px;
    padding-right: 15px;
}

.sol-menu-line {
    width: 1px;
    height: 350px;
    display: inline-block;
    background: #ccc;
    position: absolute;
    left: 3px;
    margin-top: 12px;
}
#menu2 h4 span {
    font-size: 16px;
}

#menu2 .dropdown-menu2 {
    width: 160px!important;
}
.float-none {
    float: none!important;
}
.h_left {
    width: 50%;
    float: left;
    background-color: #fefdff;
}
.h_left  .c {
    padding: 10px 30px;
    background-color: #fefdff;
}
.noticeList .hotMeetItem {
    position: relative;
    top: 0;
    display: block;
}
.noticeList .hotMeetItem .number {
    position: absolute;
    top: 10px;
    left: -5px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    width: 6px;
    height: 6px;
    background: #fff;
    border: 2px solid #7abbe3;
    border-radius: 50%;
}
.noticeList .hotMeetItem:first-child .number {
    color: transparent;
    width: 22px;
    height: 23px;
    border: none;
    border-radius: 0;
    background: url(../images/first.06e3e214.png) 50% no-repeat;
}
.noticeList .hotMeetItem:nth-child(2) .number {
    color: transparent;
    width: 22px;
    height: 23px;
    border: none;
    border-radius: 0;
    background: url(../images/second.1e02bdf4.png) 50% no-repeat;
}
.noticeList .hotMeetItem:nth-child(3) .number {
    color: transparent;
    width: 22px;
    height: 23px;
    border: none;
    border-radius: 0;
    background: url(../images/third.1489b505.png) 50% no-repeat;
}
.noticeList .inner {
    border-bottom: 1px solid #f2f2f2;
    display: -webkit-box;
    padding: 7px 0;
}
.pl30 {
    padding-left: 30px;
}
.fs12 {
    font-size: 12px;
}
.linkTitle {
    font-size: 20px!important;
    font-weight: 400;
    color: #191919;
    margin-bottom: 7px!important;
    position: relative;
    top: 0;
}
.linkTitle:after {
    content: "";
    position: absolute;
    margin-left: -4px;
    width: 52px;
    height: 19px;
    background: url(../images/titleHot.e2673e99.png) 50% no-repeat;
}

.noticeList .inner .inTitle {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 90%;
    padding-right: 15px;
}
.noticeList .inner .iconTitle {
    padding-top: 3px;
    color: #a3a3a3;
}
.noticeList .inner .iconTitle {
    padding-top: 3px;
    color: #a3a3a3;
}

.swiper-container-consult .banTxt {
    width: 100%;
    position: absolute;
    z-index: 200;
    white-space: inherit;
    bottom: 0;
    left: 0;
    padding: 20px 0 35px 25px;
    font-weight: 500;
    color: #fefefe;
    line-height: 24px;
    letter-spacing: 1px;
    background: url(../images/txtZ.74ee0f52.png) no-repeat 0 100%;
    background-size: 100%;
}

.swiper-container-consult {

}

.swiper-container-consult .swiper-pagination-bullet {
    width: 38px;
    height: 2px;
    display: inline-block;
    border-radius: 2px;
    background: #fff;
    opacity: .2;
}
.swiper-container-consult .swiper-pagination {
    text-align: left;
    padding-left: 30px;
}
.swiper-container-consult .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}
.tab-item {
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 40px;
    display: inline-block;
    list-style: none;
    font-size: 14px;
    font-weight: 500;
    color: #303133;
    position: relative;
    margin-right: 20px;
}
.fs14 {
    font-size: 14px;
}
.tablist {
    border-bottom: 2px solid #e4e7ed;
}
.tab-item.active {
    border-bottom: 2px solid #144c8c;
    color: #144c8c;
}
.tab-item.active a {
    color: inherit;
}
.pr15 {
    padding-right: 15px;
}
.pl15 {
    padding-left: 15px;
}
.pb10 {
    padding-bottom: 10px;
}
.pt10 {
    padding-top: 10px;
}
.borderBottom {
    border-bottom: 1px solid #eee;
}
.oneLine {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.newsCard .news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.newsCard .news .newsPic {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 249px;
    flex: 0 0 249px;
}
.newsCard .news .newsTxt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    top: 0;
    width: 0;
    min-height: 148px;
}
.pl20 {
    padding-left: 20px;
}
.newsCard .news .newsTxt .title {
    line-height: 25px;
    max-height: 25px;
    overflow: hidden;
    font-weight: 500;
    white-space: normal;
    color: #333;
    word-break: break-all;
}

.newsCard .news .newsTxt .destiong {
    white-space: normal;
    font-weight: 400;
    color: #787878;
    line-height: 20px;
    max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    word-break: break-all;
}
}
.newsCard .news .newsTxt .txtDown {
    width: 95%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0;
    color: #a7a7a7;
    font-size: 12px;
}
.newsCard .news .newsTxt .txtDown .txtleft {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.newsCard .news .newsPic img {
    width: 100%;
    height: 140px;
    -o-object-fit: cover;
    object-fit: cover;
}


.newsCard .news .newsTxt .txtDown {
    width: 95%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0;
    color: #a7a7a7;
    font-size: 12px;
}

.newsCard .news .newsTxt .txtDown .nums {
    display: inline-block;
    vertical-align: middle;
}
.newsCard .news .newsTxt .txtDown .imgs {
    margin-right: 5px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
.mb5 {
    margin-bottom: 5px;
}
.fs18 {
    font-size: 18px;
}

.newsCard .news .newsTxt .txtDown .nums {
    display: inline-block;
    vertical-align: middle;
}
.newsCard .news .newsTxt .txtDown .txtright {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    text-align: right;
}
.mb30 {
    margin-bottom: 30px;
}
.rightBox .xue .xueTitle {
    font-size: 16px;
    font-weight: 400;
    color: #191919;
}
.pt10 {
    padding-top: 10px;
}
.rightBox {
    position: relative;
}
#hot {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1000;
    top: 120px;
}
.rightBox .xue .xueTitle img {
    width: 20px;
    height: 20px;
    vertical-align: sub;
    margin-right: 10px;
}
.rightBox .xue .codeNews {
    position: relative;
    background: url(../images/meetcodeBg.13e1e7cd.png) no-repeat 0 0;
    height: 288px;
    padding: 15px 0;
}
.rightBox .xue .codeNews .codeNews_pic {
    display: block;
    margin: 0 auto;
    width: 180px;
    -webkit-box-shadow: 4px 4px rgb(0 0 0 / 20%);
    box-shadow: 4px 4px rgb(0 0 0 / 20%);
}
.codeNews_txt {
    text-align: center;
    padding: 20px;
}
.c-333 {
    color: #333;
}
.mb8 {
    margin-bottom: 8px;
}
.hotTitle {
    width: 166px;
    border-bottom: 1px solid #f7b500;
}
.hotTitle .hotH3 {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    width: 94px;
    border-bottom: 4px solid #f7b500;
}

.hotTitle .hotH3 img {
    width: 24px;
    height: 24px;
}

.hotClass {
    width: 320px;
}

.mt30 {
    margin-top: 30px;
}
.hotClass .bannerBox {
    position: relative;
}

.hotClass .bannerBox .banPic {
    display: block;
    height: 180px;
    width: 100%;
    max-height: 180px;
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
    border-radius: 5px;
}
.hotClass .bannerBox .banThem, .hotClass .bannerBox:nth-child(2) .banThem {
    font-size: 14px;
    font-weight: 500;
    color: #6236FF;
    position: absolute;
    top: -7px;
    left: 17px;
    padding: 4px 6px;
    border-radius: 2px;
}
.detail .header_deatil .title {
    font-size: 20px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    line-height: 28px;
}
.detail .header_deatil .time {
    padding: 10px 0;
    border-bottom: 1px solid #d8d8d8;
}
.detail .header_deatil .time .key, .detail .header_deatil .time .value {
    display: inline-block;
    vertical-align: middle;
}
.detail .header_deatil .time .value {
    color: #a7a7a7;
    font-size: 12px;
}
.ml20 {
    margin-left: 20px;
}
.con {
    background-color: #fefefe;
    padding: 10px 0 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.bg-fff {
    background-color: #fff;
}
.Selection .list {
    display: flex;
    align-items: center;
}
.pb13 {
    padding-bottom: 13px;
}
.pt10 {
    padding-top: 10px;
}
.fs14 {
    font-size: 14px;
}

.Selection .selectWrap {
    display: flex;
    align-items: center;
}

.Selection .allItem {
    width: 54px;
    height: 26px;
    line-height: 26px;
}
.Selection .allItem a {
    font-size: 14px;
}
.Selection .item {
    padding: 0 20px;
    height: 26px;
    line-height: 26px;
    text-align: center;
}

.Selection .itemActive {
    color: #fff;
    background: #4a90e2;
    border-radius: 2px;
    text-align: center;
}
.Selection .itemActive a {
    color: #fff;
    font-size: 14px;
}
.Selection .item a {
    color: inherit;
    text-align: center;
    font-size: 14px;
}
.ml7 {
    margin-left: 7px;
}
.video-card-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -20px;
}
.video-card {
    position: relative;
    display: block;
    overflow: hidden;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: -webkit-box-shadow .3s ease,-webkit-transform .3s ease;
    transition: -webkit-box-shadow .3s ease,-webkit-transform .3s ease;
    transition: box-shadow .3s ease,transform .3s ease;
    transition: box-shadow .3s ease,transform .3s ease,-webkit-box-shadow .3s ease,-webkit-transform .3s ease;
}
.video-card-list .video-card {
    width: 282px;
    margin: 0 20px 10px 0;
}
.section-wrap.hot-wrap .video-card {
    border-color: transparent;
}


.video-card .video-cover {
    position: relative;
    height: 0;
    padding-top: 56.25%;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
}
.webinars-home .video-cover {
    height: 158px;
    padding-top: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.section-wrap.hot-wrap .video-card .video-cover {
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #eee;
}
.video-card .video-cover .video-cover-imgwrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
.video-card .video-cover .video-cover-imgwrap .lazyload-wrapper {
    width: 100%;
    height: 100%;
    text-align: center;
}
.webinars-home .hot-wrap .lazyload-wrapper img, .webinars-home .recent-update-wrap .lazyload-wrapper img {
    border-radius: 4px;
}
.video-card .video-img {
    height: 100%;
}
.video-card .video-cover .video-cover-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.2);
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
.video-card .video-cover .video-cover-overlay .icon-PlayFilled {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    color: #fff;
    font-size: 48px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.section-wrap.hot-wrap .video-card:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.video-card:hover .video-cover .video-cover-overlay {
    opacity: 1;
}
.video-card:hover {
    -webkit-box-shadow: 0 0 12px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0 12px 0 rgb(0 0 0 / 10%);
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
.video-card .video-card-body {
    padding: 10px 10px 0;
}
.video-card .video-card-body .video-title {
    color: #333;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.video-card .video-card-body .video-subtitle {
    margin-top: 4px;
    color: #999;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.video-card .video-card-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 20px 10px;
}
.video-card .video-card-footer .video-pv, .video-card .video-card-footer .video-start-time {
    color: #999;
    font-size: 12px;
    margin-bottom: 0;
}
.video-card .video-card-footer .view-btn {
    color: #37a5ec;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
}
.webinarsDetail__wrap__column {
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 40px;
}
.webinarsDetail__info {
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.webinarsDetail__cover {
    width: 486px;
    height: 274px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 40px;
    background-color: #eee;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}
.webinarsDetail__info .tips {
    color: #999;
    font-size: 12px;
    margin-bottom: 10px;
}
.webinarsDetail__info .tips .views {
    display: inline-block;
}
.webinarsDetail__wrap__column .webinarsDetail__operate {
    width: 100%;
}
.webinarsDetail__wrap__column .webinarsDetail__info .webinarsDetail__operate {
    position: absolute;
    bottom: 0;
}
.webinarsDetail__operate .webinarsDetail__button {
    width: 230px;
    height: 56px;
    line-height: 56px;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    background-color: #37a5ec;
    text-align: center;
    font-size: 16px;
    -webkit-transition: all .2s ease;
    -o-transition: all ease .2s;
    transition: all .2s ease;
}
.webinarsDetail__info .h1 {
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 10px;
    color: rgba(0,0,0,.85);
}
.webinarsDetail .main_index  .detail-info-wrapper {
    background-color: #fff;
    margin-top: 24px;
    padding: 0 40px;
    padding-bottom: 1px;
    margin-bottom: 20px;
    border-radius: 4px;
}
.scroll-tab .tab-header li.active:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 30px;
    height: 4px;
    border-radius: 2px;
    background-color: #37a5ec;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.scroll-tab .tab-header li {
    font-size: 18px;
    color: #666;
    padding-bottom: 14px;
    position: relative;
    display: inline-block;
    margin-right: 50px;
    vertical-align: top;
    cursor: pointer;
}
.scroll-tab .tab-header li.active {
    color: #37a5ec;
}
img {
    max-width: 100%;
}

.scroll-tab .tab-body {
    position: relative;
}

.detail-info-wrapper {
    background-color: #fff;
    padding: 0 40px;
    padding-bottom: 1px;
    margin-bottom: 20px;
    border-radius: 4px;
    position: relative;
}

.tab-fixed {
    top: 0;
    position: fixed;
    z-index: 99;
    width: 814px;
}
.scroll-tab .tab-body {
    padding-top: 40px;
}
.scroll-tab .tab-header {
    padding-top: 20px;
    background-color: #fff;
    padding-bottom: 10px;
}
.webinarsDetail .main_index  .detailInfo h4 {
    color: #37a5ec;
    font-size: 18px;
    margin-bottom: 32px;
}
.detail-info-wrapper .part-title {
    padding-left: 36px;
    font-size: 16px;
    font-weight: bolder;
    color: #333;
    height: 25px;
    line-height: 25px;
    background: 0 no-repeat;
    margin-bottom: 24px;
}
.detail-info-wrapper .part-title[data-type=teacher] {
    background-image: url(../images/6190873645559938543-2.png);
    background-size: 24px 22px;
}
.detail-info-wrapper .part-title[data-type=video] {
    background-image: url(../images/5190873645559938543-2.png);
    background-size: 24px 25px;
}
.detailInfo .info {
    color: #999;
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 24px;
}
.detailInfo .liveIntro {
    margin-top: 40px;
}