/*
@author: sunke
*/
body, input, textarea, button {
  font: 14px/1.5 "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1,\9ED1\4F53", "PingFang SC", "Heiti SC", tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
}

body {
  margin: 0 auto;
  color: #333;
  min-width: 1200px;
  background: url("/OtherItem/images/examTips/header.png") no-repeat center 70px #131642;
}

p, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe {
  margin: 0;
  padding: 0;
}

img {
  border: 0 none;
  vertical-align: top;
}

ul, li, ol {
  list-style-type: none;
}

i, em, address, caption, cite, code, dfn, th, var {
  font-style: normal;
}

a {
  text-decoration: none;
  color: #333;
}

a:hover {
  text-decoration: underline;
}

input, button, textarea, a, a:hover {
  outline: none;
}

textarea {
  resize: none;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  *zoom: 1;
}

.fl {
  float: left;
  _display: inline;
}

.fr {
  float: right;
  _display: inline;
}

.pr {
  position: relative;
}

.abs {
  position: absolute;
}

.layout {
  width: 1200px;
  margin: 0 auto;
}

.common-wrap{background: url("/OtherItem/images/examTips/bg1.png") no-repeat center;margin: 420px auto 0;height: 611px;}
.common-wrap .tit{padding: 54px 215px 0 222px;}
.common-wrap .con-left{padding-top: 107px }
.common-wrap .con-left .con{width:382px;padding-left:88px;font-weight: 400;font-size: 18px; color: #666666;}
.common-wrap .con-left ul{padding: 54px 0 0 73px;}
.common-wrap .con-left li{width: 108px;padding: 17px 0 14px 0;text-align: center;float:left;margin-right:12px;color: #F35B00;background: linear-gradient(-40deg, #FEE386, #FEFDDC);box-shadow: 0px 5px 10px 0px rgba(242,215,124,0.56);border-radius: 10px; border-top: 1px solid #fefddc;border-bottom: 1px solid #fefddc; border-left: 1px solid #FEE386; border-right: 1px solid #FEE386;}
.common-wrap .con-left li Strong{font-weight: 400;font-size: 22px;line-height: 29px;}
.common-wrap .con-right{position: relative;}
.common-wrap .descImg{padding-top:13px;position: absolute;right: 13px;}

/*模块1*/
.con01{background: url("/OtherItem/images/examTips/bg2.png") no-repeat center;height: 305px;background-size:1200px 305px;margin-top:80px;position: relative;}
.con01 .topPic{position: absolute;top:-62px;left: 245px;}
.con01 .list-it{padding-top: 50px;}
.con01 .list-it em{color:#F35B00;}
.con01 .list-it .liLeft{background: url("/OtherItem/images/examTips/no1.png") no-repeat center;background-size: 411px 235px;height: 235px;width:400px;float:left;background-position: left}
.con01 .list-it .liCenter{background: url("/OtherItem/images/examTips/no2.png") no-repeat center;background-size: 411px 235px;height: 235px;width:400px;float:left;background-position: center}
.con01 .list-it .liRight{background: url("/OtherItem/images/examTips/no3.png") no-repeat center;background-size: 411px 235px;height: 235px;width:400px;float:right;background-position: right}
.con01 .list-it .liLeft h1{font-size: 20px; color: #02090C;padding: 37px 53px 0 85px;;}
.con01 .list-it .liCenter h1,.con01 .list-it .liRight h1{font-size: 20px; color: #02090C;padding: 50px 53px 0 85px;;}
.con01 .list-it .liLeft ul{padding-top:25px; }
.con01 .list-it .liCenter ul,.con01 .list-it .liRight ul{padding-top:37px; }
.con01 .list-it .liLeft li{padding: 0 96px 0 55px;font-size: 18px;color: #365665;line-height: 1.6;}
.con01 .liCenter li,.con01 .liRight li{padding: 0 96px 0 55px;font-size: 18px;color: #365665;line-height: 1.6;}


/*模块2*/
.con02{background: url("/OtherItem/images/examTips/bg2.png") no-repeat center;height: 461px;background-size:100% 100%;margin-top:80px;position: relative;}
.con02 .topPic{position: absolute;top:-62px;left: 245px;}
.con02 .list-it {padding-top: 46px;}
.con02 .list-it .cbox-list.bg01{background: url("/OtherItem/images/examTips/li01.png") no-repeat center;background-size: 566px 199px;width:566px;height: 199px; padding-left:24px;}
.con02 .list-it .cbox-list.bg02{background: url("/OtherItem/images/examTips/li02.png") no-repeat center;background-size: 566px 199px;width:566px;height: 199px;padding-right: 42px}
.con02 .list-it .cbox-list.bg03{background: url("/OtherItem/images/examTips/li03.png") no-repeat center;background-size: 566px 199px;width:566px;height: 199px;padding-left:24px}
.con02 .list-it .cbox-list.bg04{background: url("/OtherItem/images/examTips/li04.png") no-repeat center;background-size: 566px 199px;width:566px;height: 199px;padding-right: 42px}
.con02 .list-it .cbox-list.bg01 h1,.con02 .list-it .cbox-list.bg03 h1{font-size: 24px;color: #02090C;padding: 35px 0 25px 120px; }
.con02 .list-it .cbox-list.bg02 h1,.con02 .list-it .cbox-list.bg04 h1{font-size: 24px;color: #02090C;padding: 35px 0 25px 152px}
.con02 .list-it .cbox-list p{font-size: 18px;color: #1E1B10;width: 363px;}
.con02 .list-it .cbox-list.bg01 p,.con02 .list-it .cbox-list.bg03 p{padding-left: 115px;}
.con02 .list-it .cbox-list.bg02 p,.con02 .list-it .cbox-list.bg04 p{padding-left: 150px;}

/*模块3*/
.con03{background: linear-gradient(0deg, #121B4C 0%, #292A5C 100%);border-radius: 30px;border: 1px solid #464A8B;;background-size:100% 100%;margin-top:80px;position: relative;}
.con03 .topPic{position: absolute;top:-62px;left: 245px;}
.con03 .step-pic {padding: 58px 93px 0 90px;}
.con03 .module-item{margin-bottom: 50px;}
.con03 .module-item img{margin: 49px 0 0 50px;width: 520px;height: 602px;}
.picList{position: relative;float: left;width: 540px;}
.picList p{position: absolute;position: absolute;margin-top: -90px;width:450px;padding-left: 80px;font-size: 18px;color: #02090C;}

/*购买须知*/
.box-tips{width: 1200px;background: linear-gradient(0deg, #121B4C 0%, #292A5C 100%); border-radius: 30px;border: 1px solid #464A8B;margin:24px 0 28px;}
.box-tips h1{position:relative;font-weight: 400;z-index:1;font-size: 26px; color: #FFFFFF;line-height: 44px;padding:32px 0 0 52px;text-shadow: 0px 10px 10px rgba(0,75,145,0.23);}
.box-tips h1:after{content: "";z-index: -1; width: 104px;height: 6px;background: #00B1BA;position: absolute; bottom:2px;left:50px;}
.box-tips .txt{padding: 40px 0 50px 50px;}
.box-tips p{font-size: 18px;color: #FFFFFF;line-height: 44px;}

.bottomBox{width:100%;height: 80px;background: #000000;opacity: 0.9;position: fixed;bottom: 0;}
.bottomBox .buy-con{width: 1200px;margin: 0 auto;position: relative;display: flex;}
.bottomBox .buy-con h1{font-weight: bold;font-size: 32px; color: #FFFFFF;line-height: 80px;font-style: italic; background: linear-gradient(90deg,#FFE9BE,#FEC27C);-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-left: 100px;width: 800px;}
.bottomBox .buy-con a{width: 200px;text-decoration: none;height: 50px;background: linear-gradient(90deg, #FF6A2C, #FFB54A); font-size: 24px;color: #FFFFFF;border-radius: 25px;text-align: center;margin-top: 15px;line-height: 50px;}