.icon {
    display: inline-block;
    background-repeat: no-repeat;
}

.s17x18 {
    width: 17px;
    height: 18px;
    background-image: url(../img/17x18.png);
}


.s49x49 {
    width: 49px;
    height: 49px;
    background-image: url(../img/49x49.png);
}

.s30x31 {
    background-image: url(../img/30x31.png);
    width: 30px;
    height: 33px;
}

.s70x70 {
    background-image: url(../img/70x70.png);
    width: 70px;
    height: 70px;
}

.s48x36 {
    background-image: url(../img/84x84.png);
    width: 84px;
    height: 84px;
}

.s124x124 {
    background-image: url(../img/124x124.png);
    width: 124px;
    height: 124px;
}

.s114x132 {
    background-image: url(../img/114x132.png);
    width: 114px;
    height: 132px;
}

.s200x200 {
    background-image: url(../img/200x200.png);
    width: 200px;
    height: 200px;
}

.web-logo {
    width: 193px;
    height: 61px;
    background: url(../img/logo.png?v=1.2) center/cover no-repeat;
}

.web-simble {
    width: 50px;
    height: 50px;
    background: url(../img/ms.png?v=1.2) center/cover no-repeat;
}

/* 114x132 */
.w-icon {
    background-position: 0 0;
}

.w-icon.active {
    background-position: -144px 0;
}

.m-icon {
    background-position: -288px 0;
}

.m-icon.active {
    background-position: -432px 0;
}

.a-icon {
    background-position: -576px 0;
}

.a-icon.active {
    background-position: -720px 0;
}

.u-icon {
    background-position: -864px 0;
}

.u-icon.active {
    background-position: -1008px 0;
}

.s-icon {
    background-position: -1152px 0;
}

.s-icon.active {
    background-position: -1296px 0;
}



/* 200x200 */
.sq-icon {
    background-position: 0 0;
}

.php-icon {
    background-position: -230px 0;
}

.react-icon {
    background-position: -460px 0;
}

.html5-icon {
    background-position: -690px 0;
}

.mysq-icon {
    background-position: -918px 0;
}

.net-icon {
    background-position: -1148px 0;
}


/* 124x124 */
.pc124-icon {
    background-position: 0 0;
}

.phone124-icon {
    background-position: -152px 0;
}

.weixin124-icon {
    background-position: -306px 0;
}

.apple124-icon {
    background-position: -459px 0;
}

.android124-icon {
    background-position: -604px 0;
}


/* 17x18 */

.product-icon {
    background-position: 0 0;
}

.product-icon.active {
    background-position: -35px 0;
}

.fun-icon {
    background-position: -70px 0;
}

.fun-icon.active {
    background-position: -106px 0;
}

.enviroment-icon {
    background-position: -142px 0;
}

.enviroment-icon.active {
    background-position: -179px 0;
}

.update-icon {
    background-position: -216px 0;
}

.update-icon.active {
    background-position: -253px 0;
}

.buy-icon {
    background-position: -290px 0;
}

.buy-icon.active {
    background-position: -325px 0;
}

.bqsm-icon {
    background-position: -360px 0;
}

.bqsm-icon.active {
    background-position: -397px 0;
}

.mzsm-icon {
    background-position: -437px 0;
}

.mzsm-icon.active {
    background-position: -478px 0;
}

/* 49x49 */

.pc-icon {
    background-position: 0 0;
}

.phone-icon {
    background-position: -68px 0;
}

.wxxcx-icon {
    background-position: -136px 0;
}

.apple-icon {
    background-position: -205px 0;
}

.robot-icon {
    background-position: -273px 0;
}

/* 30x31 */
.person-icon {
    background-position: 0 0;
}

.template-icon {
    background-position: -61px 0;
}

.function-icon {
    background-position: -121px 0;
}

.save-icon {
    background-position: -177px 0;
}

/* 70x70 */
.write-icon {
    background-position: 0 0;
}

.design-icon {
    background-position: -90px 0;
}

.h5-icon {
    background-position: -180px 0;
}

.free-write-icon {
    background-position: -270px 0;
}

.conmunicate-icon {
    background-position: -360px 0;
}

.free-pay-icon {
    background-position: -450px 0;
}

/* 84x84 */
.show-icon {
    background-position: 0 0;
}

.copy-icon {
    background-position: -104px 0;
}

.replace-icon {
    background-position: -208px 0;
}

.online-icon {
    background-position: -312px 0;
}

.app-icon {
    background-position: -416px 0;
}

.web-icon {
    background-position: -520px 0;
}

.designer-icon {
    background-position: -624px 0;
}

/* 其它 */
.solid-left-btn {
    background-image: url(../img/icon.png);
    background-position: 0 0;
    width: 60px;
    height: 60px;
}

.solid-left-btn:hover {
    background-position: -80px 0;
}

.solid-right-btn {
    background-image: url(../img/icon.png);
    background-position: -160px 0;
    width: 60px;
    height: 60px;
}

.solid-right-btn:hover {
    background-position: -240px 0;
}

.right-green-icon {
    background-image: url(../img/icon.png);
    background-position: -316px 0;
    width: 23px;
    height: 17px;
}

.sanjiao-green-icon {
    background-image: url(../img/icon.png);
    background-position: -359px 0;
    width: 7px;
    height: 10px;
}

