@charset "utf-8";
body {
  font-family: Arial, Helvetica, sans-serif;
  font-family: '微软雅黑';
  font-size: 12px;
  font-style: normal;
  color: #666666;
}
.header {
  background: url('../images/bg001.png') no-repeat center top;
}
ul,
li,
dt,
dl,
dd {
  margin: 0;
  padding: 0;
  list-style: none;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
h7,
p,
img,
input {
  margin: 0;
  padding: 0;
}
a {
  color: #333333;
  text-decoration: none;
  outline: none;
}
a:hover {
  color: #ff6600;
}
a img {
  border: 0;
  margin: 0;
  padding: 0;
}
.clear {
  height: 1;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  clear: both;
  width: 100%;
  zoom: 1;
}
.left_ {
  float: left;
}
.right_ {
  float: right;
  font-size: 12px;
  font-weight: normal;
}

input {
  font-family: '微软雅黑';
}
#warp {
  width: 1040px;
  height: auto;
  margin: 0 auto;
}
/*.top {*/
  /*width: 500px;*/
  /*height: 72px;*/
  /*overflow: hidden;*/
  /*margin-left: 0px;*/
/*}*/
h1 {
  width: 412px;
}
h1 a {
  background: url('../images/logo.png') no-repeat left center;
  padding-left: 256px;
  display: block;
  padding-top: 12px;
  margin-top: 15px;
  height: 55px;
}
.top .hot {
  float: right;
  padding-top: 15px;
}
.top .hot ul li {
  float: left;
  line-height: 43px;
}
.top .hot ul li.tel {
  color: #666666;
}
.top .hot ul li.tel span {
  font-weight: bold;
  color: #ff7200;
}
.top .hot ul li.dot {
  background: url('../images/icon002.png') no-repeat center center;
  padding: 0 5px;
  width: 1px;
  text-indent: -9999px;
}
.top .hot ul li.ph {
  background: url('../images/icon001.png') no-repeat left center;
  padding-left: 15px;
}
.top .hot ul li.ph a {
  color: #ff6600;
}
.miannav {
  margin-left: 260px;
  float: left;
}
.miannav ul li {
  float: left;
  background: url('../images/icon004.png') no-repeat left center;
  height: 30px;
  padding-left: 28px;
  font-size: 15px;
  margin-left: 10px;
}
.miannav ul li.bgnone {
  background: none;
}
.miannav ul li a.hover {
  color: #ff6600;
}
.miannav ul li a {
  color: #333;
}
.miannav ul li a:hover {
  color: #ff6600;
}
.miannav ul li p {
  font-size: 8px;
  font-weight: normal;
  color: #666;
}
.miannav ul li p a {
  color: #dbdada;
}
#reg {
  margin-left: 175px;
  width: 1000px;
}
.user_menu {
  background: url('../images/menu.png') no-repeat scroll left center;
  width: 1000px;
  height: 50px;
  margin-bottom: 12px;
}
.user_menu ul {
  padding-left: 225px;
  padding-top: 8px;
}
.user_menu ul li {
  height: 42px;
  line-height: 42px;
  float: left;
  margin-right: 15px;
  display: inline;
  text-align: center;
  cursor: pointer;
}
.user_menu ul li a {
  display: block;
  height: 42px;
  padding-left: 15px;
  line-height: 42px;
  font-size: 16px;
  color: #fff;
}
.user_menu ul li a span {
  display: block;
  height: 42px;
  padding-right: 15px;
  line-height: 42px;
  font-size: 16px;
  color: #fff;
}
.user_menu ul .hov a,
.user_menu ul li a:hover,
.user_menu ul li a.active {
  background: url('../images/mh_03.png') no-repeat scroll left center;
  text-align: center;
  color: #ff6600;
}
.user_menu ul .hov a span,
.user_menu ul li a:hover span,
.user_menu ul li a.active span {
  background: url('../images/mh_04.png') no-repeat scroll right center;
  text-align: center;
  color: #ff6600;
}
/* 头部结束 */
/* 底部开始 */
.ernav {
  margin: 24px auto 0 auto;
  width: 980px;
  padding-top: 15px;
  background: url('../images/bg011.png') no-repeat center top;
  clear: both;
}
.ernav .zuo {
  float: left;
  line-height: 22px;
  color: #a0a0a0;
}
.ernav .zuo a {
  padding-right: 5px;
  padding-left: 5px;
  color: #a0a0a0;
}
.ernav .zuo a:hover {
  color: #ff6600;
}
.ernav .zuo p {
  padding-left: 5px;
}
.ernav .you {
  float: right;
}
.fl {
  float: left;
}
.fr {
  margin-right: 175px;
  float: right;
  padding-top: 10px;
  box-sizing: border-box;
}
.fr span {
  float: left;
  padding-left: 20px;
  box-sizing: border-box;
}
.fr span.up {
  margin-top: -2px;
}
.fr span.a {z
  background: url(../../images/icon/zxxx_jktk_kemu.png) left no-repeat;
  margin-top: -2px;
}
.fr span.b {
  margin-left: 20px;
  margin-top: -2px;
  background: url(../../images/icon/zxxx_jktk_fxp.png) left no-repeat;
}
.fr span.selectCar {
  display: inline-block;
  width: 90px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border: 1px solid #61a1df;
  margin-left: 20px;
  behavior: url(PIE.htc);
  border-radius: 4px;
  padding-left: 4px;
  padding-right: 20px;
  color: #61a1df;
  /*background: url(../../images/icon/zxxx_jktk_down.png) 70px no-repeat;*/
  background: url(../../images/icon/down.png) 70px no-repeat;
  transition: all 0.5s;
  cursor: pointer;
}
.fr span.selectCar:hover {
  /*background: url(../../images/icon/zxxx_jktk_up.png) 70px no-repeat;*/
  background: url(../../images/icon/up.png) 70px no-repeat;
}
.dialog.dialogCar {
  position: absolute;
  z-index: 99;
  display: none;
  width: 200px;
  height: 280px;
  right: 0;
  top: 40px;
  padding: 10px;
  box-sizing: border-box;
  background-color: #fff;
  behavior: url(PIE.htc);
  box-shadow: 1px 1px 5px #e9e9e9, -1px -1px 5px #e9e9e9;
}
.dialog.dialogCar h5 {
  display: block;
  text-align: center;
  font-size: 14px;
  margin-top: 10px;
  font-weight: 400;
}
.dialog.dialogCar a {
  font-size: 14px;
  width: 100px;
  height: 30px;
  border-radius: 4px;
  margin: 10px auto;
  display: inline-block;
  text-align: center;
  background-color: #61a1df;
  color: #fff;
}
.dialog.dialogCar div {
  float: left;
  width: 80px;
  height: 42px;
  line-height: 20px;
  cursor: pointer;
  border: 1px solid #eee;
  border-radius: 4px;
  margin-top: 8px;
  margin-left: 6px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 12px;
}
.dialog.dialogCar div p {
  font-size: 12px;
  height: 20px;
}
.dialog.dialogCar div.active {
  border: 1px solid #61a1df;
}
.dialog.dialogCar div.active p {
  color: #61a1df;
}
.dialog.dialogCar div:hover {
  border: 1px solid #61a1df;
}
.dialog.dialogCar div:hover p {
  color: #61a1df;
}
.dialog.dialogCar div.d {
  height: 30px;
  line-height: 30px;
}
.dialog.dialogCar div.d.active {
  height: 30px;
  line-height: 30px;
}
.dialog.dialogCar div.d:hover {
  color: #61a1df;
}
.bl {
  display: inline-block;
  width: 4px;
  height: 30px;
  background-color: #61a1df;
  behavior: url(PIE.htc);
  border-radius: 3px;
  margin-right: 8px;
}
.middleNav {
  margin-left: 75px;
}
.middleNav .nav-a {
  padding: 0 60px 10px 30px;
  box-sizing: border-box;
  margin: 18px 0;
  border-bottom: 1px solid #e9e9e9;
}
.middleNav .nav-a .nav-title {
  height: 30px;
  line-height: 30px;
  margin-top: 10px;
}
.middleNav .nav-a .nav-title .fr span {
  font-size: 15px;
}
.middleNav .nav-a p {
  font-size: 14px;
  color: #666666;
}
.middleNav .nav-a .h4 {
  display: inline-block;
  margin-top: 6px;
}
.middleNav .four-box {
  padding: 0 30px 0px 0px;
}
.middleNav .four-box .con {
  width: 200px;
  height: 100px;
  background-color: #fff;
  behavior: url(PIE.htc);
  border-radius: 4px;
  box-shadow: 1px 1px 5px #e9e9e9, -1px -1px 5px #e9e9e9;
  float: left;
  margin: 20px 24px;
  padding-left: 20px;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  transition: all 0.3s;
}
.middleNav .four-box .con img {
  float: left;
  margin-top: 20px;
}
.middleNav .four-box .con .font-box {
  float: left;
  height: 100px;
  margin-top: 20px;
  margin-left: 8px;
}

