@charset "utf-8";
a,
address,
b,
big,
blockquote,
body,
center,
cite,
code,
dd,
del,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
label,
legend,
li,
ol,
p,
pre,
small,
span,
strong,
u,
ul,
var {
  margin: 0;
  padding: 0;
}
body {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-size: 12px;
  color: #707070;
}
li,
ol,
ul {
  list-style: none outside none;
}
a {
  text-decoration: none;
  color: inherit;
  outline: 0;
}
img {
  border: none;
  vertical-align: middle;
}
table {
  border-collapse: collapse;
}
td,
th,
tr {
  padding: 0;
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  color: #474747;
  line-height: 100%;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}
button,
input,
select,
textarea {
  padding: 0;
  border: 1px solid #ccc;
  font-family: inherit;
  outline: 0;
  font-size: inherit;
}
.jspContainer {
  overflow: hidden;
  position: relative;
}
.jspPane {
  position: absolute;
}
.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 100%;
}
.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
}
.jspHorizontalBar *,
.jspVerticalBar * {
  margin: 0;
  padding: 0;
}
.jspCap {
  display: none;
}
.jspHorizontalBar .jspCap {
  float: left;
}
.jspTrack {
  background: #dde;
  position: relative;
}
.jspDrag {
  background: #ddd;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}
.jspHorizontalBar .jspDrag,
.jspHorizontalBar .jspTrack {
  float: left;
  height: 100%;
}
.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
}
.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d;
}
.jspVerticalBar .jspArrow {
  height: 16px;
}
.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%;
}
.jspVerticalBar .jspArrow:focus {
  outline: 0;
}
.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}
* html .jspCorner {
  margin: 0 -3px 0 0;
}
.jspVerticalBar {
  width: 6px;
}
.jspDrag {
  background: #f3582a;
}
.jspTrack {
  background: #aaa;
  background: url(../image/line1.png) center top repeat-y;
}
@font-face {
  font-family: dinpro;
  src: url(dinpro.eot);
  src: url(dinpro.eot?#iefix) format('embedded-opentype'), url(dinpro.woff2) format('woff2'),
    url(dinpro.woff) format('woff'), url(dinpro.ttf) format('truetype'), url(dinpro.svg#dinpro) format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: DINProM;
  src: url(DINProM.eot);
  src: url(DINProM.eot) format('embedded-opentype'), url(DINProM.woff2) format('woff2'),
    url(DINProM.woff) format('woff'), url(DINProM.ttf) format('truetype'), url(DINProM.svg#DINProM) format('svg');
}
.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}
.clearfix:after {
  content: '';
  clear: both;
  display: block;
}
.left {
  float: left;
}
.right {
  float: right;
}
.footer_f {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}
body {
  min-width: 1003px;
  max-width: 1920px;
  font-size: 14px;
  color: #707070;
  background: #eee;
}
#body {
  overflow: hidden;
  position: relative;
}
.block {
  width: 1000px;
  height: 100%;
  margin: 0 auto;
}
.hdline {
  height: 1px;
  background: #fff;
}
.code2d {
  background: url(../image/float.png) center center no-repeat;
  width: 24px;
  height: 214px;
  background-size: contain;
  position: fixed;
  right: 20px;
  top: 50%;
  margin-top: -107px;
  z-index: 2;
}
.code2d a {
  display: block;
  height: 100%;
}
.code2d .pic {
  position: absolute;
  right: 100%;
  top: 55px;
  width: 75px;
  display: none;
}
.code2d:hover .pic {
  display: block;
}
.code2d .pic img {
  width: 100%;
  height: auto;
}
#header {
  background-image: linear-gradient(90deg, #ff8823 0, #ff7726 100%);
  height: 80px;
  position: relative;
  z-index: 3;
}
#header .block {
  position: relative;
}
#header .logo {
  background: url(../image/STLogo_HeadBar.png) center center no-repeat;
  width: 133px;
  position: absolute;
  left: -99px;
  top: 10px;
}
#header .nav_main {
  position: absolute;
  left: 60px;
  top: 15px;
  height: 100%;
  line-height: 50px;
}
#header .nav_main li {
  float: left;
  height: 100%;
  position: relative;
  color: #fff;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
}
#header .nav_main li.l1 {
  color: #fff;
}
#header .nav_main li.l2 {
  color: #fff;
}
#header .nav_main li.l3 {
  color: #fff;
}
#header .nav_main li.l4 {
  color: #fff;
}
#header .nav_main li.l5 {
  color: #fff;
}
#header .nav_main li:hover {
  background: url(../image/black30.png);
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
}
#header .nav_main li.now {
  background: url(../image/black30.png);
  color: #fff;
}
#header .nav_main li a {
  height: 100%;
  display: block;
  padding: 0 10px;
  font-size: 18px;
  font-family: DINProM;
  color: inherit;
}
#header .nav_main li p {
  position: absolute;
  left: 0;
  top: 100%;
  white-space: nowrap;
  display: none;
  background: url(../image/blank.png);
}
#header .nav_main li:hover p {
  display: block;
}
#header .nav_main li p a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 2px;
  background: url(../image/black50.png);
  color: #fff;
}
#header .nav_main li p a:hover {
  background: #ff8b00;
}
#header .nav_main li p a:first-child {
  margin-top: 0;
}
#header .right {
  position: absolute;
  right: -105px;
  top: 25px;
}
#header .search {
  background: url(../image/ic_Search.png) no-repeat 0 0;
  width: 30px;
  height: 30px;
  float: left;
  position: relative;
}
#header .search .btn {
  display: block;
  height: 100%;
}
#header .search .bar {
  position: absolute;
  right: 0;
  top: 0;
  width: 178px;
  border: 2px solid #a45d03;
  height: 30px;
  border-radius: 17px;
  background: #fff;
  display: none;
  transition: width 0.1s ease-out 0s;
  -webkit-transition: width 0.2s ease-out 0s;
}
#header .search .bar .ipt {
  float: left;
  height: 100%;
  width: 125px;
  line-height: 30px;
  padding: 0 5px 0 12px;
  position: relative;
}
#header .search .bar .ipt input {
  border: none;
  background: 0 0;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  font-size: 14px;
}
#header .search .bar .ipt ul {
  position: absolute;
  top: 100%;
  left: 11px;
  width: 130px;
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 0 0 3px 3px;
  padding: 3px 0;
  display: none;
}
#header .search .bar .ipt ul li {
  padding: 0 5px;
  line-height: 20px;
  cursor: pointer;
}
#header .search .bar .ipt ul li:hover {
  background: #eee;
}
#header .search .bar button {
  background: url(../image/ic_Search.png) no-repeat 0 -30px;
  width: 30px;
  height: 30px;
  float: right;
  border: none;
  display: block;
  margin-right: 5px;
  cursor: pointer;
}
#header .grid {
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
  margin-left: 8px;
  z-index: 2;
}
#header .grid .btn {
  display: block;
  height: 100%;
  background: url(../image/ic_fastenter.png) center top no-repeat;
}
#header .grid:hover .btn {
  background-position: center -30px;
}
#header .grid .panel {
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 10px;
  background: url(../image/black80.png);
  border-radius: 5px;
  padding: 19px 15px 10px;
  display: none;
  min-width: 150px;
}
#header .grid .panel:before {
  content: '';
  position: absolute;
  right: 10px;
  top: -10px;
  top: -9px;
  background: url(../image/arrow1.png) center center no-repeat;
  width: 10px;
  height: 10px;
}
#header .grid .panel table {
  width: 100%;
  text-align: center;
}
#header .grid .panel td {
  vertical-align: top;
}
#header .grid .panel dl {
  padding-bottom: 40px;
  white-space: nowrap;
}
#header .grid .panel dt {
  font-size: 12px;
  color: #d3d3d3;
  font-family: DINProM;
  margin-bottom: 10px;
  font-style: italic;
  line-height: 120%;
  border-top: 1px solid #aaa;
  padding-top: 8px;
}
#header .grid .panel dd {
  font-size: 12px;
  font-family: DINProM;
}
#header .grid .panel .link {
  clear: both;
  height: 28px;
  line-height: 25px;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}
#header .grid .panel .link a {
  font-size: 12px;
  color: #fff;
  width: 33.3%;
  float: left;
  text-align: center;
}
#header .grid .panel .copy {
  font-size: 12px;
  color: #fff;
  line-height: 140%;
  padding: 8px 0 5px;
  text-align: center;
}
#header .share {
  float: left;
}
#header .share a {
  float: left;
  width: 30px;
  height: 30px;
  margin-left: 5px;
}
#header .share a.a1 {
  background: url(../image/ic_twitter.png) center top no-repeat;
}
#header .share a.a1:hover {
  background-position: center -30px;
}
#header .share a.a2 {
  background: url(../image/ic_facebook.png) center top no-repeat;
}
#header .share a.a2:hover {
  background-position: center -30px;
}
#header .share a.a3 {
  background: url(../image/ic_linkedin.png) center top no-repeat;
}
#header .share a.a3:hover {
  background-position: center -30px;
}
#header .share a.a4 {
  background: url(../image/ic_google.png) center top no-repeat;
}
#header .share a.a4:hover {
  background-position: center -30px;
}
#header .share a.a5 {
  background: url(../image/ic_instagram.png) center top no-repeat;
}
#header .share a.a5:hover {
  background-position: center -30px;
}
#header .share a.a6 {
  background: url(../image/ic_youtube.png) center top no-repeat;
}
#header .share a.a6:hover {
  background-position: center -30px;
}
#header .log {
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
  margin-left: 5px;
}
#header .log .a {
  background: url(../image/ic_account.png) center top no-repeat;
  display: block;
  height: 100%;
}
#header .log:hover .a {
  background-position: center -30px;
}
#header .log .a.act {
  background-position: center -30px;
}
#header .log .logst {
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 10px;
  background: url(../image/black80.png);
  border-radius: 5px;
  width: 170px;
  padding-bottom: 20px;
  font-size: 12px;
  display: none;
}
#header .log .logst:before {
  content: '';
  position: absolute;
  right: 10px;
  top: -10px;
  background: url(../image/arrow1.png) center center no-repeat;
  width: 10px;
  height: 10px;
}
#header .log .logst .inner {
  padding: 20px 15px 0;
}
#header .log .logst h3 {
  height: 25px;
  line-height: 22px;
  text-align: center;
  color: #eee;
  font-style: italic;
  font-size: 12px;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}
#header .log .logst .text {
  text-align: center;
  color: #f86f00;
  padding: 8px 0;
}
#header .log .logst .btn1 {
  height: 25px;
  line-height: 22px;
  text-align: center;
  color: #eee;
  font-style: italic;
  font-size: 12px;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}