.down-sanjiao-gray-icon {
    background-image: url(../img/icon.png);
    background-position: -383px 0;
    width: 11px;
    height: 7px;
}

.call-icon {
    background-image: url(../img/icon.png);
    background-position: 0 -82px;
    width: 22px;
    height: 22px;
}

.qq-talk-icon {
    background-image: url(../img/icon.png);
    background-position: -47px -82px;
    width: 18px;
    height: 19px;
}

.tip-right-icon {
    background-image: url(../img/icon.png);
    background-position: -89px -82px;
    width: 24px;
    height: 28px;
}

.tip-down-icon {
    background-image: url(../img/icon.png);
    background-position: -131px -82px;
    width: 28px;
    height: 24px;
}

.wrong-tip-icon {
    background-image: url(../img/icon.png);
    background-position: -175px -82px;
    width: 18px;
    height: 18px;
}

.right-tip-icon {
    background-image: url(../img/icon.png);
    background-position: -212px -82px;
    width: 18px;
    height: 18px;
}

.sanjiao-up-icon {
    background-image: url(../img/icon.png);
    background-position: -240px -82px;
    width: 18px;
    height: 10px;
}

.gou-icon {
    background-image: url(../img/icon.png);
    background-position: -316px -39px;
    width: 12px;
    height: 12px;
}

.cha-icon {
    background-image: url(../img/icon.png);
    background-position: -359px -39px;
    width: 14px;
    height: 11px;
}

.cha-orange-icon{
    background-image: url(../img/icon.png);
    background-position: -316px -82px;
    width: 16px;
    height: 16px;
}

.nav {
  position: fixed;
  z-index: 500;
  top: 0;
  height: 80px;
  background-color: #212429;
  color: #ffffff;
  min-width: 1336px;
  width: 100%;
}

.nav .web-logo {
  margin-top: 9px;
}

.nav .nav-list li {
  font-size: 16px;
  float: left;
  margin-right: 40px;
}

.nav .nav-list li a {
  display: block;
  line-height: 76px;
}

.nav .nav-list li a:hover {
  color: #1abc9c;
}
.nav .nav-list li:hover {
  color: #1abc9c;
}
.nav .nav-list .xia {
  position:relative;
  padding-bottom: 10px;
}
.nav .nav-list .xia .list {
  position: absolute;
  margin-top: 30px;
  width: 100px;
  top: 50px;
  left: 50%;
  z-index: 10;
  background: #fff;
  color: #333;
  margin-left: -50px;
  display: none;
}
.nav .nav-list .xia .sanjiao-up-icon {
  position: absolute;
  right: 20px;
  top: 70px;
  display: none;
}
.nav .nav-list .xia .list li{
  width: 100%;
  margin-right: 0px;
  text-align: center;
}
.nav .nav-list .xia .list li a{
  line-height: 50px;
  font-size: 14px;
}
.nav .nav-list li.active .list li a{
  border-bottom:0;
}
.nav .nav-list .xia .list li a:hover{
  color:#fff;
}
.nav .nav-list .xia .list li:hover {
  background-color: #1abc9c;
  color:#fff;
}
.nav .nav-list .xia:hover .list,
.nav .nav-list .xia:hover i {
  display: block;
}

.nav .nav-list .active {
  color: #1abc9c;
}

.nav .nav-list .active a {
  border-bottom: solid 4px #1abc9c;
}

.nav .no-login {
  line-height: 76px;
}

.nav .no-login .text {
  font-size: 16px;
  padding: 0 10px;
}

.nav .no-login .text:hover {
  color: #1abc9c;
}

.nav .already-login {
  padding-top: 11px;
  position: relative;
  margin-left: 20px;
}

.nav .already-login .nav-user-logo {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.nav .already-login .personal-center-ul {
  position: absolute;
  padding-top: 30px;
  width: 150px;
  top: 50px;
  right: 0;
  z-index: 10;
  display: none;
}

.nav .already-login .personal-center-ul .sanjiao-up-icon {
  position: absolute;
  right: 20px;
  top: 20px;
}

.nav .already-login .personal-center-ul .list {
  background-color: #fff;
  box-shadow: 0px 2px 9px 0px rgba(153, 153, 153, 0.5);
}

.nav .already-login .personal-center-ul .list li {
  height: 50px;
  font-size: 14px;
  line-height: 50px;
  color: #333333;
  text-align: center;
}

.nav .already-login .personal-center-ul .list li a {
  display: block;
  width: 100%;
  height: 100%;
}

.nav .already-login .personal-center-ul .list li a:hover {
  color:#fff;
}

.nav .already-login .personal-center-ul .list li:hover {
  background-color: #1abc9c;
  color:#fff;
}

.nav .already-login .personal-center-ul .list li:nth-last-child(1) {
  border-top: solid 1px #dddddd;
}

.nav .already-login:hover .personal-center-ul {
  display: block;
}

.footer {
  background-color: #212429;
  height: 449px;
  position: relative;
  min-width: 1336px;
}

.footer .middle-box {
  position: relative;
}

.footer .middle-line {
  width: 1px;
  height: 385px;
  background-color: #000000;
}

.footer .msg-box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  max-width: 680px;
  overflow: hidden;
}