.middleNav .four-box .con .font-box-big {
  float: left;
  height: 200px;
  width: 800px;
  margin-top: 20px;
  margin-left: 8px;
}
.middleNav .four-box .con .font-box p {
  font-size: 18px;
  margin: 4px;
}
.middleNav .four-box .con:hover {
  top: -1px;
  left: -1px;
  behavior: url(PIE.htc);
  box-shadow: 2px 2px 4px #ccc;
}
.middleNav .jiaocai .jiaocai-con {
  float: left;
  width: 280px;
  height: 44px;
  line-height: 44px;
  border: 1px solid #facb8a;
  text-align: center;
  cursor: pointer;
  margin: 26px;
  margin-bottom: 0;
  font-size: 17px;
  color: #ff6600;
  behavior: url(PIE.htc);
  border-radius: 4px;
  position: relative;
  transition: all 0.3s;
}
.middleNav .jiaocai-con:hover {
  background-color: #fef8e1;
}
.middleNav .tip-box {
  width: 922px;
  height: 102px;
  behavior: url(PIE.htc);
  box-shadow: 1px 1px 5px #e9e9e9, -1px -1px 5px #e9e9e9;
  margin: 36px;
  text-align: center;
  padding: 4px;
  box-sizing: content-box;
  background: url(../../images/tips.png) center no-repeat;
}
.middleNav .tip-box p {
  font-size: 18px;
  color: #f45334;
  margin: 60px 0 0 60px;
}
.w {
  width: 1200px;
  margin: 0 auto;
}
.video {
  background-color: #fff;
}
.video .video-box {
  margin-left: 30px;
  margin-top: 20px;
}
.video .video-tips {
  margin-left: 30px;
  margin-top: 10px;
}
.video .video-tips p {
  color: #666;
}
.video .video-tips span {
  color: #f43b44;
}
.video .scroll-box {
  height: 130px;
  margin-bottom: 90px;
}
.video .mui-scroll-wrapper {
  width: 1000px;
  height: 140px;
}
.video .mui-scroll-wrapper .mui-scroll {
  height: 120px;
  padding-top: 16px;
}
.video .four-box {
  width: 1390px;
}
.video .four-box .con {
  cursor: pointer;
  margin: 0 10px;
  padding: 10px;
  box-sizing: border-box;
}
.video .four-box .con p {
  text-align: center;
  font-size: 14px;
  color: #000;
}
.video .four-box .con p.orange {
  color: #61a1df;
  margin-top: 5px;
  height: 40px;
}
/* .video .four-box .con p.bottom {
  margin-top: 10px;
} */
.video .four-box .con p.bottom span.l {
  float: left;
  padding-left: 20px;
  background: url(../../images/icon/zxxx_spjx_xxz.png) left no-repeat;
}
.video .four-box .con p.bottom span.r {
  float: right;
  padding-left: 20px;
  background: url(../../images/icon/zxxx_spjx_jindu.png) left no-repeat;
}
.store {
  background-color: #fff;
}
.store .store-box .l {
  width: 630px;
  float:left;
}
.store .store-box .l span#title {
  color: #61a1df;
  padding: 0 2px;
  border: 1px solid #61a1df;
  behavior: url(PIE.htc);
  border-radius: 4px;
  float: left;
}
.store .store-box .l h4 {
  margin-left: 10px;
  font-size: 16px;
  float: left;
  height: 24px;
  line-height: 24px;
}
.store .store-box .l img {
  margin-top: 20px;
  float: left;
}
.store .store-box .l .box {
  width: 100%;
  padding-top: 30px;
  padding-left: 20px;
  margin-top: 10px;
  box-sizing: border-box;
  overflow: hidden;
}
.store .store-box .l .box p {
  display: block;
  overflow: hidden;
}
.store .store-box .l .radio {
  float: left;
  width: 22px;
  height: 22px;
  behavior: url(../../images/icon/zxxx_jktk_right.png) center no-repeat;
  border-radius: 50%;
  cursor: pointer;
  border: 1px solid #ccc;
}
.store .store-box .l .radio.active {
  background: url(../../images/icon/zxxx_jktk_right.png) center no-repeat;
  border: none;
}
.store .store-box .l .radio.wrong {
  background: url(../../images/icon/zxxx_jktk_wrong.png) center no-repeat;
  border: none;
}
/*自定义的css开始*/

 div>input{
   display: none;
 }
