body {
 min-width: 1360px;
}
.container { width: auto; margin: 0 auto; position: relative; overflow: initial;}

.container .details-left { width: 70%; float: left; }
.container .details-left .big-title {line-height: 50px; font-size: 34px;font-weight: bold; color: #000;}
.container .details-left .main-text { width: 100%; margin-top: 30px; position: relative; padding-left: 150px;box-sizing: border-box;}
.container .details-left .main-text .left-share { width: 123px; position: absolute; left: 0; top: 0;}
.container .details-left .main-text .left-share .share { color: #666; font-size: 14px; margin-bottom: 13px; text-align: center;}
.container .details-left .main-text .left-share #share-2 a{display: block;margin: 5px auto;font-size: 45px;}
.container .details-left .main-text .left-share i { font-size: 42px; cursor: pointer; display: block; color: #BBBBBB; margin-bottom: 10px; }
.container .back {float: right; font-size: 20px; line-height: 20px; margin-top: 10px; display: none;}
.container .back span {color:#5579a4;}
.container .details-left .main-text .right-text { width: 100%; }
.container .details-left .main-text .right-text img{max-width: 100% !important;}
.container .details-left .main-text .right-text .message {margin-top: 26px;}
.container .details-left .main-text .right-text .message ul li { display: inline-block; color: #8a8a8a; font-size: 18px;line-height: 24px; }
.container .details-left .main-text .right-text .message ul .null {display: inline-block;}
.container .details-left .main-text .right-text .context { margin-top: 36px; margin-bottom: 73px; font-size: 18px; color: #4a4a4a; overflow: hidden;}
.container .details-left .main-text .right-text .context p{
 line-height: 36px;
 width: 100% !important;
}
.container .details-left .main-text .right-text .context textarea { height: 200px; overflow: hidden; font-size: 18px; line-height: 40px; color: #333333; width: 663px; resize: none; }

.container .details-right { float: left; width: 25%; margin-top: 20px; margin-left: 5%; margin-bottom: 20px; background:#f4f5f6;border-top: solid 1px #5579a4; padding: 0 40px; box-sizing: border-box;}
.container .details-right .hot-sort { margin-top: 20px; width: 100%; position: relative; color: #000; font-weight:normal; font-size: 24px;margin-bottom: 24px;}
.container .details-right .sorting .item { margin-bottom: 20px; position: relative; padding-left: 30px; box-sizing: border-box;}
.container .details-right .sorting .item .number { width: 24px; height: 24px; font-size: 18px; color: #fff; background:#5579a4; position: absolute; left: 0; top: 0; text-align: center;}
.container .details-right .sorting .item .text { color: #4a4a4a; font-size: 18px; line-height: 24px; width: 100%; }
.container .details-right .sorting .item .text a {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block;}
.container .details-right .sorting .item .text a:hover { color: #5579a4; }

.container .details-right .details-tab {margin-top: 32px;margin-bottom: 20px;}

.container .details-right .details-tab ul {
 width: 100%;
}

.container .details-right .details-tab ul li {
 width: 100%;
 line-height: 90px;
 height: 90px;
 background:#e6f0fd;
 padding: 0 10px 0 112px;
 box-sizing: border-box;
 position: relative;
 margin-bottom: 50px;
}

.container .details-right .details-tab ul li img {
 position: absolute;
 top: -6px;
 left: 6px;
 width: 100px;
 height: 100px;
}

.container .details-right .details-tab ul li span{
 display: inline-block;
 text-align: center;
 width: 100%;
 font-size:26px;
 color:#5579a4;
 cursor: pointer;
}

.container .details-right .details-tab ul li span:hover {
 color:#002756;
}

@media screen and (max-width: 1024px) {
 body {
  min-width: auto;
  width: 100%;
  position: relative;
  overflow-x: hidden;

 }
 .container .details-left {
  width: 100%;
 }
 .container .details-left .main-text .left-share {
  position: relative;
 }
 .container .details-left .main-text {
  padding: 0;
 }
 .details-right {
  display: none;
 }
 .container .details-left .big-title {
  text-align: center;
 }
 .container .details-left .main-text .right-text .message ul li {
  text-align: center;
  display: block;
 }
 .container .details-left .main-text .right-text .message ul .null {display: none}
 .container .details-left .main-text .left-share .share {
  display: none;
 }
 .container .details-left .main-text .left-share #share-2 a {
  float: left;
  margin: 0 6px;
 }
 .container .details-left .main-text .left-share {
  width: 100%;
  border-bottom:1px solid #e8e8e8;
  padding-bottom: 26px;
  margin-bottom: 26px;
 }
 .container .back {
  display: block;
 }
}