.footer .left-msg {
  left: 0;
  width: 564px;
}

.footer .left-msg .symble {
  margin-bottom: 20px;
}

.footer .left-msg .compeny {
  font-size: 14px;
  line-height: 24px;
  color: #e2e2e2;
  margin-bottom: 20px;
}

.footer .left-msg .relative-group {
  color: #1abc9c;
  line-height: 22px;
  font-size: 18px;
  font-family: "MicrosoftYaHei-Bold";
  font-weight: bold;
}

.footer .left-msg .relative-group .group {
  float: left;
  margin-right: 40px;
}

.footer .left-msg .relative-group .group .icon {
  margin-right: 5px;
}

.footer .right-msg {
  right: 0;
}

.footer .right-msg .ul-group {
  float: right;
  margin-left: 70px;
}

.footer .right-msg .ul-group .group-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 20px;
}

.footer .right-msg .ul-group ul li {
  line-height: 30px;
}

.footer a:hover,
.footer .right-msg .ul-group ul li:hover {
  color: #1abc9c;
}

.middle-box {
  width: 1336px;
  height: 100%;
  margin: 0 auto;
}

.page-container {
  min-width: 1336px;
  padding-top: 80px;
}

.fy {
  text-align: center;
  line-height: 42px;
}

.fy .inline-block {
  display: inline-block;
}

.fy .long {
  display: block;
  float: left;
  width: 90px;
  height: 42px;
  background-color: #ffffff;
  border: solid 1px #dddddd;
  color: #999999;
  font-size: 16px;
  text-align: center;
  margin-right: 10px;
}

.fy .sort {
  display: block;
  float: left;
  width: 42px;
  height: 42px;
  background-color: #ffffff;
  border: solid 1px #dddddd;
  color: #999999;
  font-size: 16px;
  text-align: center;
  margin-right: 10px;
}

.fy .sort.active {
  background-color: #1abc9c;
  border: solid 1px #1abc9c;
  color: #fff;
}

.fy .doc {
  display: block;
  float: left;
  width: 42px;
  height: 42px;
  background-color: #ffffff;
  color: #999999;
  font-size: 16px;
  text-align: center;
  margin-right: 10px;
}

.mask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
}

.common-tip {
  z-index: 500;
  height: 60px;
  line-height: 60px;
  padding: 0 30px;
  color: #fff;
  font-size: 16px;
  background-color: #212429;
  border-radius: 5px;
}

.common-tip .icon {
  margin-top: 22px;
  margin-right: 8px;
}

.buy-bq-pop,
.sq-tip-pop {
  background-color: #ffffff;
  z-index: 1000;
  padding: 20px 80px;
  color: #333333;
  text-align: center;
  border-radius: 5px;
}

.buy-bq-pop .tip,
.sq-tip-pop .tip {
  height: 80px;
  line-height: 80px;
}

.buy-bq-pop .btn-group button,
.sq-tip-pop .btn-group button {
  width: 100px;
  height: 40px;
  border-radius: 3px;
  color: #fff;
}

.buy-bq-pop .btn-group .gray-btn,
.sq-tip-pop .btn-group .gray-btn {
  background-color: #c4c4c4;
  margin-right: 10px;
}

.buy-bq-pop .btn-group .red-btn,
.sq-tip-pop .btn-group .red-btn {
  background-color: #f6223f;
}

.buy-bq-pop .btn-group .red-btn:hover,
.sq-tip-pop .btn-group .red-btn:hover {
  background-color: #db1e37;
}

.sq-tip-pop .tip {
  height: 120px;
  line-height: 24px;
  padding-top: 30px;
  text-align: left;
}
.index-page1-box {
  height: 560px;
  position: relative;
  margin-bottom: 80px;
  background: url(../img/bj.png) center/cover no-repeat;
}

.index-page1-box .pop {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10;
  color: #fff;
  padding-top: 90px;
}

.index-page1-box .pop .td {
  font-size: 50px;
  line-height: 52px;
  text-align: center;
  color: #1ac9a1;
  margin-bottom: 60px;
}

.index-page1-box .pop .page-img-group {
  width: 556px;
  margin: 0 auto 60px auto;
}

.index-page1-box .pop .page-img-group .group {
  float: left;
  text-align: center;
}

.index-page1-box .pop .page-img-group .group .icon {
  margin-bottom: 15px;
}

.index-page1-box .pop .page-img-group .add {
  line-height: 80px;
  margin: 0 30px;
}

.index-page1-box .pop .buttom-group {
  text-align: center;
}

.index-page1-box .pop .buttom-group button {
  width: 170px;
  height: 60px;
  border-radius: 5px;
  font-size: 24px;
  color: #fff;
}

.index-page1-box .pop .buttom-group .green-btn {
  background-color: #1abc9c;
  margin-right: 40px;
}

.index-page1-box .pop .buttom-group .green-btn:hover {
  background-color: #0ba788;
}

.index-page1-box .pop .buttom-group .red-btn {
  background-color: #f6223f;
}

.index-page1-box .pop .buttom-group .red-btn:hover {
  background-color: #dc142f;
}

.index-page1-box .bottom-group {
  position: absolute;
  height: 160px;
  width: 1336px;
  bottom: -80px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
}

