/*
 * @Author: yaofenfan(868618) 
 * @Date: 2020-01-21 16:27:33 
 * @Last Modified by: lijing(707123)
 * @Last Modified time: 2020-03-03 15:05:20
 */

/* CSS Reset */
body,
div,
span,
object,
iframe,
input,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
a,
acronym,
address,
code,
del,
em,
font,
img,
ins,
strong,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
table,
tbody,
tfoot,
thead,
tr,
th,
td {
  padding: 0;
  margin: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

input,
select {
  vertical-align: middle;
}

input,
textarea,
select {
  font: 12px/1.5 "microsoft yahei", Arial, sans-serif;
}

fieldset,
img {
  border: 0;
}

address,
code,
th,
em {
  font-style: normal;
}

ol,
ul {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

/* bass css */
body {
  margin: 0 auto;
  font: 14px/1.5 "microsoft yahei", Arial, sans-serif;
  color: #2d2928;
  background: #fff;
}

button {
  font: 14px/1.5 "microsoft yahei", Arial, sans-serif;
  outline: none;
}

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

.minwidth {
  width: 1024px;
}

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

.clearfix {
  zoom: 1;
}

.clear {
  clear: both;
}

a {
  text-decoration: none;
  outline: none;
  cursor: pointer;
}

* {
  box-sizing: border-box;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.box {
  position: relative;
}

.no-border {
  border-bottom: none !important;
}

input {
  box-sizing: content-box;
  outline: none;
}

input::-ms-clear {
  display: none;
}

input::-ms-clear {
  width: 0;
  height: 0;
}

::-ms-reveal {
  width: 0;
  height: 0;
}

::-webkit-scrollbar {
  width: 7px;
  height: 6px;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #dacebe;
}

::-webkit-scrollbar-track {
  background: #f6f2eb;
  border-radius: 4px;
}

.text-orange {
  color: #fd9305;
}

html,
body {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: #fff;
}

.icon-arrow-left,
.icon-arrow-right,
.icon-open,
.icon-close {
  background: url(https://image.101.com/ppt/wheel/ico.png) no-repeat;
  display: inline-block;
  position: relative;
  cursor: pointer;
}

.icon-arrow-left {
  width: 36px;
  height: 68px;
  background-position: 0 -204px;
}
.icon-arrow-left:hover {
  background-position: -36px -204px;
}
.icon-arrow-left:active {
  background-position: -72px -204px;
}

.btns a:hover .icon-arrow-left {
  background-position: -36px -204px;
}
.btns a:active .icon-arrow-left {
  background-position: -72px -204px;
}
.btns a.disable {
  color: #d5d5d5 !important;
  cursor: not-allowed;
}

.icon-arrow-right {
  width: 36px;
  height: 68px;
  background-position: 0 -272px;
}
.icon-arrow-right:hover {
  background-position: -36px -272px;
}
.icon-arrow-right:active {
  background-position: -72px -272px;
}

.btns a:hover .icon-arrow-right {
  background-position: -36px -272px;
}
.btns a:active .icon-arrow-right {
  background-position: -72px -272px;
}
.btns a.disable {
  color: #d5d5d5 !important;
  cursor: not-allowed;
}

.icon-open {
  width: 18px;
  height: 18px;
  background-position: 0 -44px;
}
.icon-open:hover {
  background-position: -18px -44px;
}
.icon-open:active {
  background-position: -36px -44px;
}

.btns a:hover .icon-open {
  background-position: -18px -44px;
}
.btns a:active .icon-open {
  background-position: -36px -44px;
}
.btns a.disable {
  color: #d5d5d5 !important;
  cursor: not-allowed;
}

.icon-close {
  width: 18px;
  height: 18px;
  background-position: 0 -116px;
}
.icon-close:hover {
  background-position: -18px -116px;
}
.icon-close:active {
  background-position: -36px -116px;
}

.btns a:hover .icon-close {
  background-position: -18px -116px;
}
.btns a:active .icon-close {
  background-position: -36px -116px;
}
.btns a.disable {
  color: #d5d5d5 !important;
  cursor: not-allowed;
}

.tool-detail .main-info,
.box-iframe .main-info {
  overflow-y: auto;
  padding: 0 20px 0;
}
.tool-detail .main-info.on,
.box-iframe .main-info.on {
  padding-bottom: 20px;
}
.tool-detail .main-info .pictures,
.box-iframe .main-info .pictures {
  margin-top: 25px;
  background: #f7f7f7;
  position: relative;
  padding: 0 100px;
}
.tool-detail .main-info .pictures .ico,
.box-iframe .main-info .pictures .ico {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.tool-detail .main-info .pictures .icon-arrow-left,
.box-iframe .main-info .pictures .icon-arrow-left {
  left: 0;
}
.tool-detail .main-info .pictures .icon-arrow-right,
.box-iframe .main-info .pictures .icon-arrow-right {
  right: 0;
}
.tool-detail .main-info .pictures .imgs,
.box-iframe .main-info .pictures .imgs {
  text-align: center;
}
.tool-detail .main-info .pictures .imgs img,
.tool-detail .main-info .pictures .imgs video,
.box-iframe .main-info .pictures .imgs img,
.box-iframe .main-info .pictures .imgs video {
  max-width: 100%;
}
.tool-detail .main-info .intro,
.box-iframe .main-info .intro {
  font-size: 14px;
  color: #666666;
  line-height: 1.714;
}
.tool-detail .main-info .intro h3,
.box-iframe .main-info .intro h3 {
  font-size: 16px;
  font-family: "Microsoft YaHei";
  color: #92673f;
  margin-bottom: 10px;
}
.tool-detail .main-info .intro .text,
.box-iframe .main-info .intro .text {
  max-height: 69px;
  overflow: hidden;
  white-space: pre-line;
}
.tool-detail .main-info .intro .btns,
.box-iframe .main-info .intro .btns {
  text-align: right;
  border-bottom: 1px #dacebe dotted;
  padding-bottom: 4px;
}
.tool-detail .main-info .intro .btns .link,
.box-iframe .main-info .intro .btns .link {
  color: #b4926f;
  display: inline-block;
}
.tool-detail .main-info .intro .btns .link i,
.box-iframe .main-info .intro .btns .link i {
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.tool-detail .main-info .intro .btns .link:hover,
.box-iframe .main-info .intro .btns .link:hover {
  color: #f48235;
}
.tool-detail .main-info .intro .btns .link:active,
.box-iframe .main-info .intro .btns .link:active {
  color: #b0501c;
}
.tool-detail .main-info .intro .btns .link.to-close,
.box-iframe .main-info .intro .btns .link.to-close {
  display: none;
}
.tool-detail .main-info .intro.open .text,
.box-iframe .main-info .intro.open .text {
  max-height: none;
}
.tool-detail .main-info .intro.open .btns .link.to-open,
.box-iframe .main-info .intro.open .btns .link.to-open {
  display: none;
}
.tool-detail .main-info .intro.open .btns .link.to-close,
.box-iframe .main-info .intro.open .btns .link.to-close {
  display: block;
}

.box-iframe .main-info {
  height: 100%;
}

.pictures {
  margin-top: 25px;
  background: #f7f7f7;
  position: relative;
  padding: 0 100px;
}
.pictures .ico {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.pictures .icon-arrow-left {
  left: 0;
}
.pictures .icon-arrow-right {
  right: 0;
}
.pictures .imgs {
  text-align: center;
}
.pictures .imgs img,
.pictures .imgs video {
  max-width: 100%;
}

.main-info .swiper-container .swiper-button-prev,
.main-info .swiper-container .swiper-button-next {
  background: url(https://image.101.com/ppt/wheel/ico.png) no-repeat;
  width: 36px;
  height: 68px;
}
.main-info .swiper-container .swiper-button-prev {
  background-position: 0 -204px;
  left: 0;
}
.main-info .swiper-container .swiper-button-prev:active {
  background-position: -72px -204px;
}
.main-info .swiper-container .swiper-button-prev:hover {
  background-position: -36px -204px;
}
.main-info .swiper-container .swiper-button-next {
  background-position: 0 -272px;
  right: 0;
}
.main-info .swiper-container .swiper-button-next:active {
  background-position: -72px -272px;
}
.main-info .swiper-container .swiper-button-next:hover {
  background-position: -36px -272px;
}

/*模块-首页样式*/

/*2020-3-3 新增样式*/
.carousel-swiper .swiper-container {
  height: calc(100vh - 165px);
  padding-top: 16px;

}
.swiper-button-prev,.swiper-button-next{
  z-index: 10;
}

.swiper-wrapper{
  background: #f7f7f7;
}
.swiper-slide .videos,.swiper-imgs {
  width: 100%;
  height: 100%;
  position: relative;
  background: #f7f7f7;
}
.swiper-slide video,.pictures-cnt video,.swiper-imgs img {
  max-height: 100%;
  max-width: calc(100% - 120px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.carousel-swiper .ico,.swiper-button-prev,.swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 10;
}
.carousel-swiper .prev {
  left: 0;
}
.carousel-swiper .next {
  right: 0;
}

.pictures-cnt{
   height: calc(100vh - 180px);
}
.pictures-cnt .imgs{
  height: 100%;
  width: 100%;
  position: relative;
}