#header .log .logst .btn2 {
  height: 25px;
  line-height: 22px;
  text-align: center;
  color: #eee;
  font-style: italic;
  font-size: 12px;
  border-bottom: 1px solid #aaa;
}
#focus {
  background: #464646;
  overflow: hidden;
}
#focus .block {
  position: relative;
}
#focus .frame {
  overflow: hidden;
  width: 959px;
  margin: auto;
  box-shadow: 0 0 9px rgba(0, 0, 0, 1);
}
#focus .frame .child {
  float: left;
}
#focus .frame .child img {
  width: 100%;
  height: auto;
}
#focus .prev {
  position: absolute;
  left: -5px;
  top: 50%;
  margin-top: -40px;
  background: url(../../newhome/images/icon_web_btn_Banner.png) no-repeat 0 0;
  width: 20px;
  height: 40px;
}
#focus .next {
  position: absolute;
  right: -5px;
  top: 50%;
  margin-top: -40px;
  background: url(../../newhome/images/icon_web_btn_Banner.png) no-repeat -20px 0;
  width: 20px;
  height: 40px;
}
#focus .prev:hover {
  background-position: -43px 0;
}
#focus .next:hover {
  background-position: -65px 0;
}
#focus .nav {
  margin-top: -25px;
  padding-bottom: 15px;
  text-align: center;
}
#focus .nav i {
  display: inline-block;
  width: 20px;
  height: 14px;
  border-radius: 100%;
  margin: 0 3px;
  background: url(../../newhome/images/icon_web_btn_Banner.png) no-repeat -85px -14px;
  cursor: pointer;
}
#focus .nav i.now {
  background: url(../../newhome/images/icon_web_btn_Banner.png) no-repeat -85px 0;
  border: none;
  width: 20px;
  height: 14px;
}
#footer {
  background: #414141;
  padding: 13px 0 20px;
}
#footer .part {
  float: left;
  width: 25%;
  font-size: 12px;
  color: #a8a8a8;
}
#footer .part h2 {
  font-size: 14px;
  color: #d5d5d5;
  text-transform: capitalize;
}
#footer .part .text {
  margin-top: 20px;
}
#footer .part a:hover {
  color: #eee;
}
#footer .part ul {
  margin-top: 20px;
}
#footer .part p {
  margin-top: 20px;
}
#footer .btn {
  margin-top: 10px;
}
#footer .btn .a1 {
  background: url(../image/ic_footbar_Twitter2.png) center center no-repeat;
  width: 16px;
  height: 16px;
  float: left;
  margin-left: 4px;
}
#footer .btn .a2 {
  background: url(../image/ic_footbar_Facebook2.png) center center no-repeat;
  width: 16px;
  height: 16px;
  float: left;
  margin-left: 0;
}
#footer .btn .a3 {
  background: url(../image/ic_google_linkedin_instagram.png) no-repeat -16px;
  height: 16px;
  float: left;
  margin-left: 4px;
}
#footer .btn .a4 {
  background: url(../image/ic_google_linkedin_instagram.png) no-repeat 0;
  height: 16px;
  float: left;
  margin-left: 4px;
}
#footer .btn .a5 {
  background: url(../image/ic_google_linkedin_instagram.png) no-repeat -32px;
  height: 16px;
  float: left;
  margin-left: 4px;
}
#footer .btn .a6 {
  background: url(../image/icon_youtube.png) center center no-repeat;
  width: 16px;
  height: 16px;
  float: left;
  margin-left: 4px;
}
.shadow {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../image/black80.png);
  z-index: 3;
  display: none;
}
.login {
  position: fixed;
  background: url(../image/bg1.png) center top no-repeat;
  width: 524px;
  height: 550px;
  left: 50%;
  top: 50%;
  margin: -265px 0 0 -262px;
  z-index: 4;
  display: none;
}
.login .close {
  background: url(../image/ic_close.png) center center no-repeat;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
  height: 30px;
}
.login .inner {
  padding: 28px 120px 0;
}
.login .logo {
  padding: 15px 0;
  text-align: center;
}
.login .form .line {
  margin-top: 20px;
}
.login .form .line:first-child {
  margin-top: 0;
}
.login .form .ipt {
  height: 40px;
  line-height: 38px;
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
  padding-left: 40px;
}
.login .form .ipt .btn {
  color: #ff8d00;
  font-size: 14px;
  float: right;
  padding-right: 5px;
}
.login .form .ipt input {
  background: 0 0;
  border: none;
  float: left;
  height: 26px;
  line-height: 26px;
  margin-top: 6px;
}
.login .form .ipt .passwd {
  float: left;
  height: 100%;
  position: relative;
  width: 122px;
}
.login .form .ipt .passwd .b {
  position: absolute;
  width: 100%;
  height: 26px;
  line-height: 26px;
  margin-top: 6px;
  left: 0;
  top: 0;
  color: #000;
  font-size: 14px;
  text-align: left;
}
.login .form .select {
  position: relative;
  cursor: pointer;
}
.login .form .select ul {
  position: absolute;
  left: -1px;
  top: 100%;
  width: 284px;
  padding-top: 1px;
  background: url(../image/blank.png);
  display: none;
}
.login .form .select li {
  height: 30px;
  background: #ebebeb;
  margin-top: 3px;
  opacity: 0.9;
  line-height: 30px;
  padding-left: 41px;
}
.login .form .select li:hover {
  opacity: 1;
}
.login .form p {
  color: #f11;
  padding: 0 5px 0;
}
.login .form .ico1 {
  background: #ebebeb url(../image/ic_account_login.png) 3px -56px no-repeat;
}
.login .form .ico2 {
  background: #ebebeb url(../image/ic_lock.png) 5px center no-repeat;
}
.login .form .ico3 {
  background: #ebebeb url(../image/ic_location.png) 5px center no-repeat;
}
.login .button {
  margin-top: 35px;
}
.login .button a {
  display: block;
  height: 38px;
  line-height: 35px;
  border-radius: 19px;
  border: 1px solid #ff8d00;
  margin-left: 46px;
  font-size: 22px;
  color: #fff;
  text-align: center;
  font-weight: 700;
}
.login .button a:hover {
  background: #ff8d00;
}
.login .button a:first-child {
  margin-left: 0;
}
.login .logbtn {
  color: #ff8d00;
  text-align: center;
  height: 30px;
  line-height: 30px;
  margin-top: 10px;
}
.login .logbtn h3 {
  line-height: 2.1;
  color: #ff8d00;
  font-size: 14px;
}
.login .logbtn p {
  margin-top: 5px;
  line-height: 1;
}
.login .logbtn a {
  display: inline-block;
  margin: 0 17px;
}
.login .logbtn .fb {
  background: url(../image/ic_footbar_Facebook1.png) center center no-repeat;
  width: 30px;
  height: 30px;
}
.login .logbtn .tw {
  background: url(../image/ic_footbar_Twitter1.png) center center no-repeat;
  width: 30px;
  height: 30px;
}
.login .b {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  background: #ff8d00;
  font-size: 16px;
}
.login .b a {
  font-weight: 700;
}
.blur {
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
}
.home {
  border-top: 4px solid #ff9800;
  padding: 20px 0 80px;
  z-index: 1;
}
.home .title {
  position: relative;
  font-size: 24px;
  font-family: DINProM;
  color: #ff8d00;
}
.home .title:after {
  content: '';
  clear: both;
  display: block;
}
.home .title h2 {
  font-size: 21px;
  line-height: inherit;
  color: #d5217d;
  float: left;
  font-weight: 700;
  background: #fff;
  position: relative;
  padding-right: 20px;
  text-transform: capitalize;
}
.home .title .more {
  background: #fff;
  float: right;
  font-size: 14px;
  color: #666;
  position: relative;
  padding-left: 10px;
}
.home .t1:before {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  height: 1px;
  margin-top: 1px;
  background: #d5217d;
}
.home .t2:before {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  height: 1px;
  margin-top: 1px;
  background: #00a3d7;
}
.home .t2 h3 {
  color: #00a3d7;
}
.home .t3:before {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  height: 1px;
  margin-top: 1px;
  background: #409a48;
}
.home .t3 h3 {
  color: #409a48;
}
.home .d1 {
  float: left;
  width: 340px;
  padding: 0 20px 20px;
  background: #fff;
  border-radius: 5px;
}
.home .d1 h3 {
  font-size: 14px;
  color: #d5217d;
  margin-top: 5px;
}
.home .d1 h3 .more {
  float: right;
  color: #666;
  text-transform: none;
}
.home .d1 .list {
  margin-top: 5px;
}
.home .d1 .item {
  width: 160px;
  height: 120px;
  overflow: hidden;
  position: relative;
  margin-left: 20px;
  float: left;
  border-radius: 3px;
}
.home .d1 .item .pic {
  background: url(../image/def.png);
  height: 100%;
}
.home .d1 .item .pic img {
  width: 100%;
  height: auto;
}
.home .d1 .item:first-child {
  margin-left: 0;
}
.home .d1 .part:last-child {
  margin-top: 27px;
}
.home .d1 .item .sdw {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
  pointer-events: none;
}
.home .d1 .item .mask {
  position: absolute;
  left: 0;
  bottom: -41px;
  width: 100%;
  background: url(../image/pink70.png);
  padding-bottom: 5px;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
}
.home .d1 .item:hover .mask {
  bottom: 0;
}
.home .d1 .item .mask h4 {
  padding: 0 10px;
  color: #fff;
  font-size: 14px;
  height: 22px;
  line-height: 22px;
  position: relative;
}
.home .d1 .item .mask h4:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 22px;
  height: 100%;
  background: url(../image/ic_Unfold.png) center center no-repeat;
}
.home .d1 .item:hover .mask h4:after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.home .d1 .item .mask li {
  font-size: 12px;
  color: #fff;
  padding: 0 10px;
  line-height: 100%;
}
.home .d1 .item .mask li a {
  font-size: inherit;
  color: inherit;
}
.home .d2 {
  float: left;
  margin-left: 20px;
}
.home .d2 .part {
  background: #fff;
  border-radius: 5px;
  padding: 0 20px 20px;
  width: 340px;
}
.home .d2 .part:first-child {
  margin-bottom: 20px;
}
.home .d2 .item {
  width: 160px;
  height: 120px;
  overflow: hidden;
  position: relative;
  margin-left: 20px;
  float: left;
  border-radius: 3px;
}
.home .d2 .item .pic {
  background: url(../image/def.png);
  height: 100%;
}
.home .d2 .item .pic img {
  width: 100%;
  height: auto;
}
.home .d2 .part.p2 .item {
  height: 110px;
}
.home .d2 .item:first-child {
  margin-left: 0;
}
.home .d2 .item .sdw {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
}
.home .d2 .item .mask {
  position: absolute;
  left: 0;
  bottom: -41px;
  width: 100%;
  background: url(../image/pink70.png);
  padding-bottom: 5px;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
}
.home .d2 .item:hover .mask {
  bottom: 0;
}
.home .d2 .item .mask h4 {
  padding: 0 10px;
  color: #fff;
  font-size: 14px;
  height: 22px;
  line-height: 22px;
  position: relative;
}
.home .d2 .item .mask h4:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 22px;
  height: 100%;
  background: url(../image/ic_Unfold.png) center center no-repeat;
}
.home .d2 .item:hover .mask h4:after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.home .d2 .item .mask li {
  font-size: 12px;
  color: #fff;
  padding: 0 10px;
  line-height: 100%;
}
.home .d2 .item .mask li a {
  font-size: inherit;
  color: inherit;
}
.home .d2 .p1 .title h2 {
  color: #00a3d7;
}
.home .d2 .p2 .title h2 {
  color: #409a48;
}
.home .d2 .p1 .mask {
  background: url(../image/blue70.png);
}
.home .d2 .p2 .mask {
  background: url(../image/green70.png);
}
.home .d3 {
  background: #fff;
  border-radius: 3px;
  height: 370px;
  float: left;
  padding: 0 20px;
  width: 160px;
  margin-left: 20px;
}
.home .d3 h2 {
  font-size: 21px;
  color: #9b9b9b;
  padding-top: 10px;
  font-weight: 700;
  text-transform: capitalize;
}

