/*  深圳注册专题 */
.szzc-top-banner { width: 100%; min-width: 1200px; min-height:600px; background-color: #e3ecf2; background-position: center top; background-repeat: no-repeat; overflow: hidden}
.szzc-top { margin-top: 344px; height: 160px; text-align: center; }
.szzc-top a {margin: 0 35px; width: 240px; height: 50px; line-height: 50px; font-size: 16px; border-radius: 30px; font-weight: bold; color: #ffffff; border:2px solid #ffffff; display: inline-block;}
.szzc-top a em { margin-left: 10px; width: 19px; height: 9px; background:url("../images/szzc/szzc_ico1.png") no-repeat left top; display: inline-block;}
.szzc-top a:hover {color: #fff; border-color: #01f0e2; background-color: #01f0e2;}
.szzc-top a:hover em {background-position: left bottom}

.zt-wr {margin: 0 auto; width: 1000px;}
.szzc_icoleft ,.szzc_icoright { width: 75px; height: 12px; background:url("../images/szzc/szzc_1.png") no-repeat left top; display: inline-block;}
.szzc_icoleft { margin-right:20px;}
.szzc_icoright { margin-left:10px;transform: rotate(180deg)}
.szzc-one-title { height: 80px;  font-weight: 700; color: #01fff0; font-size: 32px; text-align: center}


.szzc-title {height: 54px; line-height: 54px;}
.szzc-title .sum {margin-right: 26px; width: 54px;height: 54px;font-style: normal; font-weight: 500; color: #ffffff; font-size: 24px; text-align: center; background-color: #00bac4; display: inline-block;}
.szzc-title p { font-weight: 700; font-size: 20px; display: inline-block}

.szzc-onebox {margin-bottom: 60px; clear: both; overflow: hidden}
.szzc-onebox .szzc-title p {}
.szzc-onebox  .sone { background-color: #ffffff; clear: both; overflow: hidden}
.szzc-onebox  .sone .o-r { width: 210px; float: right}
.szzc-onebox  .sone ul { padding-top: 46px; width: 780px; float: left; overflow: hidden;}
.szzc-onebox  .sone ul li { margin-left: 46px; width: 336px; height: 40px; line-height: 40px; font-size: 14px;word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float: left}

.szzc_ico2 { width: 31px; height: 29px; background:url("../images/szzc/szzc_ico2.png") no-repeat left top; display: inline-block;}
.szzc-twobox { margin-bottom: 40px; clear: both; overflow: hidden;}
.szzc-twobox .stleft ,.szzc-twobox .stright {width: 480px;}
.szzc-twobox .stleft { float: left}
.szzc-twobox .stright { float: right}
.szzc-twobox ul li { margin-bottom: 20px; height: 165px; background-color: #ffffff; overflow: hidden;}
.szzc-twobox ul  li .eml { padding: 40px 0 0 30px; width: 70px; float: left; display: block}
.szzc-twobox ul  li p { padding: 36px 30px 0 90px; font-size: 14px; line-height:28px;}

.szzc-threebox dl {background-color: #ffffff; clear: both; overflow: hidden;}
.szzc-threebox dl dt {float: left}
.szzc-threebox dl dd { padding: 35px 60px 0 320px;font-size: 14px; line-height: 28px;}

.szzc-btnbox  { padding: 50px 0; text-align: center; clear: both;}
.szzc-btnbox a { margin: 0 50px; padding: 0 20px; width: 265px; height: 50px; line-height:50px; font-size: 18px;color: #ffffff; border-radius: 30px;  background: #00bac4; display: inline-block;}
.szzc-btnbox a:hover {background-color: #0698a0}

.szzc-title2 { padding: 50px 0 35px; font-size: 32px; font-weight: bold; text-align: center; clear: both; overflow: hidden;}
.szzc-title2:before { margin-right: 20px; content: " "; width: 90px; height: 14px; background:url("../images/szzc/szzc_ico3.png") no-repeat left top; display: inline-block; vertical-align: middle;}
.szzc-title2:after { margin-left: 20px; content: " "; width: 90px; height: 14px; background:url("../images/szzc/szzc_ico3.png") no-repeat left top; display: inline-block; vertical-align: middle; transform: rotate(-180deg)}

.szzc-fivetable { margin: 0 auto; width: 90%; border: 0; border: 1px solid #00bac4;}
.szzc-fivetable thead th { height: 55px; line-height: 55px; text-align: center;background-color: #00bac4; }
.szzc-fivetable tbody td {padding: 13px 10px; text-align: center; font-size: 14px; line-height: 28px; vertical-align: middle;   border-right: 1px solid #00bac4; border-bottom: 1px solid #00bac4;}
.szzc-fivetable tbody td.t-left {padding: 13px 30px; text-align: left}

.szzc-six-bg {width: 100%; min-width: 1200px; background-color: #e3ecf2;}
.szzc-six {padding: 20px 22px; background-color: #ffffff; border-radius: 20px; position: relative;}
.szzc-six:before { content: " "; width: 80%; height: 36px; background-color: #e3ecf2; border-radius: 36px; display: inline-block; position: absolute; left: 10%; top: -18px; display: none}
.szzc-six dl { border-bottom: 1px solid #ccdcdd; clear: both; overflow: hidden;}
.szzc-six dl dt {margin: 30px 0; width: 190px; height: 45px; line-height: 45px; background-color: #00bac4; font-weight: bold; font-size: 15px; color: #ffffff; border-radius: 6px; text-align: center; float: left; position: relative}
.szzc-six dl dt:before {content: ' ';  position: absolute;width: 0;height: 0;right: -12px;top:20px;border: 6px solid;border-color: transparent  transparent  transparent #00bac4;}
.szzc-six dl dt a {color: #ffffff;}
.szzc-six dl dt a:hover { color: #ff0}
.szzc-six dl dd { padding-top: 22px; margin-left: 220px;}
.szzc-six dl dd .item { padding-left: 0; width: 20%; height: 36px; line-height: 36px; display: inline-block; float: left;}
.szzc-six dl dd .item:before {content: " "; width: 6px; height: 6px; margin:0 6px 3px 0; background-color: #00bac4; border-radius: 100%; display: inline-block;}

.szzc-seven {width: 100%; min-width: 1200px; height: 520px;   background:url("../images/szzc/szzc_bg1.jpg") no-repeat center top; }
.szzc-sevenfrom { padding: 0 40px; background-color: #ffffff; clear: both; }
.szzc-sevenfrom .t { font-size: 15px; padding: 40px 0 14px; border-bottom: 1px solid #d5d5d5; font-weight: bold; text-align: center}
.szzc-sevenfrom  .ssf { padding-top: 20px;}
.szzc-sevenfrom  .ssf .item { margin: 0 5%; padding: 10px 0; height: 70px; width:40%; float: left; position:relative; }
.szzc-sevenfrom  .ssf .item .sicon { padding-top: 21px; width: 44px; height: 44px; text-align: center; position: absolute; left: 0; top: 0; display: inline-block; z-index: 10}
.szzc-sevenfrom  .ssf .item .fmsg { font-size: 12px; color: #fe002f; position: absolute; left: 44px; top:60px;}
.szzc-sevenfrom  .ssf .item input {border:none;box-shadow:none; height: 44px; line-height: 44px; background-color: #eee; padding-left: 44px;}
.szzc-sevenfrom  .ssf  .btn-group {width: 100%; text-align: left; position: relative}
.szzc-sevenfrom  .ssf  .dropdown-menu {width: 368px}
.szzc-sevenfrom  .ssf  .dropdown-toggle.btn-default {  padding-left: 44px; width: 368px;height: 44px; background-color: #eee; color: #666666; border:none;box-shadow:none; }
.szzc-sevenfrom .btn-danger {width: 100%; border-radius: 15px;}
.szzc-sevenfrom .region .left { float: left; display: inline-block}
.szzc-sevenfrom .itembtn { text-align: center; padding:15px 0 30px;}
.szzc-btn  { width: 200px; height: 44px; line-height: 44px; text-align: center;  font-size: 15px; color: #ffffff;  border:none;border-radius: 30px;  box-shadow:none; cursor: pointer; background-color: #00bac4; display: inline-block }
.szzc-btn:hover {background-color: #0698a0; color: #ffffff;}

.szzc-eighttab { margin-bottom: 20px; clear: both; overflow: hidden;}
.szzc-eighttab li { margin-right: 12px; width: 89px; float: left;}
.szzc-eighttab li:last-child {margin-right: 0;}
.szzc-eighttab li a { height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #ffffff; background-color: #00bac4; border-radius: 6px; display: block;}
.szzc-eighttab li.active a { background-color: #ffffff; border: 1px solid #00bac4; color: #00bac4; font-weight: bold}

.szzc-eightlist .item  {margin-bottom: 10px; clear: both; overflow: hidden; display: none}
.szzc-eightlist .item ul li { margin: 0 2px; width:196px; height:240px;  background-color: #ddeeef; background-position: 90px 2px; background-repeat: no-repeat; border-radius: 6px; position: relative; float: left; }
.szzc-eightlist .item ul li:first-child { margin-left: 0; width: 196px;}
.szzc-eightlist .item ul li:last-child { margin-right: 0; width: 196px;}
.szzc-eightlist .item ul li:after {content: ' ';  position: absolute;width: 0;height: 0;right: -24px;top:140px;border: 12px solid; z-index: 2;}
.szzc-eightlist .item ul li.e1 { background-image: url("../images/szzc/szzc_eight1.png")}
.szzc-eightlist .item ul li.e1:after {border-color: transparent  transparent  transparent #ddeeef;}
.szzc-eightlist .item ul li.e2 { background-color: #cce8ea;  background-image: url("../images/szzc/szzc_eight2.png")}
.szzc-eightlist .item ul li.e2:after {border-color: transparent  transparent  transparent #cce8ea;}
.szzc-eightlist .item ul li.e3 { background-color: #ddeeef;  background-image: url("../images/szzc/szzc_eight3.png")}
.szzc-eightlist .item ul li.e3:after {border-color: transparent  transparent  transparent #ddeeef;}
.szzc-eightlist .item ul li.e4 { background-color: #cce8ea;  background-image: url("../images/szzc/szzc_eight4.png")}
.szzc-eightlist .item ul li.e4:after {border-color: transparent  transparent  transparent #cce8ea;}
.szzc-eightlist .item ul li.e5 { background-color: #ddeeef;  background-image: url("../images/szzc/szzc_eight5.png")}
.szzc-eightlist .item ul li.e5:after {display: none}
.szzc-eightlist .item ul li p { padding: 0 20px; width: 100%; font-size: 14px; line-height: 22px;  position: absolute; left: 0; top: 50%; transform: translateY(-50%)}

/* 热门推荐 */
.zt-hotlist ul li a:before {background-color: #00bac4;}
.zt-hotlist p svg {fill: #00bac4}
.zt-hotlist  a:hover { color: #00bac4}