.index-page1-box .bottom-group .group {
  width: 319px;
  height: 160px;
  background-color: #ffffff;
  box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.14);
  border-radius: 5px;
  margin-right: 19px;
  float: left;
  text-align: center;
  padding: 37px 0;
  font-size: 12px;
  line-height: 14px;
}

.index-page1-box .bottom-group .group .icon {
  margin-bottom: 10px;
}

.index-page1-box .bottom-group .group .nums {
  margin-bottom: 8px;
}

.index-page1-box .bottom-group .group .tit {
  color: #999999;
}

.index-page1-box .bottom-group .group:nth-last-child(1) {
  margin-right: 0;
}

.index-page2-box {
  padding: 80px 0;
}

.index-page2-box .box-title {
  text-align: center;
  margin-bottom: 70px;
}

.index-page2-box .box-title .en {
  color: #c9c9c9;
  font-size: 16px;
  margin-bottom: 5px;
  line-height: 18px;
}

.index-page2-box .box-title .ch {
  color: #1abc9c;
  font-size: 30px;
  margin-bottom: 12px;
  line-height: 30px;
}

.index-page2-box .advantage-list .col4 {
  width: 33.333%;
  float: left;
}

.index-page2-box .advantage-list .data {
  width: 154px;
  text-align: center;
  margin: 0 auto;
}

.index-page2-box .advantage-list .data .icon {
  margin-bottom: 12px;
}

.index-page2-box .advantage-list .data .data-name {
  font-size: 18px;
  color: #333;
  margin-bottom: 10px;
  line-height: 18px;
}

.index-page2-box .advantage-list .data .data-msg {
  color: #999999;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.prodact-solid-box {
  position: relative;
  height: 564px;
}

.prodact-solid-box .solid-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.prodact-solid-box .solid-left-btn {
  left: 0;
}

.prodact-solid-box .solid-right-btn {
  right: 0;
}

.prodact-solid-box .product-list-box {
  width: 1180px;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  height: 563px;
}

.prodact-solid-box .product-list-box .product-list {
  position: absolute;
  left: 0;
  top: 0;
  width: 200%;
  height: 563px;
}

.prodact-solid-box .product-list-box .product-list .data {
  float: left;
  width: 379px;
  height: 563px;
  background-color: #ffffff;
  box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.14);
  border-radius: 3px;
  margin-right: 18px;
}

.prodact-solid-box .product-list-box .product-list .data .data-title {
  height: 177px;
  line-height: 177px;
  font-size: 36px;
  text-align: center;
  color: #fff;
  margin-bottom: 40px;
}

.prodact-solid-box .product-list-box .product-list .data .data-list {
  margin-bottom: 30px;
}