div>label{
  position: relative;
  margin-right: 34px;
}
div>label::before{
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid rgb(219, 219, 219);
  margin-right: 6px;
  vertical-align: bottom;
}
div>input:checked+label::before{
  background-color: rgb(239, 66, 56);
}
div>input:checked+label::after{
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  left: 6px;
  bottom: 6px;
  background-color: white;

}

/*自定义的css结束*/
.store .store-box{
  line-height: 21px;
}
.store .store-box .l h5 {
  margin-left: 10px;
  font-size: 16px;
  height: 24px;
  line-height: 24px;
  color: #333;
  margin-top: 10px;
  float: left;
}
.store .store-box .l .foot {
  margin-top: 40px;
}
.store .store-box .l .foot .l {
}
.store .store-box .l .foot .l span {
  float: left;
  cursor: pointer;
  width: 90px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  behavior: url(PIE.htc);
  border-radius: 4px;
  font-size: 14px;
  color: #61a1df;
  margin-right: 15px;
  border: 1px solid #61a1df;
}
.store .store-box .l .foot .l span:hover {
  background-color: #fef9e7;
}
.store .store-box .l .foot .l .clt {
  padding-left: 20px;
  box-sizing: border-box;
  background: url(../../images/icon/zxxx_jktk_wsc.png) 18px no-repeat;
}
.store .store-box .l .foot .l .clt.active {
  background: url(../../images/icon/zxxx_jktk_ysc.png) 18px no-repeat;
}
.store .store-box .l .foot .r {
  width: 250px;
  float:left;
}
.store .store-box .l .foot .r span {
  float: left;
  font-size: 14px;
  padding-left: 30px;
  height: 32px;
  line-height: 32px;
}
.store .store-box .l .foot .r span.right {
  background: url(../../images/icon/zxxx_jktk_right.png) left no-repeat;
}
.store .store-box .l .foot .r span.write {
  background: url(../../images/icon/dq22_icon.png) left no-repeat;
}
.store .store-box .l .foot .r span.write2 {
  background: url(../../images/icon/dq22_icon.png) left no-repeat;
  margin-left: 20px;
}
.store .store-box .l .foot .r span.wrong {
  margin-left: 30px;
  background: url(../../images/icon/zxxx_jktk_wrong.png) left no-repeat;
}
.store .store-box .l .foot p {
  display: inline-block;
  margin-top: 10px;
  color: #f4474e;
}
.store .store-box .l .arrow {
  width: 20px;
  height: 20px;
  margin-top: 10px;
  float: left;
  background: url(../../images/icon/zxxx_jktk_kaodian.png) center no-repeat;
}
.store .store-box .l p {
  color: #333;
}
.store .store-box .r {
  width: 305px;
  float: right;
}
.store .store-box .r .answer-box {
  cursor: pointer;
  position: relative;
  width: 270px;
  height: 470px;
  border: 1px solid #e0e0e0;
  right: 100px;
}
.store .store-box .r .answer-box .head {
  background-color: #fff;
  height: 48px;
  line-height: 48px;
  text-align: center;
  color: #333;
  font-size: 18px;
  z-index: 9;
  border-bottom: 1px solid #e0e0e0;
}
.store .store-box .r .answer-box .line {
  margin-top: 16px;
  overflow: hidden;
}
.store .store-box .r .answer-box .line span {
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  float: left;
  border: 1px solid #aeaeae;
  behavior: url(PIE.htc);
  border-radius: 50%;
  margin: 0 8px;
  margin: 0 8px\9;
  background-color: #fff;
}
.store .store-box .r .answer-box .line span.right {
  border-color: #38bc3e;
  color: #38bc3e;
}
.store .store-box .r .answer-box .line span.wrong {
  border-color: #fd5757;
  color: #fd5757;
}
.store .store-box .r .answer-box .line span.write {
  border-color: #555;
  color: #555;
  background-color: #dedddd;
}
.store .store-box .r .answer-box .line span.zqwrite {
  border-color: #38bc3e;
  color: #38bc3e;
  background-color: #dedddd;

}
.store .store-box .r .answer-box .line span.cwwrite {
  border-color: #fd5757;
  color: #fd5757;
  background-color: #dedddd;
}