/* 注册 */
.register {
  padding: 40px 0 120px;
}
.register .inner {
  width: 260px;
  margin: 0 auto;
  background: #fff;
  border-radius: 3px;
  padding: 35px 70px;
}
.register .logo {
  display: block;
  margin: 0 auto;
}
.register .tab {
  height: 45px;
  width: 80%;
  margin: 30px auto 0;
}
.register .tab .tab1 {
  background: url(../image/ic_phone_blue.png) center bottom no-repeat;
  width: 30%;
  height: 45px;
  float: left;
  margin: 0 10%;
  cursor: pointer;
}

.register .tab .tab1.active {
  background-position: center top;
}
.register .tab .tab2 {
  background: url(../image/ic_email_blue.png) center bottom no-repeat;
  width: 30%;
  height: 45px;
  float: left;
  margin: 0 10%;
  cursor: pointer;
}
.register .tab .tab2.active {
  background-position: center top;
}
.register .tab .s {
  margin: auto;
  float: none;
  display: block;
}
.register .tip1 {
  color: #9b9b9b;
  font-size: 12px;
  margin-top: 5px;
  text-align: center;
}
.register .tip2 {
  color: #4a4a4a;
  font-size: 12px;
  margin-top: 20px;
}
.register .tip2 a {
  color: #619ee6;
  text-decoration: underline;
}
.register .form {
  margin-top: 5px;
  display: none;
}

.register .form .form-item {
  border: 1px solid #e5e5e5;
  height: 30px;
  line-height: 30px;
  margin-top: 20px;
  font-size: 14px;
  position: relative;
}

.register .form .form-item ul {
  position: absolute;
  z-index: 1;
  width: 100%;
  background: white;
  height: 250px;
  overflow: auto;
  top: 31px;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
  display: none;
}
.register .form .form-item ul li {
  padding: 3px 10px;
}

.form .area-label {
  padding: 0 10px;
  color: #777;
  background: url(../image/arrow.png) right center no-repeat;
  cursor: pointer;
}

.register .form-item input {
  border: none;
  color: #777;
  font-size: 14px;
  padding: 0 10px;
  height: 100%;
  width:92%;
}

.register .form strong.tip {
  color: #f11;
  clear: both;
  display: none;
  padding: 2px 0;
  font-weight: normal;
  font-size: 12px;
}

.register .get_verify {
  background: #a8a8a8;
  color: white;
  width: 88px;
  text-align: center;
  right: 0;
  position: absolute;
}

.register .get_verify.able {
  background: #ff8d00;
}

.register .form .button {
  margin-top: 30px;
  text-align: center;
}
.register .form .button button {
  height: 30px;
  width: 100px;
  text-align: center;
  padding-bottom: 3px;
  color: #fff;
  background: #a8a8a8;
  border: none;
  cursor: pointer;
  font-size: 14px;
}
.register .form .button button.able {
  background: #ff8d00;
}

.register .form .cont {
  min-height: 145px;
}
.register .form .text {
  text-align: center;
  color: #aaa;
}

.register .form .passwd .b {
  position: absolute;
  left: 10px;
  height: 100%;
  top: 0;
}

.register .form p span {
  float: left;
  color: #4a4a4a;
  margin-right: 5px;
}
.register .form .btn {
  background: #ff8d00;
  color: #fff;
  width: 88px;
  text-align: center;
  float: right;
  height: 20px;
  margin: -1px -1px 0 0;
}