.prodact-solid-box .product-list-box .product-list .data .data-list li {
  height: 40px;
  line-height: 40px;
  padding: 0 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.prodact-solid-box .product-list-box .product-list .data .data-list li .icon {
  margin-top: 10px;
  margin-right: 14px;
}

.prodact-solid-box .product-list-box .product-list .data .btn-box {
  text-align: center;
}

.prodact-solid-box .product-list-box .product-list .data .btn-box button {
  width: 240px;
  height: 56px;
  background-color: #f6223f;
  border-radius: 28px;
  font-size: 18px;
  color: #fff;
}

.prodact-solid-box .product-list-box .product-list .data .btn-box button:hover {
  background-color: #dc142f;
}

.index-page3-box {
  height: 636px;
  background: url(../img/bbj.png) center/cover no-repeat;
  position: relative;
}

.index-page3-box .pop {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10;
  color: #fff;
}

.index-page3-box .pop .middle-box {
  position: relative;
}

.index-page3-box .pop .middle-box .box-title {
  position: absolute;
  top: -10px;
  left: 0;
  z-index: 10;
  width: 203px;
  height: 266px;
  background-color: #1abc9c;
  border-radius: 0px 0px 3px 3px;
  padding: 70px 43px;
  font-size: 55px;
  line-height: 60px;
}

.index-page3-box .pop .middle-box .box-title .icon {
  position: absolute;
  top: 0;
  left: -7px;
}

.index-page3-box .pop .middle-box .pg3-data-group {
  padding-top: 135px;
  width: 768px;
  float: right;
  margin-right: 532px;
}

.index-page3-box .pop .middle-box .pg3-data-group .group {
  width: 84px;
  text-align: center;
  float: left;
}

.index-page3-box .pop .middle-box .pg3-data-group .group .data {
  width: 84px;
  height: 124px;
  text-align: center;
}

.index-page3-box .pop .middle-box .pg3-data-group .group .data .text {
  font-size: 12px;
  margin-top: 12px;
}

.index-page3-box .pop .middle-box .pg3-data-group .group .icon-box {
  width: 28px;
  height: 24px;
  margin: 50px auto;
}

.index-page3-box .pop .middle-box .pg3-data-group .group .icon-box .icon {
  transform: rotate(90deg);
}

.index-page3-box .pop .middle-box .pg3-data-group .icon-group {
  width: 24px;
  margin: 0 60px;
  float: left;
}

.index-page3-box .pop .middle-box .pg3-data-group .icon-group .data-icon {
  width: 24px;
  height: 124px;
}

.index-page3-box .pop .middle-box .pg3-data-group .icon-group .data-icon .icon {
  margin-top: 28px;
}

.index-page3-box .pop .middle-box .pg3-data-group .icon-group .data-icon:nth-last-child(1) .icon {
  transform: rotate(180deg);
}

.index-page3-box .pop .middle-box .pg3-data-group .icon-group .icon-box {
  width: 28px;
  height: 24px;
  margin: 50px 0;
}

.index-page3-box .pop .middle-box .send-msg-box {
  position: absolute;
  right: 0;
  top: 48px;
  z-index: 10;
  width: 459px;
  background-color: #1abc9c;
  border-radius: 5px;
  padding: 30px;
}

.index-page3-box .pop .middle-box .send-msg-box .this-box-title {
  text-align: center;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 38px;
}

.index-page3-box .pop .middle-box .send-msg-box .input-group {
  margin-bottom: 19px;
}

.index-page3-box .pop .middle-box .send-msg-box .input-group .input {
  width: 400px;
  height: 50px;
  border: solid 1px #ffffff;
  padding: 0 20px;
  line-height: 50px;
  color: #fff;
}

.index-page3-box .pop .middle-box .send-msg-box .input-group .textarea {
  width: 400px;
  height: 140px;
  border: solid 1px #ffffff;
  padding: 10px 20px;
  line-height: 20px;
  color: #fff;
}

.index-page3-box .pop .middle-box .send-msg-box .input-group .submit {
  width: 400px;
  height: 51px;
  background-color: #ffffff;
  border-radius: 5px;
  color: #1abc9c;
  font-size: 16px;
}

.index-page3-box .pop .middle-box .send-msg-box .input-group:nth-last-child(1) {
  margin-bottom: 0;
}

.template-page {
  margin-top: 30px;
  margin-bottom: 40px;
  padding: 30px 68px;
}

.template-page .template-list .data {
  width: 378px;
  height: 450px;
  background-color: #ffffff;
  border-radius: 3px;
  margin-right: 30px;
  float: left;
  text-align: center;
  color: #fff;
  margin-bottom: 30px;
}

.template-page .template-list .data .data-title {
  font-size: 26px;
  margin-top: 270px;
  margin-bottom: 33px;
}

.template-page .template-list .data .data-btn button {
  width: 240px;
  height: 56px;
  background-color: #f6223f;
  border-radius: 28px;
  font-size: 18px;
  color: #fff;
}

.template-page .template-list .data .data-btn button:hover {
  background-color: #d81f38;
}

.template-page .template-list .data:nth-child(3n) {
  margin-right: 0;
}

.sq-page-box {
  height: 100%;
  position: relative;
  min-height: 448px;
}

.sq-page-box .sq-pop {
  z-index: 10;
  width: 496px;
  padding: 40px 58px;
  background-color: #ffffff;
  box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  border: solid 1px #dbdbdb;
}

.sq-page-box .sq-pop .pop-title {
  text-align: center;
  color: #333333;
  font-size: 18px;
  margin-bottom: 40px;
}

.sq-page-box .sq-pop .input-group {
  margin-bottom: 20px;
}

.sq-page-box .sq-pop .select-input {
  position: relative;
  cursor: pointer;
}

.sq-page-box .sq-pop .select-input .show-select {
  width: 380px;
  height: 50px;
  border-radius: 5px;
  border: solid 1px #dbdbdb;
  padding: 0 20px;
  line-height: 50px;
  color: #333;
}

.sq-page-box .sq-pop .select-input .show-select .down-sanjiao-gray-icon {
  margin-top: 20px;
}

.sq-page-box .sq-pop .select-input .option-box {
  position: absolute;
  top: 50px;
  left: 0;
  width: 380px;
  z-index: 10;
  border-left: solid 1px #dbdbdb;
  border-right: solid 1px #dbdbdb;
  max-height: 150px;
  overflow-y: auto;
  display: none;
}

.sq-page-box .sq-pop .select-input .option-box .option {
  height: 50px;
  background-color: #ffffff;
  line-height: 50px;
  padding: 0 20px;
  border-bottom: solid 1px #dbdbdb;
  color: #333333;
}

.sq-page-box .sq-pop .select-input .option-box .option:hover {
  background-color: #1abc9c;
  color: #fff;
}

.sq-page-box .sq-pop .input {
  width: 380px;
  height: 51px;
  background-color: #ffffff;
  border-radius: 5px;
  border: solid 1px #dbdbdb;
  padding: 0 20px;
}

.sq-page-box .sq-pop .input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #999;
}

.sq-page-box .sq-pop .input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999;
  opacity: 1;
}

.sq-page-box .sq-pop .input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999;
  opacity: 1;
}

.sq-page-box .sq-pop .input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999;
}

.sq-page-box .sq-pop .input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #999;
}

.sq-page-box .sq-pop .submit {
  width: 380px;
  height: 50px;
  background-color: #1abc9c;
  border-radius: 5px;
  font-size: 16px;
  color: #fff;
}

.sq-page-box .sq-pop .submit:hover {
  background-color: #12a88a;
}

.product-top-img {
  min-width: 1336px;
  height: 460px;
  background: url(../img/rt.png) center bottom/cover no-repeat;
}

.product-index-list {
  padding-top: 70px;
  padding-bottom: 107px;
}