.store .store-box .r .answer-box .line span.next {
  background-color: #e9e9e9;
}
.exam .ll {
  width: 176px;
  float: left;
  height: 600px;
  margin-right: 20px;
}
.exam .ll div.top-one,
.exam .ll div.top-two,
.exam .ll div.top-three {
  behavior: url(PIE.htc);
  box-shadow: 1px 1px 5px #e9e9e9, -1px -1px 5px #e9e9e9;
}
.exam .ll div .header {
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: #fff9e7;
  behavior: url(PIE.htc);
  box-shadow: none;
}
.exam .ll div .header span {
  padding-left: 20px;
}
.exam .ll div .header .man {
  font-size: 14px;
  color: #61a1df;
  background: url(../../images/icon/man.png) left no-repeat;
}
.exam .ll .top-one {
  width: 162px;
  height: 172px;
}
.exam .ll .top-one span {
  font-size: 14px;
  margin-left: 7px;
}
.exam .ll .top-two {
  margin-top: 20px;
  width: 162px;
}
.exam .ll .top-two .paper {
  font-size: 14px;
  color: #61a1df;
  background: url(../../images/icon/zxxx_mnks_kssm.png) left no-repeat;
}
.exam .ll .top-three {
  margin-top: 20px;
  width: 162px;
  height: 80px;
  text-align: center;
}
.exam .ll .top-three span {
  font-size: 14px;
}
.exam .ll .top-three span.time {
  font-size: 20px;
  display: inline-block;
  margin-top: 10px;
  color: #61a1df;
}
.exam .l {
  width: 490px !important;
}
.exam .l h4 {
  word-break: break-all;
  word-wrap: break-word;
  width: 400px !important;
  margin-bottom: 20px;
}
.exam .foot .l {
  width: 240px !important;
}
.exam .foot .l span {
  cursor: pointer;
}
.exam .foot .r span {
  padding-left: 0 !important;
  cursor: pointer;
  width: 90px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  behavior: url(PIE.htc);
  border-radius: 4px;
  font-size: 14px;
  color: #61a1df;
  border: 1px solid #61a1df;
}
.exam .foot .r span:hover {
  background-color: #fef8e1;
}
.exam .foot p {
  color: #61a1df !important;
  font-size: 14px;
  margin-top: 20px !important;
}
.pritice {
  /*background-color: #fff;*/
}
.pritice .top-box {
  width: 878px;
  margin-left: 30px;
  padding: 2px;
  padding-left: 4px;
  box-sizing: border-box;
  overflow: hidden;
}
.pritice .top-box div {
  cursor: pointer;
  position: relative;
  float: left;
  margin: 10px 0;
  width: 400px;
  height: 46px;
  line-height: 46px;
  font-size: 17px;
  padding-left: 34px;
  box-sizing: border-box;
  border-radius: 4px;
  background: url(../images/icon/zxxx_jktk_fagui.png) 10px no-repeat;
  behavior: url(PIE.htc);
  box-shadow: 1px 1px 5px #e9e9e9, -1px -1px 5px #e9e9e9;
}
.pritice .top-box div.even {
  float: right;
}
.pritice .top-box div.ca {
  background: url(../../images/icon/zxxx_jktk_fagui.png) 10px no-repeat;
}
.pritice .top-box div.cb {
  background: url(../../images/icon/zxxx_jktk_xinhao.png) 10px no-repeat;
}
.pritice .top-box div.cc {
  background: url(../../images/icon/zxxx_jktk_aqxc.png) 10px no-repeat;
}
.pritice .top-box div.cd {
  background: url(../../images/icon/zxxx_jktk_jscz.png) 10px no-repeat;
}
.pritice .top-box div span {
  float: right;
  margin-right: 12px;
}
.pritice .top-box div:hover {
  border: 1px solid #ccc;
}
.pritice .bottom-box {
  width: 940px;
  margin-left: 30px;
  padding: 2px;
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 30px;
}
.pritice .bottom-box div.line > div {
  cursor: pointer;
  position: relative;
  float: left;
  margin: 10px 0;
  margin-left: 28px;
  margin-left: 22px\9;
  width: 164px;
  height: 46px;
  line-height: 46px;
  font-size: 17px;
  padding-left: 24px;
  border-radius: 4px;
  box-sizing: border-box;
  background: url(../images/icon/yuan_yellow.png) 10px no-repeat;
  behavior: url(PIE.htc);
  box-shadow: 1px 1px 5px #e9e9e9, -1px -1px 5px #e9e9e9;
}
.pritice .bottom-box div.line > div:hover {
  behavior: url(PIE.htc);
  border: 1px solid #ccc;
}
.pritice .bottom-box div.line > div.linea {
  margin-left: 0;
}
.pritice .bottom-box div.line > div.lineb {
  background: url(../images/icon/yuan_blue.png) 10px no-repeat;
}
.pritice .bottom-box div.line > div.linec {
  background: url(../images/icon/yuan_orange.png) 10px no-repeat;
}
.pritice .bottom-box div.line > div.lined {
  background: url(../images/icon/yuan_qing.png) 10px no-repeat;
}
.pritice .bottom-box div.line > div span {
  float: right;
  margin-right: 10px;
}
.collect .top-box div.collect {
  background: url(../../images/icon/zxxx_jktk_shouc.png) 10px no-repeat;
}
.collect .top-box div.wrongicon {
  background: url(../../images/icon/zxxx_jktk_cuoti.png) 10px no-repeat;
}
.record {
  /*background-color: #fff;*/
}
.record .record-table {
  margin-left: 30px;
  width: 920px;
  color: #333;
  behavior: url(PIE.htc);
  box-shadow: 1px 1px 5px #e9e9e9, -1px -1px 5px #e9e9e9;
}
.record .record-table tr {
  height: 38px;
  line-height: 38px;
  text-align: center;
}
.record .record-table tr th {
  font-size: 18px;
  font-weight: 400;
  border: 1px solid #e9e9e9;
  text-align: center;
  background-color: #fef9e7;
}
.record .record-table tr td {
  font-size: 14px;
  border: 1px solid #e9e9e9;
}
.record .record-table tr td.pass {
  color: #f44048;
  background: url(../images/icon/zxxx_jktk_yitg.png) 82px no-repeat;
}
.record .record-tips {
  margin-left: 30px;
  margin-top: 40px;
}
.record .record-tips h6 {
  font-size: 18px;
  color: #61a1df;
  padding-left: 20px;
  margin-bottom: 10px;
  background: url(../images/icon/zxxx_mnks_kssm.png) left no-repeat;
}
.record .record-tips p {
  color: #333;
  font-size: 15px;
}

a:link{
  text-decoration:none;
}
a:visited{
  text-decoration:none;
}
a:hover{
  text-decoration:none;
}
a:active{
  text-decoration:none;
}

.custom-layui-btn-text-align .layui-layer-btn{
  text-align: center;
}

.jiaxiaojiage {
  width: 945px;
  border: 1px solid #fafafa;
  background-color: rgb(255, 255, 255);
  font-family: "Microsoft Yahei";
  box-shadow: 1px 1px 5px #e9e9e9, -1px -1px 5px #e9e9e9;
  border-radius: 4px;
  margin: 20px 100px 20px 8px
}