.form em.select b {
  display: block;
}
.form em.select em.ul {
  position: absolute;
  left: -1px;
  width: 100%;
  top: 100%;
  background: #fff;
  border: 1px solid #ddd;
  border-top: 0;
  display: block;
}
.form em.select em.li {
  display: block;
  line-height: 18px;
}
.register .form .time {
  background: #a8a8a8;
}
.form1 strong.tip {
  color: #f11;
  clear: both;
  padding: 0 0;
  display: block;
  padding: 0 10px;
}
.form1 em.select {
  float: left;
  width: 60px;
  position: relative;
  margin-left: -10px;
  margin-right: 0;
  color: #777;
  border-right: 1px solid #ddd;
  text-indent: 10px;
  background: url(../image/arrow.png) right center no-repeat;
  cursor: pointer;
}
.form1 em.select b {
  display: block;
  height: 18px;
  line-height: 18px;
}
.form1 em.select em.ul {
  position: absolute;
  left: -1px;
  width: 100%;
  top: 100%;
  background: #fff;
  border: 1px solid #ddd;
  border-top: 0;
  display: none;
}
.form1 em.select:hover em.ul {
  display: block;
}
.form1 em.select em.li {
  display: block;
  line-height: 18px;
}
.register .form1 .time {
  background: #a8a8a8;
}
.title1 {
  height: 80px;
  line-height: 80px;
  background: url(../image/line1.png) right center no-repeat;
}
.title1 h3 {
  float: left;
  line-height: inherit;
  font-size: 30px;
  background: #fff;
  padding-right: 20px;
}
.title2 {
  height: 60px;
  line-height: 60px;
  background: url(../image/line1.png) right center no-repeat;
}
.title2 h3 {
  float: left;
  line-height: inherit;
  font-size: 30px;
  background: #fff;
  padding-right: 20px;
}
.title3 {
  height: 60px;
  line-height: 60px;
  padding: 0 30px;
  background: #fff;
}
.title3 .inner {
  background: url(../image/line1.png) right center no-repeat;
  height: 100%;
}
.title3 h3 {
  float: left;
  line-height: inherit;
  font-size: 30px;
  background: #fff;
  padding-right: 20px;
}
.page {
  padding: 40px 0 60px;
}
.products1 {
  background: #fff;
  padding: 0 20px 20px;
}
.products1 .recm {
  float: left;
  width: 520px;
  height: 260px;
  position: relative;
  border-radius: 3px;
  overflow: hidden;
}
.products1 .recm .nav {
  position: absolute;
  left: 0;
  top: 50%;
  padding: 0 10px;
  width: 6px;
  line-height: 0;
  z-index: 1;
}
.products1 .recm .nav i {
  display: inline-block;
  border: 2px solid #aaa;
  border-radius: 6px;
  width: 6px;
  height: 6px;
  margin: 2px 0;
  cursor: pointer;
}
.products1 .recm .nav i.now {
  background: #aaa;
}
.products1 .recm .frame {
  overflow: hidden;
  height: 100%;
}
.products1 .recm .frame .child {
  position: relative;
}
.products1 .recm .sdw {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.products1 .recm .pic {
  float: left;
  width: 340px;
  height: 100%;
  overflow: hidden;
}
.products1 .recm .pic img {
  width: 100%;
  height: auto;
}
.products1 .recm .pic:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.products1 .recm .txt {
  float: left;
  width: 140px;
  background: #eaeaea;
  padding: 0 20px 0;
  line-height: 160%;
  color: #333;
  height: 100%;
  font-size: 12px;
  position: relative;
}
.products1 .recm .txt h3 {
  color: #f97e00;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  font-weight: 700;
  position: relative;
  z-index: 1;
  margin-top: 15px;
}
.products1 .recm .txt .more {
  position: absolute;
  left: 20px;
  bottom: 20px;
  color: #f97e00;
  font-size: 12px;
  background: url(../image/arrow2.png) right 6px no-repeat;
  padding-right: 12px;
  z-index: 1;
}
.products1 .list {
  margin-left: 20px;
  float: left;
  width: 420px;
  height: 260px;
  overflow: hidden;
}
.products1 .item {
  width: 200px;
  height: 120px;
  overflow: hidden;
  position: relative;
  margin-left: 20px;
  margin-bottom: 20px;
  float: left;
  border-radius: 3px;
}
.products1 .item .pic {
  background: url(../image/def.png);
  height: 100%;
}
.products1 .item .pic img {
  width: 100%;
  height: auto;
}
.products1 .item.odd {
  margin-left: 0;
}
.products1 .item .sdw {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
}
.products1 .item .mask {
  position: absolute;
  left: 0;
  bottom: -41px;
  width: 100%;
  background: url(../image/pink70.png);
  padding-bottom: 5px;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
}
.products1 .item:hover .mask {
  bottom: 0;
}
.products1 .item .mask h4 {
  padding: 0 10px;
  color: #fff;
  font-size: 14px;
  height: 22px;
  line-height: 22px;
  position: relative;
}
.products1 .item .mask h4:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 22px;
  height: 100%;
  background: url(../image/ic_Unfold.png) center center no-repeat;
}
.products1 .item:hover .mask h4:after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.products1 .item .mask li {
  font-size: 12px;
  color: #fff;
  padding: 0 10px;
  line-height: 100%;
}
.products1 .item .mask li a {
  font-size: inherit;
  color: inherit;
}
.products1 .item .mask {
  background: url(../image/orange70.png);
}
.products2 {
  background: #fff;
  padding: 0 20px 20px;
  margin-top: 20px;
}
.products2 .title {
  height: 80px;
  line-height: 80px;
  background: url(../image/line1.png) right center no-repeat;
}
.products2 .title h3 {
  float: left;
  line-height: inherit;
  font-size: 30px;
  background: #fff;
  padding-right: 20px;
}
.products2 .card .item {
  float: left;
  width: 200px;
  height: 100px;
  overflow: hidden;
  margin-left: 53px;
  margin-bottom: 20px;
}
.products2 .card .item.first {
  margin-left: 0;
}
.products2 .card .item a {
  padding: 75px 0 5px 13px;
  display: block;
  line-height: 20px;
  color: #333;
  font-size: 16px;
}
.products2 .card p {
  clear: both;
}
.products2 .card p a {
  border: 1px solid #f5a623;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 20px;
  color: #cd6803;
  font-size: 14px;
}
.products2 .list .item {
  margin-left: 30px;
  float: left;
  border-radius: 3px;
  margin-bottom: 20px;
}
.products2 .list .item.first {
  margin-left: 0;
}
.products2 .list .item .inner {
  width: 300px;
  height: 160px;
  overflow: hidden;
  position: relative;
}
.products2 .list .item .pic {
  background: url(../image/def.png);
  height: 100%;
}
.products2 .list .item .pic img {
  width: 100%;
  height: auto;
}
.products2 .list .item.odd {
  margin-left: 0;
}
.products2 .list .item .sdw {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
}
.products2 .list .item .mask {
  position: absolute;
  left: 0;
  bottom: -49px;
  width: 100%;
  background: url(../image/pink70.png);
  padding-bottom: 5px;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
}
.products2 .list .item:hover .mask {
  bottom: 0;
}
.products2 .list .item .mask h4 {
  padding: 0 10px;
  color: #fff;
  font-size: 14px;
  height: 30px;
  line-height: 22px;
  position: relative;
}
.products2 .list .item .mask h4:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 100%;
  background: url(../image/ic_Unfold.png) center center no-repeat;
}
.products2 .list .item:hover .mask h4:after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.products2 .list .item .mask li {
  font-size: 12px;
  color: #fff;
  padding: 0 10px;
  line-height: 120%;
}
.products2 .list .item .mask li a {
  font-size: inherit;
  color: inherit;
}
.products2 .list .item .mask {
  background: url(../image/orange70.png);
}
.products2 .list .item .more {
  border: 1px solid #f5a623;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 20px;
  color: #cd6803;
  font-size: 14px;
  float: right;
  margin-top: 20px;
}
.terminal_products1 {
  background: #fff;
  padding: 0 20px 20px;
}
.terminal_products1 .content {
  margin-top: 20px;
}
.terminal_products1 .picshow {
  float: left;
  width: 480px;
  height: 280px;
  position: relative;
  border-radius: 3px;
  overflow: hidden;
}
.terminal_products1 .picshow .sdw {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.terminal_products1 .picshow .item {
  display: none;
}
.terminal_products1 .picshow .item:first-child {
  display: block;
}
.terminal_products1 .picshow img {
  width: 100%;
  height: auto;
}
.terminal_products1 .tabs {
  float: left;
  width: 140px;
  margin-left: 20px;
}
.terminal_products1 .tabs .d {
  height: 80px;
  margin-top: 20px;
  position: relative;
  border-radius: 3px;
  overflow: hidden;
}
.terminal_products1 .tabs .d img {
  width: 100%;
  height: auto;
}
.terminal_products1 .tabs .d:first-child {
  margin-top: 0;
}
.terminal_products1 .tabs .d:after {
  content: '';
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.terminal_products1 .des {
  float: left;
  height: 280px;
  width: 300px;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  background: #eaeaea;
  margin-left: 20px;
  border-radius: 3px;
  overflow: hidden;
}
.terminal_products1 .des .inner {
  padding: 20px;
}
.terminal_products1 .des h3 {
  color: #ff8d00;
  font-size: 22px;
  font-weight: 700;
  font-family: DINProM;
}
.terminal_products1 .des .text {
  margin-top: 10px;
  font-size: 12px;
  height: 60px;
}
.terminal_products1 .des .price {
  font-size: 12px;
  color: #333;
}
.terminal_products1 .des .qty {
  font-size: 12px;
  color: #333;
  padding: 6px 0;
}
.terminal_products1 .des .qty input {
  background: 0 0;
  height: 18px;
  line-height: 18px;
  width: 30px;
  text-align: center;
  border: 1px solid #ccc;
  vertical-align: middle;
}
.terminal_products1 .des .qty i {
  margin: 0 2px;
  border: 1px solid #ccc;
  display: inline-block;
  height: 18px;
  line-height: 15px;
  padding: 0 5px;
  vertical-align: middle;
  cursor: pointer;
  font-size: 14px;
}
.terminal_products1 .des .btn {
  display: block;
  width: 80px;
  height: 20px;
  line-height: 20px;
  background: #ff8d00;
  text-align: center;
  font-size: 12px;
  color: #fff;
  font-weight: 700;
  margin-top: 15px;
}
.terminal_products2 {
  background: #fff;
  padding: 20px 20px;
  margin-top: 20px;
}
.terminal_products1 .des .tip {
  margin-top: 20px;
  color: #4a4a4a;
}
.terminal_products1 .des .tel {
  margin-top: 5px;
  color: #f97e00;
  line-height: 1.2;
  font-family: DINProM;
}
.products_packages {
  background: #fff;
  padding: 0 20px 20px;
}
.products_packages .left {
  width: 280px;
}
.products_packages .left .card {
  height: 140px;
}
.products_packages .left .card h3 {
  padding: 90px 0 0 20px;
  font-size: 13px;
  color: #333;
  line-height: 150%;
}
.products_packages .left .nova {
  background: url(../image/Bouquets_Nova.png) center center no-repeat;
}
.products_packages .left .basic {
  background: url(../image/Bouquets_Basic.png) center center no-repeat;
}
.products_packages .left .classic {
  background: url(../image/Bouquets_Classic.png) center center no-repeat;
}
.products_packages .left .unique {
  background: url(../image/Bouquets_Unique.png) center center no-repeat;
}
.products_packages .left .text {
  padding: 20px;
}
.products_packages .left .text h3 {
  font-size: 18px;
}
.products_packages .left .text p {
  margin-top: 20px;
}
.products_packages .left .text .more {
  border: 1px solid #f5a623;
  display: inline-block;
  height: 18px;
  line-height: 16px;
  padding: 0 20px;
  color: #cd6803;
  font-size: 14px;
  margin-top: 20px;
}
.products_packages .right {
  width: 552px;
}
.products_packages .right .item {
  float: left;
  width: 92px;
  text-align: center;
  margin-bottom: 18px;
}
.products_packages .right .item img {
  width: 78px;
  height: 78px;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.products_packages .right .item h3 {
  font-size: 12px;
  text-align: center;
  margin-top: 6px;
  color: #ff8f00;
  height: 28px;
  line-height: 120%;
}
.tv_guide1 {
  background: #fff;
  padding: 0 20px 20px;
  position: relative;
}
.tv_guide1 .content {
  padding: 20px 20px 0;
}
.tv_guide1 .search {
  float: left;
}
.tv_guide1 .search .d {
  float: left;
  margin-right: 20px;
}
.tv_guide1 .search .d h3 {
  color: #ff8f00;
  font-size: 12px;
  height: 20px;
  font-family: DINProM;
}
.tv_guide1 .search .d h4 {
  color: #999;
  font-size: 12px;
  height: 20px;
}
.tv_guide1 .search .d h4 a {
  color: #ff8d00;
}
.tv_guide1 .search .d .select {
  width: 120px;
  height: 18px;
  line-height: 18px;
  border: 1px solid #ddd;
  background: url(../image/arrow.png) right center no-repeat;
  border-radius: 3px;
  position: relative;
}
.tv_guide1 .search .d .select:hover {
  z-index: 2;
}
.tv_guide1 .search .d .select select {
  width: 100%;
  height: 100%;
  background: 0 0;
  border: none;
  line-height: inherit;
}
.tv_guide1 .search .d .select input {
  background: 0 0;
  border: none;
  display: block;
  width: 90px;
  padding: 0 5px;
  height: 100%;
  cursor: default;
}
.tv_guide1 .search .d .select ul {
  position: absolute;
  left: -1px;
  top: 100%;
  border: 1px solid #ddd;
  border-radius: 2px;
  min-width: 100%;
  background: #fff;
  white-space: nowrap;
  display: none;
}
.tv_guide1 .search .d .select li {
  padding: 3px;
  line-height: 120%;
}
.tv_guide1 .search .d .select li:hover {
  background: #39f;
  color: #fff;
}
.tv_guide1 .search .d .ipt {
  width: 165px;
  height: 18px;
  line-height: 18px;
  border: 1px solid #ddd;
  border-radius: 3px;
  position: relative;
}
.tv_guide1 .search .d .ipt ul {
  position: absolute;
  left: -1px;
  top: 100%;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 2px transparent;
  border: 1px solid #ddd;
  line-height: 180%;
  z-index: 1;
  width: 100%;
  font-size: 12px;
}
.tv_guide1 .search .d .ipt ul li {
  padding: 3px 5px;
  line-height: 120%;
}
.tv_guide1 .search .d .ipt ul li:hover {
  background: #f0f0f0;
}
.tv_guide1 .search .d .ipt .kw {
  float: left;
  width: 132px;
  height: 100%;
  background: 0 0;
  border: none;
  padding: 0 5px;
}
.tv_guide1 .search .d .ipt .ok {
  float: right;
  width: 20px;
  height: 100%;
  cursor: pointer;
  border: none;
  background: url(../image/ico_zoom.png) center center no-repeat;
}
.tv_guide1 .week {
  float: right;
}
.tv_guide1 .week li {
  float: left;
  cursor: pointer;
  width: 38px;
  height: 34px;
  padding-top: 4px;
  margin-left: 20px;
  text-align: center;
  line-height: 120%;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 12px;
  color: #333;
}
.tv_guide1 .week li.now {
  color: #fff;
  background: #ff8d00;
  border-color: #ff8d00;
}
.tv_guide1 .week li:hover {
  border-color: #d8d8d8;
  background: #fafafa;
}
.tv_guide1 .week li b {
  display: block;
}
.tv_guide1 .week li:first-child {
  margin-left: 0;
}
.tv_guide2 {
  position: relative;
  margin-top: 20px;
  overflow: hidden;
}
.tv_guide2 .time {
  background: #515151;
  color: #79c7ff;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
}
.tv_guide2 .time .inner {
  width: 6240px;
  padding-left: 70px;
}
.tv_guide2 .time span {
  display: inline-block;
  font-style: italic;
  float: left;
  width: 240px;
}
.tv_guide2 .list {
  overflow: auto;
  margin-left: 70px;
}
.tv_guide2 .list .inner {
  width: 6240px;
  overflow: hidden;
}
.tv_guide2 .list .item {
  height: 100px;
  background: #fdfdfd;
  margin-top: 5px;
}
.tv_guide2 .list .item:first-child {
  margin-top: 0;
}
.tv_guide2 .list .item .box {
  float: left;
  height: 98px;
  min-width: 38px;
  border: 1px solid #ccc;
  position: relative;
}
.tv_guide2 .list .item .box:hover {
  background: #eee;
}
.tv_guide2 .list .item .box .in {
  padding: 10px;
  height: 78px;
  overflow: hidden;
}
.tv_guide2 .list .item .box .in p {
  margin-top: 10px;
  height: 55px;
  font-size: 12px;
  overflow: hidden;
  line-height: 120%;
}
.tv_guide2 .list .item .box .mask {
  position: absolute;
  left: 0;
  margin-top: 4px;
  top: 100%;
  background: url(../image/black80.png);
  padding: 10px;
  color: #fff;
  font-style: italic;
  width: 250px;
  z-index: 1;
  border-radius: 3px;
  font-size: 12px;
  line-height: 130%;
  display: none;
}
.tv_guide2 .list .item .box:hover .mask {
  display: block;
}
.tv_guide2 .list .item .box .mask h4 {
  font-size: 12px;
  color: #fff;
  margin-bottom: 5px;
}
.tv_guide2 .list .item .box .mask:before {
  content: '';
  position: absolute;
  left: 15px;
  top: -9px;
  background: url(../image/arrow1.png) center center no-repeat;
  width: 10px;
  height: 9px;
}
.tv_guide2 .list .item .b1 {
  width: 38px;
  text-align: center;
}
.tv_guide2 .list .item .b1:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.tv_guide2 .list .item .b1 i {
  background: url(../image/tvguide_ic_information.png) center center no-repeat;
  width: 8px;
  height: 31px;
  display: inline-block;
  vertical-align: middle;
}
.tv_guide2 .list .item .b2 {
  width: 78px;
}
.tv_guide2 .list .item .b2 h3 strong {
  display: block;
  margin-bottom: 10px;
}
.tv_guide2 .channl {
  position: absolute;
  left: 0;
  top: 40px;
  width: 70px;
  background: #eee;
  overflow: hidden;
}
.tv_guide2 .channl .c {
  margin-top: 5px;
}
.tv_guide2 .channl .c:first-child {
  margin-top: 0;
}
.tv_guide2 .channl .c .pic {
  height: 70px;
  overflow: hidden;
  position: relative;
}
.tv_guide2 .channl .c .pic span {
  position: absolute;
  left: 0;
  bottom: -30px;
  height: 30px;
  width: 100%;
  line-height: 30px;
  color: #fff;
  text-align: center;
  background: url(../image/black50.png);
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
}
.tv_guide2 .channl .c:hover span {
  bottom: 0;
}
.tv_guide2 .channl .c .btn {
  height: 30px;
  background: #000;
}
.tv_guide2 .channl .c .btn a {
  float: left;
  width: 50%;
  height: 100%;
}
.tv_guide2 .channl .c .btn .a1 {
  background: url(../image/ic_dth_channel.png) center center no-repeat;
}
.tv_guide2 .channl .c .btn .a2 {
  background: url(../image/ic_dtt_channel.png) center center no-repeat;
}
.tv_guide2 .prev {
  background: url(../image/black50.png);
  position: absolute;
  left: 70px;
  top: 40px;
  width: 40px;
  height: 50000px;
  opacity: 0.5;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.tv_guide2 .prev.act {
  opacity: 1;
}
.tv_guide2 .prev i {
  background: url(../image/ic_banner_left.png) center center no-repeat;
  width: 40px;
  height: 40px;
  position: fixed;
  margin-top: 50px;
  display: none;
}
.tv_guide2 .prev.act i {
  display: block;
}
.tv_guide2 .next {
  background: url(../image/black50.png);
  position: absolute;
  right: 0;
  top: 40px;
  width: 40px;
  height: 50000px;
  opacity: 0.5;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.tv_guide2 .next.act {
  opacity: 1;
}
.tv_guide2 .next i {
  background: url(../image/ic_banner_right.png) center center no-repeat;
  width: 40px;
  height: 40px;
  position: fixed;
  margin-top: 50px;
  display: none;
}
.tv_guide2 .next.act i {
  display: block;
}
.program_list1 {
  background: #fff;
  padding: 0 20px 20px;
}
.program_list1 .content {
  position: relative;
}
.program_list1 .content .prev {
  background: url(../image/ic_banner_left.png) center center no-repeat;
  width: 20px;
  height: 40px;
  left: 0;
  top: 50%;
  margin-top: -20px;
  position: absolute;
}
.program_list1 .content .next {
  background: url(../image/ic_banner_right.png) center center no-repeat;
  width: 20px;
  height: 40px;
  right: 0;
  top: 50%;
  margin-top: -20px;
  position: absolute;
}
.program_list1 .frame {
  overflow: hidden;
  width: 881px;
  margin: auto;
}
.program_list1 .child {
  width: 200px;
  height: 200px;
  overflow: hidden;
  position: relative;
  margin-right: 27px;
  float: left;
  border-radius: 3px;
}
.program_list1 .child .pic {
  background: url(../image/def.png);
  height: 100%;
}
.program_list1 .child .pic img {
  width: 100%;
  height: auto;
}
.program_list1 .child .sdw {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
}
.program_list1 .child .mask {
  position: absolute;
  left: 0;
  bottom: -82px;
  width: 100%;
  background: url(../image/white70.png);
  padding-bottom: 15px;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
}
.program_list1 .child:hover .mask {
  bottom: 0;
}
.program_list1 .child .mask h4 {
  padding: 0 10px;
  color: #333;
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  position: relative;
}
.program_list1 .child .mask h4:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 22px;
  height: 100%;
  background: url(../image/ic_Unfold1.png) center center no-repeat;
}
.program_list1 .child:hover .mask h4:after {
  background: url(../image/ic_fold1.png) center center no-repeat;
}
.program_list1 .child .mask ul {
  padding: 8px 0;
}
.program_list1 .child .mask li {
  font-size: 14px;
  color: #333;
  padding: 0 10px;
  line-height: 120%;
}
.program_list1 .child .mask li a {
  font-size: inherit;
  color: inherit;
}
.program_list2 {
  background: #fff;
  padding: 0 20px 20px;
  margin-top: 20px;
}
.program_list2 .search .d {
  float: left;
  margin-right: 20px;
}
.program_list2 .search .d h3 {
  color: #ff8d00;
  font-size: 12px;
  height: 20px;
  font-family: DINProM;
}
.program_list2 .search .d h4 {
  color: #999;
  font-size: 12px;
  height: 20px;
}
.program_list2 .search .d h4 a {
  color: #ff8d00;
}
.program_list2 .search .d .select {
  width: 120px;
  height: 18px;
  line-height: 18px;
  border: 1px solid #ddd;
  background: url(../image/arrow.png) right center no-repeat;
  border-radius: 3px;
  position: relative;
  cursor: default;
}
.program_list2 .search .d .select:hover {
  z-index: 2;
}
.program_list2 .search .d .select select {
  width: 100%;
  height: 100%;
  background: 0 0;
  border: none;
  line-height: inherit;
}
.program_list2 .search .d .select input {
  background: 0 0;
  border: none;
  display: block;
  width: 90px;
  padding: 0 5px;
  height: 100%;
  cursor: default;
}
.program_list2 .search .d .select ul {
  position: absolute;
  left: -1px;
  top: 100%;
  border: 1px solid #ddd;
  border-radius: 2px;
  min-width: 100%;
  background: #fff;
  white-space: nowrap;
  display: none;
}
.program_list2 .search .d .select li {
  padding: 3px;
  line-height: 120%;
}
.program_list2 .search .d .select li:hover {
  background: #39f;
  color: #fff;
}
.program_list2 .search .d .ipt {
  width: 165px;
  height: 18px;
  line-height: 18px;
  border: 1px solid #ddd;
  border-radius: 3px;
  position: relative;
}
.program_list2 .search .d .ipt ul {
  position: absolute;
  left: -1px;
  top: 100%;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 2px transparent;
  border: 1px solid #ddd;
  line-height: 180%;
  width: 100%;
  font-size: 12px;
  z-index: 1;
  height: 290px;
  overflow: auto;
}
.program_list2 .search .d .ipt ul li {
  padding: 3px 5px;
  line-height: 120%;
}
.program_list2 .search .d .ipt ul li:hover {
  background: #f0f0f0;
}
.program_list2 .search .d .ipt .kw {
  float: left;
  width: 132px;
  height: 100%;
  background: 0 0;
  border: none;
  padding: 0 5px;
}
.program_list2 .search .d .ipt .ok {
  float: right;
  width: 20px;
  height: 100%;
  cursor: pointer;
  border: none;
  background: url(../image/ico_zoom.png) center center no-repeat;
}
.program_list2 .list {
  padding: 20px 0 0;
}
.program_list2 .item {
  float: left;
  width: 308px;
  height: 218px;
  border: 1px solid #ccc;
  background: #fafafa;
  margin: 0 0 15px 15px;
  position: relative;
}
.program_list2 .item:hover {
  background: #eee;
}
.program_list2 .item.first {
  margin-left: 0;
}
.program_list2 .item .inner {
  padding: 20px;
}
.program_list2 .item .inner h3 {
  font-size: 20px;
  font-family: DINProM;
}
.program_list2 .item .inner .t {
  margin-top: 20px;
  color: #474747;
}
.program_list2 .item .inner p {
  margin-top: 15px;
  color: #474747;
  height: 84px;
  overflow: hidden;
  line-height: 120%;
}
.program_list2 .item .mask {
  position: absolute;
  left: 19px;
  top: 50%;
  background: url(../image/black80.png);
  padding: 10px;
  color: #fff;
  font-style: italic;
  width: 250px;
  z-index: 1;
  border-radius: 3px;
  font-size: 12px;
  line-height: 130%;
  display: none;
}
.program_list2 .item:hover .mask {
  display: block;
}
.program_list2 .item .mask h4 {
  font-size: 12px;
  color: #fff;
  margin-bottom: 5px;
}
.program_list2 .item .mask:before {
  content: '';
  position: absolute;
  left: 15px;
  top: -9px;
  background: url(../image/arrow1.png) center center no-repeat;
  width: 10px;
  height: 9px;
}
.page2 {
  text-align: right;
}
.page2 a {
  display: inline-block;
  padding: 0 3px;
  min-width: 12px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 2px;
  vertical-align: middle;
  line-height: 18px;
  color: #555;
  text-align: center;
  font-size: 12px;
}
.page2 a:hover {
  background-color: #d7d7d7;
}
.page2 a.now {
  background-color: #d7d7d7;
}
.page2 .first {
  background: url(../image/Page-first.png) center center no-repeat;
}
.page2 .last {
  background: url(../image/Page-end.png) center center no-repeat;
}
.page2 .prev {
  background: url(../image/Page-Prev.png) center center no-repeat;
}
.page2 .next {
  background: url(../image/Page-next.png) center center no-repeat;
}
.page2 .first:hover {
  background: #d7d7d7 url(../image/Page-first-onclick.png) center center no-repeat;
}
.page2 .last:hover {
  background: #d7d7d7 url(../image/Page-end-onclick.png) center center no-repeat;
}
.page2 .prev:hover {
  background: #d7d7d7 url(../image/Page-prev-onclick.png) center center no-repeat;
}
.page2 .next:hover {
  background: #d7d7d7 url(../image/Page-next-onclick.png) center center no-repeat;
}
.channel {
  background: #fff;
  padding: 0 20px 20px;
}
.channel .des {
  background: #6fc500;
  position: relative;
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}
.channel .des .sdw {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
  pointer-events: none;
}
.channel .des .inner {
  position: relative;
  padding: 40px 40px 40px 0;
}
.channel .des .pic {
  float: left;
  width: 140px;
  padding: 0 30px;
  text-align: center;
  height: 168px;
}
.channel .des .pic:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.channel .des .pic img {
  max-width: 100%;
  height: auto;
  width: auto;
}
.channel .des .inf {
  float: left;
  width: 265px;
}
.channel .des .inf h3 {
  font-size: 26px;
  color: #fff;
  font-family: DINProM;
}
.channel .des .inf .num {
  margin-top: 10px;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
}
.channel .des .inf .num .s1 {
  padding-right: 30px;
  background: url(../image/ic_dth_channel.png) right center no-repeat;
  float: left;
}
.channel .des .inf .num .s1 b {
  color: #6fc500;
  display: inline-block;
  width: 28px;
  text-align: center;
  height: 20px;
  line-height: 20px;
  background: #fff;
  border-radius: 3px;
}
.channel .des .inf .num .s2 {
  padding-right: 30px;
  background: url(../image/ic_dtt_channel.png) right center no-repeat;
  float: left;
  margin-left: 10px;
}
.channel .des .inf .num .s2 b {
  color: #6fc500;
  display: inline-block;
  width: 28px;
  text-align: center;
  height: 20px;
  line-height: 20px;
  background: #fff;
  border-radius: 3px;
}
.channel .des .inf .box {
  margin-top: 40px;
  color: #fff;
  font-size: 12px;
}
.channel .des .inf .box a {
  text-decoration: underline;
  font-style: italic;
}
.channel .des .inf .box .rate i {
  background: url(../image/rate.svg) center center no-repeat;
  display: inline-block;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  margin-left: 3px;
}
.channel .des .inf .box .rate i.act {
  background: url(../image/rated.svg) center center no-repeat;
}
.channel .des .txt {
  float: left;
  color: #fff;
  line-height: 150%;
  width: 380px;
}
.channel .tv_gui {
  position: relative;
}
.channel .tv_gui .now {
  background: url(../image/arrow1b.png) center top no-repeat;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  top: 20px;
  left: 0;
  position: absolute;
  z-index: 1;
}
.channel .tv_gui .time {
  line-height: 18px;
  overflow: hidden;
  font-size: 12px;
  height: 30px;
}
.channel .tv_gui .time .inner {
  width: 3840px;
  position: relative;
  height: 20px;
  background: #515151;
  color: #79c7ff;
}
.channel .tv_gui .time span {
  display: inline-block;
  font-style: italic;
  float: left;
  width: 160px;
  text-align: center;
}
.channel .tv_gui .list {
  overflow: auto;
  margin-top: -10px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.channel .tv_gui .list .inner {
  width: 3840px;
  overflow: hidden;
}
.channel .tv_gui .list .box {
  float: left;
  height: 278px;
  min-width: 100px;
  border: 1px solid #ccc;
  position: relative;
}
.channel .tv_gui .list .box:hover {
  background: #eee;
}
.channel .tv_gui .list .box .in {
  padding: 15px 15px 0;
  height: 253px;
  overflow: hidden;
}
.channel .tv_gui .list .box h3 {
  text-align: center;
  color: #666;
  font-family: DINProM;
  font-size: 14px;
}
.channel .tv_gui .list .box .t {
  text-align: center;
  margin-top: 10px;
  color: #5da7fd;
  font-style: italic;
  font-size: 12px;
}
.channel .tv_gui .list .box p {
  margin-top: 20px;
  font-size: 12px;
  font-style: italic;
}
.channel .tv_gui .list .box .mask {
  position: absolute;
  left: 5px;
  bottom: 30px;
  background: url(../image/black80.png);
  padding: 10px;
  color: #fff;
  font-style: italic;
  width: 250px;
  z-index: 1;
  border-radius: 3px;
  font-size: 12px;
  line-height: 130%;
  display: none;
}
.channel .tv_gui .list .box:hover .mask {
  display: block;
}
.channel .tv_gui .box .mask h4 {
  font-size: 12px;
  color: #fff;
  margin-bottom: 5px;
}
.channel .tv_gui .box .mask:before {
  content: '';
  position: absolute;
  left: 15px;
  top: -9px;
  background: url(../image/arrow1.png) center center no-repeat;
  width: 10px;
  height: 9px;
}
.program {
  background: #fff;
  padding: 20px 20px;
}
.program .des .d1 {
  position: relative;
  padding: 40px 40px 40px 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 160px;
}
.program .des .pic {
  float: left;
  width: 140px;
  padding: 0 30px;
  text-align: center;
  height: 168px;
}
.program .des .pic:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.program .des .pic img {
  max-width: 100%;
  height: auto;
  width: auto;
}
.program .des .inf {
  float: left;
  width: 720px;
}
.program .des .inf h3 {
  font-size: 26px;
  color: #fa7d00;
  font-family: DINProM;
}
.program .des .inf h3 img {
  margin: 0 15px;
}
.program .des .inf h3 span {
  color: #fff;
}
.program .des .inf .num {
  margin-top: 35px;
  font-size: 12px;
  line-height: 20px;
}
.program .des .inf .num strong {
  float: left;
  color: #fff;
  margin-right: 20px;
}
.program .des .inf .num .s1 {
  padding-right: 30px;
  background: url(../image/ic_dth_channel.png) right center no-repeat;
  float: left;
}
.program .des .inf .num .s1 b {
  color: #6fc500;
  display: inline-block;
  width: 28px;
  text-align: center;
  height: 20px;
  line-height: 20px;
  background: #fff;
  border-radius: 3px;
}
.program .des .inf .num .s2 {
  padding-right: 30px;
  background: url(../image/ic_dtt_channel.png) right center no-repeat;
  float: left;
  margin-left: 10px;
}
.program .des .inf .num .s2 b {
  color: #6fc500;
  display: inline-block;
  width: 28px;
  text-align: center;
  height: 20px;
  line-height: 20px;
  background: #fff;
  border-radius: 3px;
}
.program .des .inf .box {
  margin-top: 15px;
  color: #fff;
  font-size: 12px;
}
.program .des .inf .box a {
  text-decoration: underline;
  font-style: italic;
}
.program .des .d2 .d1 {
  width: 140px;
  padding: 20px;
  float: left;
}
.program .des .d2 .d1 .share {
  font-size: 12px;
  color: #666;
}
.program .des .d2 .d1 .share a {
  margin-left: 10px;
}
.program .des .d2 .d1 p {
  margin-top: 5px;
}
.program .des .d2 .d1 p a {
  color: #f97e00;
  font-size: 12px;
  font-family: DINProM;
}
.program .des .d2 .d2 {
  width: 600px;
  padding: 20px;
  float: left;
}
.body_l {
  width: 720px;
  float: left;
  background: #fff;
}
.body_r {
  width: 260px;
  float: right;
  background: #fff;
}
.sty1 {
  padding: 15px 14px;
  colro: #6d6d6d;
  font-size: 14px;
  text-align: center;
}
.sty1 a {
  color: #f97e00;
}
.faq {
  padding: 0 20px 20px;
}
.faq .item {
  border-radius: 3px;
  overflow: hidden;
  margin-top: 20px;
  height: 40px;
}
.faq .item.down {
  height: auto;
}
.faq .item:first-child {
  margin-top: 0;
}
.faq .item .tit {
  background: #e3e3e3;
  height: 40px;
  line-height: 40px;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15);
}
.faq .item .tit h3 {
  float: left;
  color: #262626;
  font-size: 18px;
  font-family: DINProM;
  line-height: inherit;
  padding-left: 20px;
}
.faq .item.down .tit h3 {
  color: #f97e00;
}
.faq .item .tit .sbtn {
  background: url(../image/ic_FAQ_fold.png) center center no-repeat;
  width: 40px;
  height: 40px;
  float: right;
}
.faq .item.down .tit .sbtn {
  background: url(../image/ic_FAQ_unfold.png) center center no-repeat;
}
.faq .item .text {
  padding: 10px 20px;
  border: 1px solid #f0f0f0;
  border-top: none;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
}
.faq .item .text p {
  padding: 10px 0;
}
.faq .item .text img {
  max-width: 100%;
}
.contact_us1 {
  background: #fff;
  padding: 0 20px 20px;
}
.contact_us1 .content {
  padding: 20px 20px 20px 250px;
}
.contact_us1 .d {
  float: left;
  width: 255px;
}
.contact_us1 .d .p {
  margin-bottom: 10px;
}
.contact_us1 .d .p label {
  font-size: 14px;
  color: #333;
}
.contact_us1 .d .p input {
  display: block;
  width: 140px;
  height: 18px;
  line-height: 18px;
  border: 1px solid #ddd;
  margin-top: 10px;
  padding: 0 5px;
}
.contact_us1 .d .p textarea {
  display: block;
  width: 190px;
  height: 90px;
  margin-top: 10px;
  border: 1px solid #ddd;
  resize: none;
  padding: 5px;
  font-size: 12px;
}
.contact_us1 .d .btn {
  float: left;
  width: 70px;
  height: 30px;
  color: #fff;
  margin-left: 132px;
  background: #ff8d00;
  border: none;
  font-family: DINProM;
  cursor: pointer;
  margin-top: 5px;
}
.contact_us2 {
  background: #fff;
  padding: 20px 20px 0;
  margin-top: 20px;
}
.contact_us2 .select {
  width: 225px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #ddd;
  background: url(../image/arrow.png) right center no-repeat;
  border-radius: 3px;
  position: relative;
}
.contact_us2 .select:hover {
  z-index: 2;
}
.contact_us2 .select select {
  width: 100%;
  height: 100%;
  background: 0 0;
  border: none;
  line-height: inherit;
}
.contact_us2 .select input {
  background: 0 0;
  border: none;
  display: block;
  width: 90%;
  padding: 0 5px;
  height: 100%;
  cursor: default;
  height: 100%;
  line-height: 28px;
}
.contact_us2 .select ul {
  position: absolute;
  left: -1px;
  top: 100%;
  border: 1px solid #ddd;
  border-radius: 2px;
  min-width: 100%;
  background: #fff;
  white-space: nowrap;
  display: none;
}
.contact_us2 .select li {
  padding: 3px;
  line-height: 120%;
}
.contact_us2 .select li:hover {
  background: #39f;
  color: #fff;
}
.contact_us2 .list {
  margin-top: 30px;
}
.contact_us2 .list .item {
  background: #f2f2f2;
  width: 260px;
  height: 100px;
  padding: 20px;
  position: relative;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
  float: left;
  margin: 0 20px 20px 0;
  border-radius: 3px;
  color: #333;
}
.clear {
  height: 0;
  font-size: 0;
  clear: both;
}
.contact_us2 .list .item h3 {
  color: #f97e00;
  font-size: 18px;
  font-family: DINProM;
}
.contact_us2 .list .item p {
  position: absolute;
  left: 20px;
  bottom: 20px;
  right: 20px;
  font-size: 14px;
  line-height: 140%;
}
.st_app {
  background: #fff;
  padding: 0 20px 20px;
}
.st_app .content {
  padding-left: 20px;
  padding-top: 20px;
}
.st_app .content .text {
  padding-left: 30px;
  padding-top: 10px;
}
.st_app .content .text h1 {
  font-size: 24px;
  font-family: DINProM;
  color: #f97e00;
  font-weight: 700;
}
.st_app .content .text .p1 {
  margin-top: 25px;
  color: #333;
  line-height: 150%;
}
.st_app .content .text h2 {
  font-size: 16px;
  color: #f97e00;
  font-style: italic;
  margin-top: 30px;
  font-family: DINProM;
}
.st_app .content .text .p2 {
  margin-top: 10px;
  color: #333;
  width: 350px;
  font-size: 14px;
  font-style: italic;
  line-height: 120%;
}
.st_app .content .text .p2 a {
  color: #39f;
}
.st_app .content .text .p3 {
  margin-top: 40px;
}
.st_app .content .text .p3 a {
  margin-right: 40px;
}
.self_service {
  background: #fff;
  margin-top: 20px;
}
.self_service .inner {
  padding: 40px 180px 60px;
  background: url(../image/ic_rightarrow.png) center 90px no-repeat;
}
.self_service .inner .d1 {
  background: url(../image/ic_nocard.png) center center no-repeat;
  width: 224px;
  height: 160px;
  float: left;
  cursor: pointer;
}
.self_service .inner .d1:after {
  content: '';
  background: url(../image/btn_bindcard_hover_nocard.png) center center no-repeat;
  height: 100%;
  display: block;
  display: none;
}
.self_service .inner .d1:hover:after {
  display: block;
}
.self_service .inner .d2 {
  float: right;
  width: 224px;
  padding-top: 10px;
}
.self_service .inner .d2 p {
  line-height: 40px;
  margin: 0 0 5px 0;
  color: #f97e00;
  font-weight: 700;
}
.self_service .inner .d2 img {
  vertical-align: middle;
  margin-right: 10px;
}
.self_service .inner h2 {
  text-align: center;
  margin-top: 35px;
  font-size: 18px;
}
.self_service .cardlist {
  background: #fff;
  padding: 20px;
}
.self_service .cardlist .item {
  float: left;
  width: 300px;
  margin: 0 0 35px 30px;
}
.self_service .cardlist .item .card {
  background: url(../image/bg_scard.png) center center repeat-x;
  height: 139px;
  border: 2px solid #b0e2ff;
  border-radius: 10px;
  padding: 15px;
  position: relative;
  color: #fff;
}
.self_service .cardlist .item .card i {
  position: absolute;
  right: 15px;
  top: 15px;
}
.self_service .cardlist .item .card h3 {
  font-size: 16px;
  color: #fff;
}
.self_service .cardlist .item .card h4 {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  margin-top: 5px;
}
.self_service .cardlist .item .card .p1 {
  margin-top: 15px;
}
.self_service .cardlist .item .card .p1 span {
  float: right;
}
.self_service .cardlist .item .card .p2 {
  margin-top: 15px;
  font-style: italic;
  font-size: 14px;
  line-height: 120%;
  font-family: verdana;
}
.self_service .cardlist .item .btns {
  width: 200px;
  margin: 25px auto 0;
}
.self_service .cardlist .item .btns li {
  margin-top: 10px;
}
.self_service .cardlist .item .btns a {
  display: block;
  height: 28px;
  line-height: 27px;
  border: 1px solid #ff8f00;
  text-align: center;
  color: #ff8f00;
  border-radius: 3px;
  font-weight: 700;
}
.self_service .cardlist .item .btns a.red {
  color: #ff5757;
  border-color: #ff5757;
}
.self_service .cardlist .item.first {
  margin-left: 0;
}
.self_service .cardlist .item.add .card {
  background: url(../image/ic_addnewcard.png) center center no-repeat;
  height: 173px;
  padding: 0;
  border: none;
  cursor: pointer;
}
.self_service .cardlist .item.add .card:after {
  content: '';
  background: url(../image/btn_bindcard_hover_list.png) center center no-repeat;
  height: 100%;
  display: none;
}
.self_service .cardlist .item.add .card:hover:after {
  display: block;
}
.self_service .cardlist .item.add .btns a {
  color: #ddd;
  border-color: #ddd;
}
.my_coupons {
  background: #fff;
  padding: 20px 20px;
  margin-top: 20px;
}
.my_coupons .cards1 .item {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  width: 223px;
  height: 127px;
  margin: 0 0 20px 20px;
  float: left;
  border: 1px solid #ddd;
}
.my_coupons .cards1 .item.first {
  margin-left: 0;
}
.my_coupons .cards1 .item.act:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../image/black50.png);
}
.my_coupons .cards1 .item.act i {
  background: url(../image/ic_choose.png) center center no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 37px;
  height: 37px;
  margin: -18px 0 0 -18px;
  z-index: 1;
}
.my_coupons .cards1 .item strong {
  position: absolute;
  right: 10px;
  top: 15px;
  font-size: 20px;
  color: #fff;
  z-index: 1;
  font-family: 'Lucida Grande';
  font-weight: 400;
}
.my_coupons .cards1 .item h3 {
  padding: 52px 0 0 12px;
  color: #fff;
  font-size: 12px;
  opacity: 0.5;
  font-family: roboto;
}
.my_coupons .cards1 .item p {
  padding: 18px 20px 0 45px;
  color: #888;
  font-size: 13px;
  font-family: roboto;
}
.my_coupons .cards1 .item.blue {
  background: url(../image/card_blue.png) center center no-repeat;
}
.my_coupons .cards1 .item.blue1 {
  background: url(../image/card_blue1.png) center center no-repeat;
}
.my_coupons .cards1 .item.green {
  background: url(../image/card_green.png) center center no-repeat;
}
.my_coupons .cards1 .item.red {
  background: url(../image/card_red.png) center center no-repeat;
}
.my_coupons .cards1 .item .lb1 {
  background: url(../image/ic_coupon_used.png) center center no-repeat;
  width: 81px;
  height: 61px;
  position: absolute;
  right: 5px;
  bottom: 0;
}
.my_coupons .cards1 .item .lb2 {
  background: url(../image/ic_coupon_expired.png) center center no-repeat;
  width: 81px;
  height: 61px;
  position: absolute;
  right: 5px;
  bottom: 0;
}
.layer {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 4;
  display: none;
  min-height: 200px;
}
.layer1 {
  width: 760px;
  margin: 0 0 0 -380px;
}
.layer2 {
  width: 800px;
  margin-left: -395px;
}
.layer3 {
  width: 680px;
  margin-left: -340px;
}
.layer .close {
  background: url(../image/ic_close2.png) center center no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  right: -40px;
  top: -60px;
}
.layer .d1 {
  float: left;
  width: 380px;
  color: #fff;
  font-size: 14px;
}
.layer .d1 .pic {
  margin-top: 30px;
  margin-bottom: 10px;
}
.layer .table1 {
  margin-top: 20px;
}
.layer .table1 th {
  vertical-align: top;
  text-align: right;
  font-weight: 400;
  padding-right: 5px;
}
.layer .t1 {
  margin-top: 10px;
}
.layer .t1 a {
  color: #ff8f00;
}
.layer .t2 {
  font-size: 16px;
}
.layer .t2 a {
  color: #ff8f00;
}
.layer .t3 {
  color: #fff;
  margin-top: 70px;
  text-align: right;
}
.layer .t4 {
  color: #f66;
  margin-top: 10px;
  text-align: right;
}
.layer .t4 a {
  text-decoration: underline;
}
.layer .d2 {
  float: right;
  width: 300px;
}
.layer .d2 h3 {
  font-size: 18px;
  color: #fff;
  margin-bottom: 15px;
}
.layer .d2 input {
  background: #c6c6c6;
  height: 40px;
  line-height: 40px;
  display: block;
  width: 270px;
  border: none;
  padding: 0 15px;
}
.layer .d2 p {
  padding: 10px 15px;
  color: #f66;
}
.layer .d3 {
  width: 370px;
  float: right;
  color: #fff;
}
.layer .button {
  position: absolute;
  right: 0;
  bottom: 0;
}
.layer .button a {
  color: #fff;
  width: 100px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #ff8d00;
  margin-left: 20px;
  display: inline-block;
  font-family: DINProM;
}
.layer .button1 {
  margin-top: 30px;
  text-align: right;
}
.layer .button1 a {
  color: #fff;
  width: 100px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #ff8d00;
  margin-left: 20px;
  display: inline-block;
  font-family: DINProM;
}
.layer .step {
  margin-bottom: 60px;
  height: 20px;
  position: relative;
  text-align: center;
}
.layer .step:before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  height: 1px;
  background: #d8d8d8;
  width: 100%;
}
.layer .step i {
  background: #ff8f00;
  position: absolute;
  left: 0;
  top: 10px;
  height: 1px;
}
.layer .step span {
  height: 20px;
  line-height: 20px;
  padding: 0 10px;
  background: #d8d8d8;
  border-radius: 10px;
  font-size: 12px;
  position: relative;
  min-width: 100px;
  text-align: center;
}
.layer .step.s1 i {
  width: 0%;
}
.layer .step.s2 i {
  width: 50%;
}
.layer .step.s3 i {
  width: 100%;
}
.layer .step span.act {
  background: #ff8f00;
  color: #fff;
}
.layer .step .a1 {
  float: left;
}
.layer .step .a2 {
  display: inline-block;
}
.layer .step .a3 {
  float: right;
}
.layer .card {
  background: url(../image/bg_scard.png) center center repeat-x;
  height: 139px;
  border: 2px solid #b0e2ff;
  border-radius: 10px;
  padding: 15px;
  position: relative;
  color: #fff;
  width: 266px;
}
.layer .card i {
  position: absolute;
  right: 15px;
  top: 15px;
}
.layer .card h3 {
  font-size: 16px;
  color: #fff;
}
.layer .card h4 {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  margin-top: 5px;
}
.layer .card .p1 {
  margin-top: 15px;
}
.layer .card .p1 b {
  font-weight: 700;
}
.layer .card .p1 span {
  float: right;
}
.layer .card .p2 {
  margin-top: 15px;
  font-style: italic;
  font-size: 14px;
  line-height: 120%;
}
.layer .cards1 .item {
  position: relative;
  margin-bottom: 10px;
  border-radius: 10px;
  overflow: hidden;
  width: 223px;
  height: 127px;
}
.layer .cards1 .item.act:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../image/black50.png);
}
.layer .cards1 .item.act i {
  background: url(../image/ic_choose.png) center center no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 37px;
  height: 37px;
  margin: -18px 0 0 -18px;
  z-index: 1;
}
.layer .cards1 .item strong {
  position: absolute;
  right: 10px;
  top: 15px;
  font-size: 20px;
  color: #fff;
  z-index: 1;
  font-family: 'Lucida Grande';
  font-weight: 400;
}
.layer .cards1 .item h3 {
  padding: 52px 0 0 12px;
  color: #fff;
  font-size: 12px;
  opacity: 0.5;
  font-family: roboto;
}
.layer .cards1 .item p {
  padding: 18px 20px 0 45px;
  color: #888;
  font-size: 13px;
  font-family: roboto;
}
.layer .cards1 .item.blue {
  background: url(../image/card_blue.png) center center no-repeat;
}
.layer .cards1 .item.green {
  background: url(../image/card_green.png) center center no-repeat;
}
.layer .cards1 .item.red {
  background: url(../image/card_red.png) center center no-repeat;
}
.layer .cards2 {
  height: 90px;
  margin-top: 60px;
}
.layer .cards2 .item {
  position: relative;
  margin-left: 10px;
  float: left;
  width: 190px;
  height: 90px;
  border-radius: 3px;
  overflow: hidden;
}
.layer .cards2 .item.act:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../image/black50.png);
}
.layer .cards2 .item.act i {
  background: url(../image/ic_choose.png) center center no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 37px;
  height: 37px;
  margin: -18px 0 0 -18px;
  z-index: 1;
}
.layer .cards2 .item em {
  color: #ff8f00;
  text-align: center;
  font-family: DINProM;
  height: 20px;
  line-height: 20px;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  margin-top: -10px;
  display: none;
  z-index: 1;
}
.layer .cards2 .item.sel em {
  display: block;
}
.layer .cards2 .item.sel:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../image/black50.png);
}
.layer .cards2 .item h3 {
  font-size: 16px;
  font-family: DINProM;
  padding: 20px 0 0 10px;
  line-height: 26px;
  color: #555;
}
.layer .cards2 .item.c1 {
  background: url(../image/card1.png) center center no-repeat;
  background-size: 100% 100%;
}
.layer .cards2 .item.c2 {
  background: url(../image/card2.png) center center no-repeat;
  background-size: 100% 100%;
}
.layer .cards2 .item.c3 {
  background: url(../image/card3.png) center center no-repeat;
  background-size: 100% 100%;
}
.layer .cards2 .item.c4 {
  background: url(../image/card4.png) center center no-repeat;
  background-size: 100% 100%;
}
.layer .cards2 .item.c5 {
  background: url(../image/card_green_base.png) center center no-repeat;
  background-size: 100% 100%;
  margin-top: 10px;
}
.layer .cards3 {
  margin-top: 50px;
  height: 90px;
}
.layer .cards3 .item {
  position: relative;
  margin-left: 10px;
  width: 190px;
  height: 90px;
  float: left;
  background: url(../image/card_gray.png) center center no-repeat;
  margin-top: 10px;
}
.layer .cards3 .item.act:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../image/black50.png);
}
.layer .cards3 .item.act i {
  background: url(../image/ic_choose.png) center center no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 37px;
  height: 37px;
  margin: -18px 0 0 -18px;
  z-index: 1;
}
.layer .cards3 .item h3 {
  font-size: 16px;
  font-family: DINProM;
  padding: 20px 0 0 10px;
  line-height: 26px;
}
.layer3 h3 {
  color: #fff;
}
.layer3 .dates {
  margin-top: 40px;
}
.layer3 .dates span {
  width: 100px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #ff8d00;
  position: relative;
  color: #ff8d00;
  display: inline-block;
  margin-left: 25px;
  text-align: center;
  cursor: pointer;
}
.layer3 .dates span.act {
  background: #ff8d00;
  color: #fff;
}
.layer .select {
  width: 120px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #ddd;
  background: #fff url(../image/arrow.png) right center no-repeat;
  border-radius: 3px;
  position: relative;
  float: left;
  cursor: pointer;
}
.layer .select select {
  width: 100%;
  height: 100%;
  background: 0 0;
  border: none;
  line-height: inherit;
}
.layer .select input {
  background: 0 0;
  border: none;
  display: block;
  width: 90px;
  padding: 0 5px;
  height: 100%;
  cursor: default;
  line-height: inherit;
}
.layer .select ul {
  position: absolute;
  left: -1px;
  top: 100%;
  border: 1px solid #ddd;
  border-radius: 2px;
  min-width: 100%;
  background: #fff;
  white-space: nowrap;
  display: none;
}
.layer .select li {
  padding: 3px;
  line-height: 120%;
}
.layer .select li:hover {
  background: #39f;
  color: #fff;
}
.layer .table2 {
  margin-top: 30px;
  width: 100%;
}
.layer .table2 thead td {
  color: #ff8f00;
  height: 50px;
  padding: 0 20px;
}
.layer .table2 tbody td {
  color: #4a4a4a;
  height: 40px;
  background: #fff;
  padding: 0 20px;
}
.layer .table2 tbody .even td {
  background: #ebebeb;
}
.layer .table2 tbody .green {
  color: #4f9700;
}
.layer .table2 tbody .red {
  color: #f66;
}
.search1 {
  background: #fff;
  padding: 0 20px 25px;
}
.search1 .d1 {
  width: 340px;
  height: 42px;
  margin: 20px auto 0;
}
.search1 .d1 .ipt {
  float: left;
  width: 236px;
  height: 20px;
  padding: 10px;
  border: 1px solid #aaa;
  border-radius: 3px;
  position: relative;
}
.search1 .d1 .ipt input {
  height: 20px;
  width: 100%;
  background: 0 0;
  border: none;
}
.search1 .d1 .ipt ul {
  position: absolute;
  top: 100%;
  left: -1px;
  width: 100%;
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 0 0 3px 3px;
  padding: 3px 0;
  display: none;
}
.search1 .d1 .ipt ul li {
  padding: 0 5px;
  line-height: 20px;
  cursor: pointer;
}
.search1 .d1 .ipt ul li:hover {
  background: #eee;
}
.search1 .d1 .ok {
  background: url(../image/btn_sc.png) center center no-repeat;
  width: 60px;
  height: 30px;
  border: none;
  float: right;
  margin-top: 6px;
  cursor: pointer;
}
.search1 .d2 {
  width: 590px;
  margin: 30px auto 0;
}
.search1 .d2 .l {
  float: left;
}
.search1 .d2 .l h3 {
  font-size: 22px;
  font-family: DINProM;
  font-weight: 700;
  color: #333;
}
.search1 .d2 .l p {
  font-size: 12px;
  margin-top: 3px;
  color: #333;
}
.search1 .d2 .r {
  float: right;
  padding-right: 95px;
}
.search1 .d2 .r a {
  float: left;
  padding: 0 18px;
  height: 30px;
  line-height: 28px;
  color: #fff;
  background: #9b9b9b;
  margin-left: 20px;
  font-family: DINProM;
}
.search1 .d2 .r a.now {
  background: #ff8d00;
}
.search2 {
  background: #fff;
  padding: 25px 20px;
  margin-top: 20px;
}
.search2 .list {
  margin-top: 25px;
}
.search2 .list:first-child {
  margin-top: 0;
}
.search2 .list h2 {
  color: #ff8d00;
  font-size: 22px;
  font-family: DINProM;
  font-weight: 700;
  line-height: 1;
  padding-bottom: 5px;
}
.search2 .list .item {
  margin-top: 20px;
  height: 120px;
}
.search2 .list .item .pic {
  width: 180px;
  height: 120px;
  overflow: hidden;
  float: left;
}
.search2 .list .item .pic img {
  width: 100%;
  height: auto;
}
.search2 .list .item .text {
  padding-left: 200px;
}
.search2 .list .item .text h3 {
  font-size: 21px;
  font-family: DINProM;
  font-weight: 700;
  color: #333;
}
.search2 .list .item .text p {
  margin-top: 40px;
  font-family: DINProM;
  width: 420px;
  overflow: hidden;
  height: 60px;
  color: #9d9d9d;
}
.search2 .page2 {
  margin-top: 20px;
  text-align: left;
}
.search2 .empty {
  padding: 100px 0;
  text-align: center;
  font-size: 21px;
  color: #a5a5a5;
}
.Congratulations_message {
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
}
.ott_price {
  font-size: 14px;
  font-weight: 700;
  color: #ff7a00;
}
.chat_room {
  width: 80px;
  height: 90px;
  float: left;
  text-align: center;
  margin: 10px;
}
.chat_room_img {
  width: 50px;
  height: 50px;
  cursor: pointer;
}
.home_ott_button {
  border-radius: 4px;
  background-color: #ff7a00;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  height: 32px;
  line-height: 32px;
}
.inputlogin {
  width: 100%;
  line-height: 30px;
  background: 0 0;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.5);
  height: 30px;
  border-radius: 4px;
  border: solid 1px rgba(0, 0, 0, 0.25);
  margin-top: 10px;
}
.smartCard_td {
  height: 140px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 #ddd;
  text-align: center;
}
.smartCard_td a {
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 10px;
}
.smartCard_number {
  border-radius: 10px 10px 0 0;
  height: 45px;
  text-align: left;
  background-color: #0669cc;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  line-height: 44px;
  padding-left: 10px;
}
.smartCard_message {
  line-height: 30px;
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
  padding-left: 10px;
  text-align: left;
}
.btn_ok {
  width: 100%;
  height: 32px;
  border-radius: 4px;
  background: 0 0;
  border: none;
  background-color: #ff7a00;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
}