.product-index-list .data {
  position: relative;
  margin-bottom: 40px;
}

.product-index-list .data .data-img {
  width: 304px;
  height: 294px;
  border: solid 1px #dadada;
}

.product-index-list .data .data-msg {
  position: absolute;
  right: 166px;
  top: 50%;
  transform: translateY(-50%);
  width: 830px;
}

.product-index-list .data .data-msg .text {
  color: #666666;
  line-height: 26px;
  margin-bottom: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  overflow: hidden;
}

.product-index-list .data .data-msg .text h2{
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
.product-index-list .data .data-msg .btn-group button {
  float: left;
  margin-right: 20px;
  width: 140px;
  height: 50px;
  background-color: #1abc9c;
  font-size: 16px;
  color: #fff;
}

.product-index-list .data:nth-last-child(1) {
  margin-bottom: 0;
}

.product-detail-page-img {
  min-width: 1336px;
  height: 300px;
  background: url(../img/yu.png) center bottom/cover no-repeat;
}

.product-detail-tab-group {
  padding: 50px 0;
  margin-bottom: 10px;
}

.product-detail-tab-group .tab {
  display: block;
  float: left;
  box-sizing: border-box;
  width: 140px;
  height: 57px;
  border-radius: 5px;
  border: solid 1px #1abc9c;
  color: #1abc9c;
  margin-right: 20px;
  line-height: 57px;
  text-align: center;
}

.product-detail-tab-group .tab span {
  display: inline-block;
}

.product-detail-tab-group .tab .icon {
  margin-top: 19px;
  margin-right: 4px;
}

.product-detail-tab-group .tab:nth-last-child(1) {
  margin-right: 0;
}

.product-detail-tab-group .tab.active {
  background-color: #19afa3;
  color: #fff;
}

.product-detail-msg-box {
  color: #333333;
  font-size: 14px;
  line-height: 28px;
  padding-bottom: 50px;
}

.product-detail-msg-box p {
  margin-bottom: 10px;
}

.product-detail-msg-box span {
  font-weight: bold;

}

.sq-table {
  width: 1100px;
  border-collapse: collapse;
  color: #333;
  margin-bottom: 170px;
}

.sq-table td,
.sq-table th {
  border: solid 1px #dbdbdb;
}

.sq-table td {
  height: 56px;
  line-height: 56px;
  box-sizing: border-box;
}

.sq-table td:nth-child(1) {
  padding: 0 40px;
}

.sq-table td:nth-child(2) {
  padding: 0 40px;
  text-align: center;
  background-color: #f5f6f7;
}

.sq-table td:nth-child(3) {
  padding: 0 40px;
  text-align: center;
  background-color: #fbf1f1;
}

.sq-table td:nth-child(4) {
  padding: 0 40px;
  text-align: center;
  background-color: #f5f5eb;
}

.sq-table td:nth-child(5) {
  padding: 0 40px;
  text-align: center;
  background-color: #e7f4f9;
}

.sq-table .caption {
  text-align: center;
  background-color: #dddddd;
  font-size: 16px;
}

.sq-table .btn {
  width: 86px;
  height: 34px;
  border-radius: 3px;
  color: #fff;
}

.sq-table .red-btn {
  background-color: #ff3300;
}

.sq-table .orange-btn {
  background-color: #ff6600;
}


.product-index-list .data .data-msg .pass {
  margin-top: 10px;
  position: absolute;
  left: 0;
  bottom: -48px;
  display: none;
}

.product-index-list .data .data-msg .pass .pass-tip {
  float: left;
  height: 38px;
  background-color: #f9f9f9;
  border: solid 1px #dbdbdb;
  line-height: 38px;
  color: #ff4e00;
  padding: 0 20px;
}


.g_box {
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 0 5px rgba(49,42,42,.06);
    box-shadow: 0 0 5px rgba(49,42,42,.06);
    margin-bottom: 10px;
    float: left;
}
.c_g_inf {
    float: right;
    width: 228px;
    overflow: hidden;
    padding: 0 0 8px 0;
}
.c_g_inf ul {
    overflow: hidden;
    display: block;
    padding: 5px 0;
    margin: 0 13px;
}
.c_g_inf ul.c_g_sell {
    font-size: 13px;
    padding: 9px 0 11px 12px;
    width: 100%;
    margin: 0;
    background: url(../img/f-icons-ex1.png) 0 bottom repeat-x;
    color: #656565;
}
.c_s_tx {
    float: left;
    background: #fff;
    padding: 2px;
    border: 1px solid #eee;
}
.c_s_name {
    float: left;
    padding: 0 0 0 8px;
    height: 35px;
    width: 160px;
}
.c_g_inf ul {
    overflow: hidden;
    display: block;
    padding: 5px 0;
    margin: 0 13px;
    margin-top: 4px;
}
.c_s_info li {
    overflow: hidden;
    display: block;
    padding: 5px 0;
}
.c_g_inf ul.tit {
    padding: 5px 0 0 0;
    font-size: 14px;
    font-weight: 700;
    border-top: 1px solid #ededed;
    margin: 0 13px;
}
.c_g_inf ul.c_s_cont {
    padding: 0 0 0 2px;
}
.shop_score div {
    overflow: hidden;
    display: block;
    padding-top: 10px;
    border-top: 1px solid #ededed;
}
.shop_score cite {
    float: right;
    width: 50px;
    padding-left: 16px;
    border-right: #ededed solid 1px;
    margin-right: -1px;
}
.shop_score cite span {
    color: #999;
}
.shop_score cite .up {
    color: #f60;
}
cite, em, i {
    font-style: normal;
}
ul.shop_btns {
    margin-bottom: 2px;
    line-height: 16px;
}
.shop_btns a {
    color: #666;
    float: left;
    width: 46%;
    vertical-align: middle;
    padding: 6px 0 8px 0;
    height: 16px;
    border: 1px solid #ededed;
    background: #f9f9f9;
    transition: background .5s;
}
.shop_btns a:hover {
    color: #000;
}
.c_g_inf .shop_btns a {
    background: #fff;
    border-color: #e5e5e5;
}
.shop_btns a.collection {
    float: right;
}
.shop_btns i {
    float: left;
    margin: 2px 0 0 13%;
    color: #00a1ec;
}
.shop_btns span {
    float: left;
    padding-left: 2px;
    margin-top: 1px;
}
.bond_info {
    text-align: center;
    display: block;
    font-size: 12px;
    color: #2E8A11;
    border: 1px solid #C6F6BC;
    background: #F6FDF4;
    vertical-align: middle;
    padding: 5px 0 7px 0;
}
.bond_info:hover {
    color: #24760b;
}
.bond_info i {
    padding-right: 2px;
}
.uim i,.tit i{color:#555555;}
.uim p{padding-top: 5px;}

.userindex{padding: 0px 10px 10px 10px;border-radius: 5px;width: 1316px;background-color: #ffffff;margin: 0 auto;margin-top:80px;}
.userindex .layui-row{padding: 20px 10px;}
.userindex .pic{width: 110px;height: 100px;display: inline-block;vertical-align: middle;}
.userindex .pic img{width: 100px;height: 100px;border: #f1f1f1 solid 1px;border-radius: 50%;}
.userindex .info{display: inline-block;vertical-align: middle;}
.userindex .info h3{color: #080;font-size: 16px;height: 30px;}
.userindex .info p{font-size:12px;color:#666;}
.userindex .info p img{vertical-align: -3px;padding-right: 10px;}
.userindex .right{float: right;width: 500px;}
.userindex .right p{font-size: 12px;}
.userindex .right b{font-size: 14px;color:#f60;padding-right:5px;}
.userindex .right p a{margin-top: 6px;width: 65px;height: 28px;font-size: 14px;line-height: 28px;padding: 0 10px;font-weight: 700;}
.userindex .right p a.pay{background: #f57403;margin-right: 5px;}
.userindex .right h2{height: 40px;}
.userindex .right a.zt,.userindex .right h2.zt{display: block;border-radius: 3px;height: 50px;line-height: 50px;font-size:16px;width: 60%;text-align: center;background: #f5f5f5;margin-top: 20px;}
.userindex .right a:hover.zt{background: #3574bb;color:#fff;}
.userindex .right h2.no{margin-top: 0px;}
.userindex .right h2.msg{padding-top: 10px;color:red;}

.tps{width: 1336px;margin: 0 auto;margin-top:10px;}
.tps .layui-elem-quote{border-left: 5px solid #009688;background-color: #fff;color:#666;}
.tps span{font-size: 16px;color: #4f94e7;padding-right:10px;}

.shop{width: 1336px;margin: 0 auto;margin-top:10px;height: 210px;}
.shop .left{width: 780px;display: inline-block;background-color: #ffffff;padding: 0px 10px 10px 10px;border-radius: 5px;height: 200px;}
.shop .right{width: 506px;display: inline-block;margin-left: 10px;padding: 0px 10px 10px 10px;background-color: #ffffff;border-radius: 5px;height: 200px;}
.shop .left .layui-card-header a{float: right;font-size: 14px;font-weight: 500;}
.shop .left .layui-card-header a i{font-size: 12px;}
.shop .left .w3{width: 18%;display: inline-block;}
.shop .left .w5{width: 45%;display: inline-block;}
.shop .left .w4{width: 35%;display: inline-block;}
.shop .left h3{padding-bottom: 6px;font-weight: 600;}
.shop .left p{border-bottom: #f5f5f5 solid 1px;padding: 6px 0;width: 90%;}
.shop .left a{color: #247fbd;padding: 0 7px 0 3px;}
.shop .left a span{color:#333;}
.shop .left a:hover{color:#f60;}
.shop .left .li{padding: 7px 0;width: 100%;}
.shop .left .li .layui-progress{width: 70%;display: inline-block;vertical-align: middle;}
.shop .right .tab{float: right;width: 120px;margin-right: -10px;height: 35px;}
.shop .right .tab li{float: left;width: 50%;text-align: center;font-weight: 500;font-size:12px;cursor: pointer;}
.shop .right .tab li.on{border-bottom: #1E9FFF solid 2px;color:#1E9FFF;}
.shop .right .pay{display: none;width: 100%;height: 83px;float: left;}
.shop .right .pay.on{display: block;}
.shop .right .pay li{font-size: 14px;text-align: center;float: left;width: 47%;padding: 8px 0;margin: 10px 6% 0 0;background: #fafafa;border-radius: 2px;}
.shop .right .pay li:nth-child(2n){margin-right:0;}
.shop .right .pay li p{color:#666;}
.shop .right .pay li p span{color: #f60;}
.shop .right .pay:first-child li p span{color: #0085d7;}


.box{width: 1336px;margin: 0 auto;margin-top:10px;height: 360px;}
.box .left{width: 418.66666px;display: inline-block;background-color: #ffffff;padding: 0px 10px 10px 10px;border-radius: 5px;height: 100%;margin-left:10px;}
.box .left:first-child{margin-left:0;}
.box .left h3{padding-bottom: 6px;font-weight: 600;}
.box .left p{padding: 5px 0;font-size: 12px;border-bottom: #f5f5f5 solid 1px;}
.box .left p span{color:#666;width: 6%;display: inline-block;}
.box .left p em{color:#666;float: right}
.box .left p:nth-child(-n+3) span{color:#f60;}
.box a{color:#333;display: inline-block;width: 94%;}
.box a b{display: inline-block;width: 70%;height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;font-weight: 500;}
.box a:hover b{text-decoration:underline;color:#777;}

.buy{width: 1336px;margin: 0 auto;margin-top:10px;height: 180px;}
.buy .left{width: 780px;display: inline-block;background-color: #ffffff;padding: 0px 10px 10px 10px;border-radius: 5px;height: 170px;}
.buy .right{width: 506px;display: inline-block;margin-left: 10px;padding: 0px 10px 10px 10px;background-color: #ffffff;border-radius: 5px;height: 170px;}
.buy .tab{float: right;width: 80%;margin-right: -10px;height: 34px;}
.buy .tab li{float: right;width: 50px;margin-left: 15px;text-align: center;font-weight: 500;font-size:12px;cursor: pointer;}
.buy .tab li.on{border-bottom: #1E9FFF solid 2px;color:#1E9FFF;}
.buy p{padding: 6px 0;border-bottom: #f5f5f5 solid 1px;font-size: 12px;}
.buy p .s1{color:#666;width: 20px;display: inline-block;}
.buy p:nth-child(1) .s1{color:#f60;}
.buy p .s2{display: inline-block;width: 70%;height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;}
.buy p .s3{width: 100px;}
.buy p .s4{color:#666;float: right;}
.buy p .s5,.buy .right p .s6{width: 60px;display: inline-block;text-align: center;}
.buy .right p .s6{width: 170px;}
.buy .right p .s7{width: 100px;display: inline-block;}
.buy a i{font-size: 12px;margin-top:-3px;}
.buy .nodata{text-align: center;padding-top: 40px;color: #666;}
.buy .nodata a{color: #1E9FFF;}
.buy .right p span{font-size: 12px;}
.buy .right p .s4{text-align: center;}
.buy .right p .s2{width: 50%;}

.margin{width: 100%;}
.margin li{width: 49%;display: inline-block;position: relative;height: 80px;}
.margin li:nth-child(1){border-right: #ddd solid 1px;}
.margin li p{padding-left: 10px;height: 40px;line-height: 40px;}
.margin li p.txt{font-weight: 500;font-size:16px;}
.margin li p.num{color:#666;font-size:12px;}
.margin li p.num b{color:#333;font-size:20px;padding-right:3px;color:#080;}
.margin li button{position:absolute;top:5px;right:15px;width: 50px;}
.margin li button.zhuan{top:auto;bottom:5px;margin-left:0;}
.margin li button.pay{top:auto;bottom:5px;}
.margin li:nth-child(2) .num b{color:red;}

.sms-code-box {padding: 15px 10px 0;width: 268px;font-size: 14px;line-height: normal;position: relative;}
.sms-code-box .code-img{width: 268px;margin-bottom: 16px;position: relative;overflow: hidden;height: 117px;}
.sms-code-box .code-img img{width: 100%;border-radius: 4px;height: 100%;display: block;}
.sms-code-box .code-img .points-item {display: block;position: absolute;height: 14px;line-height: 14px;font-size: 12px;text-align: center;width: 14px;border-radius: 50%;background: #83da35;color: #fff;}
.sms-code-box .code-img .refresh {cursor: pointer;height: 30px;line-height: 30px;width: 30px;position: absolute;right: 0;bottom: 0;background-color: #000;background-color: rgba(0,0,0,.5);border-top-left-radius: 4px;text-align: center;}
.sms-code-box .code-img .refresh i {font-weight: 600;font-size: 18px;color:#fff;}
.sms-code-box .code-text{margin-bottom: 16px;overflow: hidden;}
.sms-code-box .code-text .sms-msg{width: 160px;float: left;}
.sms-code-box .code-text .sms-text{width: 80px;float: right;height: 40px;line-height: 40px;text-align: center;font-size: 22px;color: #c80000;background: linear-gradient(-180deg,#ff8174 6%,#ffce70 77%);border: 1px solid #e5e5e5;border-radius: 4px;}
.sms-code-box .smspic-btn{cursor: pointer;text-align: center;border-top: 1px solid #dcdcdc;padding: 0;margin: 0;height: 45px;line-height: 45px;background-color: #3574bb;color: #fff;font-size: 14px;}