@charset 'utf-8';
html {
  color: #333;
  background: #fff;
  font-family: 'Microsoft Yahei', '\5B8B\4F53', Arial;
}
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
td,
strong {
  padding: 0;
  margin: 0;
  font-family: 'Microsoft Yahei', '\5B8B\4F53', Arial;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
a {
  text-decoration: none;
  color: #343434;
  outline: none;
}
var,
em,
strong {
  font-style: normal;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
  font-style: inherit;
  font-weight: inherit;
}
del,
ins {
  text-decoration: none;
}
li {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: baseline;
}
sub {
  vertical-align: baseline;
}
legend {
  color: #000;
}
input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
input,
button,
textarea,
select {
  *font-size: 100%;
}
input {
  border: none;
  outline: none;
}
abbr,
article,
aside,
audio,
canvas,
datalist,
details,
dialog,
eventsource,
figure,
footer,
header,
hgroup,
mark,
menu,
meter,
nav,
output,
progress,
section,
time,
video {
  display: block;
}
.clearfix:after {
  content: '\200B';
  display: block;
  height: 0;
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.clear:before,
.clear:after {
  display: table;
  content: ' ';
}
.clear:after {
  clear: both;
}
body {
  -webkit-tap-highlight-color: rgba(240, 240, 240, 0);
  max-width: 768px;
  margin: 0 auto;
}
/*公共*/
/*首页*/
.banner {
  position: relative;
}
.banner img {
  width: 100%;
  display: block;
}
.banner .title_info {
  position: absolute;
  top: 14.48%;
  left: 4.9%;
  font-size: 15px;
  line-height: 15px;
  color: #fff;
}
.banner .title {
  position: absolute;
  top: 31.72%;
  left: 5%;
  font-size: 24px;
  line-height: 24px;
  color: #fff;
}
.banner .search {
  width: 91%;
  height: 35px;
  line-height: 35px;
  display: block;
  background: -webkit-linear-gradient(
    left,
    rgba(113, 139, 217, 0.5) 30%,
    rgba(155, 201, 255, 0.8) 70%
  );
  position: absolute;
  top: 57.2%;
  left: 50%;
  margin-left: -45.5%;
  border-radius: 35px;
  text-indent: 12px;
  font-size: 14px;
  color: #fff;
}
.banner .search span {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAQlBMVEUAAAAeL1AfOVklLlQeL1ApPVgeLlAfL1AeLk8fLlAgMVEhNFUjPmEfL1AeL08eLlAgLlAgMFAeL08fL1AeLlAeLk+Hxfp2AAAAFXRSTlMA2hEZZQz08My8PycHsNTDeWDkrX8jS5G2AAAAn0lEQVQoz3WS2xKDIAxECXcEBNT9/18tVquWMfsQBg6zCQnikGyZrKXcpHgqVYdTrqb7XHkg6GhM1AHw6jpfQNNvMxGWkySP8nCWBf5wq6C/jJJQv6vD6XO5we03G4IYFNB6zNAj0Mg9EuIIIqhHCzMCA8sC1opLvnLlau6BhmnJxjbxve2Y1fug5oOMo92Susj9GVa919NJEa9SJQtWH85eCeJ4bATfAAAAAElFTkSuQmCC) no-repeat;
  background-size: 12px 12px;
  margin-right: 9px;
}
.main h3 {
  font-size: 17px;
  color: #333;
  line-height: 15px;
  text-align: center;
  margin-top: 30px;
}
.main h3 > p {
  width: 39px;
  height: 1px;
  background: #f08429;
  margin: 10px auto 0;
}
.main .main_top {
  width: 56%; /*height: 199px;*/
  background: url(/release/images/7872e02e048613c6ea4ada8957b7c6cf.png) no-repeat;
  margin: 0 auto;
  background-size: 100%;
  margin: 43px auto 49px;
  position: relative;
}
.main .main_top img {
  width: 100%;
  display: block;
}
.main .main_top p {
  font-size: 12px;
  color: #666;
  line-height: 14px;
  position: absolute;
}
.main .main_top .p1 {
  top: -21px;
  left: 50%;
  margin-left: -24px;
}
.main .main_top .p2 {
  top: 38.5%;
  right: -56px;
  margin-top: -7px;
}
.main .main_top .p3 {
  bottom: -15px;
  right: -17px;
}
.main .main_top .p4 {
  bottom: -15px;
  left: -17px;
}
.main .main_top .p5 {
  top: 38.5%;
  left: -56px;
  margin-top: -7px;
}
.main .main_bottom {
  padding: 0 10px 60px;
  overflow: hidden;
}
.main .main_bottom .list {
  width: 32.4%;
  float: left;
  margin-right: 1.33%;
  position: relative;
}
.main .main_bottom .list:last-child {
  margin-right: 0;
}
.main .main_bottom .list img {
  width: 100%;
  display: block;
}
.main .main_bottom .list p {
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -7px;
  margin-left: -50px;
}
.main .main_bottom .list:first-child p {
  color: #4d5db7;
}
.main .main_bottom .list:nth-child(2) p {
  color: #bc7937;
}
.main .main_bottom .list:last-child p {
  color: #ca6f68;
}
.loading {
  height: 147px;
  text-align: center;
  background: #fff;
}
.loading img {
  margin-top: 56px;
}
.load_fall {
  height: 147px;
  text-align: center;
  background: #fff;
}
.load_fall img {
  width: 24px;
  height: 24px;
  margin-top: 42px;
}
.load_fall p {
  color: #999;
  font-size: 14px;
  line-height: 14px;
  margin-top: 10px;
}
/*市场关注*/
.container {
  background: #f4f4f4;
  padding-bottom: 44px;
}
.stock_box {
  margin-bottom: 10px;
  background: #fff;
}
.stock_box .stock_info {
  height: 80px;
  border-bottom: 1px solid #eee;
  overflow: hidden;
  padding-left: 10px;
  margin-bottom: 10px;
}
.stock_box .stock_info .left {
  float: left;
}
.stock_box .stock_info .left .stock_name {
  margin-top: 18px;
}
.stock_box .stock_info .left .stock_name a {
  font-size: 18px;
  line-height: 18px;
  color: #333;
  font-weight: bold;
}
.stock_box .stock_info .left .stock_name span {
  font-size: 14px;
  color: #999;
  margin-left: 6px;
}
.stock_box .stock_info .left .increase {
  line-height: 17px;
  margin-top: 10px;
}
.stock_box .stock_info .left .increase span {
  display: inline-block;
  font-size: 12px;
}
.stock_box .stock_info .left .increase.up {
  color: #e94d2e;
}
.stock_box .stock_info .left .increase.down {
  color: #38ab48;
}
.stock_box .stock_info .left .increase.fall {
  color: #666;
}
.stock_box .stock_info .left .increase span:first-child {
  font-size: 17px;
  padding-right: 9px;
}
.stock_box .stock_info .left .increase.up span:first-child {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOAgMAAABm0xV/AAAADFBMVEUAAAD/////o5j/RjEqCSyeAAAAA3RSTlMAGYMVx79cAAAAKUlEQVQI12NgyGRgYNznwMD2fwKD9P8nDPn/fzLs//+PIfQ/UBw7BgEAItYRc11EICUAAAAASUVORK5CYII=) no-repeat right center;
  background-size: 6px 7px;
}
.stock_box .stock_info .left .increase.down span:first-child {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOAgMAAABm0xV/AAAADFBMVEUAAAD///9/2qUAtEvq+LV0AAAAA3RSTlMABGNKoTE4AAAAK0lEQVQI12Ng/O+AFYf+D2XY//8fQ/7/nwzS/58wsP2fwMC4z4GBIZMBBAA6rxNIhowjjgAAAABJRU5ErkJggg==) no-repeat right center;
  background-size: 6px 7px;
}
.stock_box .stock_info .left .increase.fall span:first-child {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMAgMAAAAv7mRJAAAADFBMVEUAAAD19fXExMSTk5PLuch1AAAAA3RSTlMADpJ69Bs4AAAALklEQVQI12NgYHNgYGBgnwAinjAwhIb/ZGD4//+fA5D43wAmwFyQBFgJRDFYGwBjuhRNx1rxPQAAAABJRU5ErkJggg==) no-repeat right center;
  background-size: 7px 6px;
}
.stock_box .stock_info .right {
  float: right;
  margin-right: 18px;
}
.stock_box .stock_info .right .level {
  margin-top: 24px;
  line-height: 16px;
}
.stock_box .stock_info .right .level .txt {
  display: inline-block;
  width: 31px;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  color: #fff;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAgCAMAAAB9wzudAAAARVBMVEUAAAD/xDb/sjL/szH/1DL/yzL/rjL/1DL/yzL/zDH/tjH/1DH/vDH/wDH/tzH/xDH/szH/yDH/yzH/zjH/0TH/sDH/rjHNsf0QAAAADHRSTlMAHKfp5ubmp6fu7u3MP/DRAAABLUlEQVQ4y53VWxLCIBBE0Tx8KyZodP9LFUJPumq6oNT5P7kJIHZd1x93S5pnnkeZuM6ECZgb5r7OOPRd1teMweGBoYnB8YBL9sdFOOIRGg8gLzPPQ+I7YBeXV1c9j4lLPFoceIIOBW88PQCc+Jc4+aKvHiva8sZVsx7MG2Yc3C9cbO0aNeui6YHBK/UfNq1e/14Xa1zj0X24rBz5U5fdxQ3DUr8yl7hqxoHJgb/bNHBocH/YXTwwrrz65ZO2se7AG1eMOtv65Y7DE1fq1G+pt64o1wYHzpwHRl6dbcZR/2vTjOtppQ5yWFucWu8Y2zTilTd/p/7lkZ7JWycm0Mq6gUNr3aW9Bt9rvHZFbRr+kPjJ6UBvuBYfEu/PsX1JUDs+lr/Y0141sR72wg9D0h/t7nKpPcL14AAAAABJRU5ErkJggg==) no-repeat;
  background-size: 31px 16px;
  text-align: center;
}
.stock_box .stock_info .right .rate_bar {
  display: inline-block;
  width: 96px;
  height: 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAMAAADeQm2wAAAAZlBMVEUAAADT09PX19fV1dXR0dHU1NTU1NTU1NTT09PU1NTU1NTU1NTT09PU1NTU1NTU1NTU1NTW1tbV1dXR0dHZ2dnU1NTV1dXT09PV1dXT09PU1NTS0tLZ2dnR0dHT09PT09PV1dXb29tLG4T1AAAAInRSTlMAzAwvD8WnoJaKupuQcmlaVDk1Fgm/s6ScTColEAV6YxgViSoVfwAAAKNJREFUKM910dkOgyAQhWGPiIL7Utdql/d/yYZJQwbi/DfG+RwTQhKkxkTOVLIdgBKxBoxkT0BetQ5raZE67uxrQdUTn2Zqb22u4dO5bXd1OktX3JZnpIVkkq5kpFtsRZr4HpVkpIbb5oylOMYX13PsImw4viI0HKsIS5ouCz3m0DI3K7vr6umrKcAR0G1Kh3rPwBBgr5vT/6XRXYDDh79N/80fYlgFydJH6eoAAAAASUVORK5CYII=) repeat;
  background-size: 19px 16px;
  vertical-align: -2px;
}
.stock_box .stock_info .right .rate_bar .rate-stars {
  display: block;
  width: 0;
  height: 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAMAAADeQm2wAAAA21BMVEUAAAD/3hr/1h//sy3/uSr/2hP/szH/4BP/6Az/tjP/uTX/0i7/yC//uCv/uyj/0Rr/0Rn/yR7/7Ab/5gn/4A7/2hL/wCX/sjD/2xP/tS7/ti7/vSf/3BP/7gb/4xP/3CP/2U7/2hP/2RL/1Rb/1xT/1Rf/yxz/vif/yxz/7wX/vif/3Q//sjD/xSP/yiL/8wT/tS3/xyP/4RL/1xP/1Bb/0Rf/zhr/yxv/vSb/wCT/xiD/yB7/uij/tyr/wyL/2RH/3Q//4A3/wiL/tCz/2hL/4gv/5Qn/6Af/6gVxifuoAAAAM3RSTlMAExD26dBIOTIcEw0K8ODLxcC5tK6qlY2FfXFsXjsaDgb088/MycbEwMC8tWplQ0I+OysNsGBzAAAAzklEQVQoz3XP1w6CMBSA4Sog7r2Z7r33ABRQeP8nspwL0iL90uRc/D1piigbBbHNquym+H6aGaueV2M18YuxVmsfrB7f0m+wj2vq4gXqKiIkRLndEHqu61quFegLjbYsJqAJh1jDJNTBMcYIt0CydPpT1iBBPUeUcyikjS+UaR4RcpUHoYIbaX0n7BBNMm0TH9sO5ioSmzdCMxInV8I8EgvPQLEIg6dbxsB4Sde7vIFlqZhynEInD5/qcI6zpWKXa4W3sy1uSW9mqEdSCPwAXoU11dOj5rgAAAAASUVORK5CYII=) repeat;
  background-size: 19px 16px;
}
.stock_box .stock_info .right .rate_bar .rate-stars.level1 {
  width: 20%;
}
.stock_box .stock_info .right .rate_bar .rate-stars.level2 {
  width: 40%;
}
.stock_box .stock_info .right .rate_bar .rate-stars.level3 {
  width: 60%;
}
.stock_box .stock_info .right .rate_bar .rate-stars.level4 {
  width: 80%;
}
.stock_box .stock_info .right .rate_bar .rate-stars.level5 {
  width: 100%;
}
.stock_box .stock_info .right .ratio {
  text-align: center;
  font-size: 12px;
  color: #666;
}
.stock_box .stock_info .right .ratio span {
  color: #e94d2e;
}
.stock_box .stock_info .right .ratio span:first-child {
  font-size: 17px;
}
.stock_box .stock_info .right .ratio a {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAwCAMAAAA8VkqRAAAAulBMVEUAAACdnZ2ampqamprwgCL2gCWgoKCamprxgCPxgCGZmZnvgCLwgCKamprwgCKdnZ3xgCKampqamprwgCKamprwgCKZmZnygCLam3CZmZnwgCPxgSGampr/iCL/gSqampqamprxgCPwgSL2hCaZmZnwgCHwgCLwgCGZmZnvgCGampqamprwgCLwgCGbm5vxgSKbm5vxgST0giaamprvgCLvgCLvgCKamprwgCLxgSKZmZmbm5vygyfygCbx4TysAAAAPnRSTlMAGp7r6xsNbE+f4+Pz2to0NCa2toaGUSYE85trTg8Mr79uUhv8/L6w9fXw1KxlX0o/PxcV1NPCp6dbS0onFEOH9RgAAAGLSURBVDjLfVJnc4MwDFUMweyUvRIge6dt0j3+/99qQPYJrne8L5YsPcl6FgiMuO9kmePzEXQxYgqLPU3z4rvRCU2VUJO2FipTaXNz0qVPTC7yTSRTYXPaHorMJ47SpLIQPa8yD/UT2iFrCBre7+pL7K8wot0pnGFSdUwBUqdCj3HwYzTNtuL7Eb3YB8cTDW/QYXgOZBoQ2Goixsx6Abb7BhnAUgi++gKQpbA5oq7xxOacUaULmVwMSJADkiRwM5EsJCERR4eKROzJnpLsAx818LVDy/B/fQjjInBt2w2Kcf86Vw09KctkYah5J6Sr0Uzas0jVpT23Hrr0B2su8q0l9LC0Ws5YlfnEUZs+eYResrXst2e0o7whYN+f/eZzEawxMrtTCgOTTi/NXrlb9IwCAvE4q6348YreIgA3EQ2v0GEkLtglvSY11uKFpd0LGPtHkAEshTiv23sshc0Rmw2e2LwwqNKZzEIMSJADkiTwayFZSEIiXu0TidiTPSXZBz5q4Gt7y6DjMgytzx8TOhwb3OzyKwAAAABJRU5ErkJggg==) no-repeat left top;
  background-size: 12px 24px;
  vertical-align: -2px;
}
.stock_box .stock_info .right .ratio a:active {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAwCAMAAAA8VkqRAAAAulBMVEUAAACdnZ2ampqamprwgCL2gCWgoKCamprxgCPxgCGZmZnvgCLwgCKamprwgCKdnZ3xgCKampqamprwgCKamprwgCKZmZnygCLam3CZmZnwgCPxgSGampr/iCL/gSqampqamprxgCPwgSL2hCaZmZnwgCHwgCLwgCGZmZnvgCGampqamprwgCLwgCGbm5vxgSKbm5vxgST0giaamprvgCLvgCLvgCKamprwgCLxgSKZmZmbm5vygyfygCbx4TysAAAAPnRSTlMAGp7r6xsNbE+f4+Pz2to0NCa2toaGUSYE85trTg8Mr79uUhv8/L6w9fXw1KxlX0o/PxcV1NPCp6dbS0onFEOH9RgAAAGLSURBVDjLfVJnc4MwDFUMweyUvRIge6dt0j3+/99qQPYJrne8L5YsPcl6FgiMuO9kmePzEXQxYgqLPU3z4rvRCU2VUJO2FipTaXNz0qVPTC7yTSRTYXPaHorMJ47SpLIQPa8yD/UT2iFrCBre7+pL7K8wot0pnGFSdUwBUqdCj3HwYzTNtuL7Eb3YB8cTDW/QYXgOZBoQ2Goixsx6Abb7BhnAUgi++gKQpbA5oq7xxOacUaULmVwMSJADkiRwM5EsJCERR4eKROzJnpLsAx818LVDy/B/fQjjInBt2w2Kcf86Vw09KctkYah5J6Sr0Uzas0jVpT23Hrr0B2su8q0l9LC0Ws5YlfnEUZs+eYResrXst2e0o7whYN+f/eZzEawxMrtTCgOTTi/NXrlb9IwCAvE4q6348YreIgA3EQ2v0GEkLtglvSY11uKFpd0LGPtHkAEshTiv23sshc0Rmw2e2LwwqNKZzEIMSJADkiTwayFZSEIiXu0TidiTPSXZBz5q4Gt7y6DjMgytzx8TOhwb3OzyKwAAAABJRU5ErkJggg==) no-repeat left bottom;
  background-size: 12px 24px;
}
.stock_box .stop_info {
  height: 90px;
}
.stock_box .stop_info .stop_box {
  margin-top: 3px;
}
.stock_box .stop_info .stop_box .stop_stock span:first-child {
  font-size: 17px;
  color: #666;
  margin-right: 12px;
}
.stock_box .stop_info .stop_box .stop_stock span:last-child {
  font-size: 12px;
  color: #666;
}
.stock_box .stop_info .stop_box .remarks {
  font-size: 12px;
  color: #ef7f21;
  line-height: 14px;
}
.stock_box .stock_detail {
  position: relative;
  padding-top: 50%;
}
.stock_box .stock_detail .radar_chart {
  width: 50%;
  height: 100%;
  float: left;
  -webkit-box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
}
.stock_box .stock_detail .detail {
  width: 43%;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.stock_box .stock_detail .detail .item_icon {
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #d8d8d8;
  vertical-align: middle;
  margin-right: 8px;
}
.stock_box .stock_detail .detail .tiem_txt {
  font-size: 14px;
  line-height: 25px;
  color: #666;
  margin-right: 24px;
}
.stock_box .stock_detail .detail .tiem_num {
  font-size: 14px;
  line-height: 25px;
  color: #333;
}
.update {
  height: 54px;
  background: #f4f4f4;
  padding-top: 11px;
}
.update p {
  text-align: center;
  font-size: 12px;
  color: #999;
  line-height: 21px;
}
.finance .update p {
  text-align: center;
  font-size: 12px;
  color: #999;
  line-height: 21px;
  margin: 0;
}
.finance .update span {
  color: #999;
}
.increase_box {
  height: 120px;
  background: #fff;
  position: relative;
  border-bottom: 1px solid #f4f4f4;
}
.increase_box .rise_box {
  /*width: 27.2%*/
  width: 102px;
  position: absolute;
  top: 0;
  left: 0;
}
.increase_box .rise_box p {
  font-size: 12px;
  color: #666;
  text-align: center;
  line-height: 33px;
}
.increase_box .rise_box i {
  width: 1px;
  height: 51px;
  background: #e6e6e6;
  position: absolute;
  right: 0;
  top: 45px;
}
.increase_box .rise_box .rise_chart {
  width: 67px;
  height: 67px;
  margin: 3px auto 0;
}
.increase_box .wave_box {
  padding-left: 102px;
}
.increase_box .wave_box > p {
  font-size: 12px;
  color: #666;
  text-align: center;
  line-height: 33px;
}
.increase_box .wave_box .wave {
  height: 22px;
  padding: 0 57px;
  position: relative;
  margin-top: 3px;
  padding-top: 45px;
}
.increase_box .wave_box .position {
  width: 57px;
  position: absolute;
  top: 28px;
}
.increase_box .wave_box .position p {
  font-size: 12px;
  color: #9a9a9a;
}
.increase_box .wave_box .position .num {
  font-size: 14px;
}
.increase_box .wave_box .low_position {
  text-align: right;
  padding-right: 10px;
  left: 0;
}
.increase_box .wave_box .low_position p {
  margin-right: 7px;
}
.increase_box .wave_box .high_position p {
  margin-left: 7px;
}
.increase_box .wave_box .high_position {
  padding-left: 10px;
  right: 0;
}
.increase_box .wave_box .low_position .num {
  color: #ffad31;
}
.increase_box .wave_box .high_position .num {
  color: #e94d2e;
}
.increase_box .wave_box .progress_box {
  width: 100%;
  position: relative;
}
.increase_box .wave_box .progress_box .progress {
  width: 100%;
  height: 3px;
  background: -webkit-linear-gradient(left, #ffcf1a, #e94e2e);
}
.increase_box .wave_box .progress_box .point {
  width: 7px;
  height: 7px;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #f8ac36;
  position: absolute;
  top: -3px; /*left: 50%;*/
  box-shadow: 0px 0px 2px 3px #fde5c8;
  -webkit-box-shadow: 0px 0px 5px 2px #fde5c8;
  -webkit-transform: translateX(-50%);
}
.increase_box .wave_box .progress_box .expect {
  height: 23px;
  line-height: 23px;
  padding: 0 8px;
  font-size: 14px;
  color: #ffad31;
  border: 1px solid #ffb42c;
  position: absolute;
  top: -40px; /*left: 50%;*/
  border-radius: 2px;
  -webkit-transform: translateX(-50%);
  white-space: nowrap;
}
.increase_box .wave_box .progress_box .arrow {
  display: block;
  width: 8px;
  height: 5px;
  position: absolute; /*content: " "; */
  top: -16px; /*left: 8px;*/
  left: 50%;
  margin-left: -4px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAKBAMAAABLZROSAAAAG1BMVEX/////+Or/0n//tCv/+e7/9+b/1Yf/vEL/qAv1XHPrAAAAOklEQVQI12MoZIAAcQZlATCD0YiByRDMElZgAApChBiAglAhkCBYCCwIFgILhhpBjWLrSGCAAhcQAQDipATJqed8QQAAAABJRU5ErkJggg==) no-repeat;
  background-size: 8px 5px;
}
.suggest_box {
  background: #fff;
  margin-bottom: 10px;
}
.suggest {
  padding-bottom: 19px;
}
.suggest .title {
  height: 20px;
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  padding-left: 7px;
}
.suggest .title.title_long {
  background: url(/release/images/1d9f5d790c3eb321eff157ab0df222c3.png) no-repeat;
  background-size: 75px 20px;
  border-top: 1px solid #f4f4f4;
}
.suggest .title.title_short {
  background: url(/release/images/fd623b7519ae5d1b66c4c518a3015ecd.png) no-repeat;
  background-size: 75px 20px;
}
.suggest p {
  padding: 0 10px;
  font-size: 15px;
  color: #333;
  line-height: 19px;
  margin-top: 14px;
}
.tab {
  width: 100%;
  padding-bottom: 6px;
  background: #fff;
}
.tab ul {
  height: 44px;
  line-height: 44px;
  border: 1px solid #eee;
  background: #fff;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}
.tab li {
  float: left;
  width: 20%;
  font-size: 14px;
  color: #333;
  text-align: center;
  font-weight: bold;
}
.tab li.active p {
  color: #f08429;
  position: relative;
  font-size: 15px;
}
.tab li.active p:after {
  width: 40px;
  height: 2px;
  background: #f08429;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -20px;
  content: '';
}
.market {
  background: #fff;
}
.info {
  margin-left: 21px;
  padding-bottom: 20px;
}
.info .rate_box {
  padding-top: 10px;
}
.info .rate_box .assess {
  font-size: 15px;
  color: #333;
  line-height: 15px;
  margin-left: -12px;
  font-weight: bold;
}
.info .rate_bar {
  display: inline-block;
  width: 70px;
  height: 15px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAMAAADeQm2wAAAAZlBMVEUAAADT09PX19fV1dXR0dHU1NTU1NTU1NTT09PU1NTU1NTU1NTT09PU1NTU1NTU1NTU1NTW1tbV1dXR0dHZ2dnU1NTV1dXT09PV1dXT09PU1NTS0tLZ2dnR0dHT09PT09PV1dXb29tLG4T1AAAAInRSTlMAzAwvD8WnoJaKupuQcmlaVDk1Fgm/s6ScTColEAV6YxgViSoVfwAAAKNJREFUKM910dkOgyAQhWGPiIL7Utdql/d/yYZJQwbi/DfG+RwTQhKkxkTOVLIdgBKxBoxkT0BetQ5raZE67uxrQdUTn2Zqb22u4dO5bXd1OktX3JZnpIVkkq5kpFtsRZr4HpVkpIbb5oylOMYX13PsImw4viI0HKsIS5ouCz3m0DI3K7vr6umrKcAR0G1Kh3rPwBBgr5vT/6XRXYDDh79N/80fYlgFydJH6eoAAAAASUVORK5CYII=) repeat-x left center;
  background-size: 14px 12px;
  position: static;
  vertical-align: -1px;
}
.info .rate_bar .rate-stars {
  display: block;
  width: 0;
  height: 15px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAMAAADeQm2wAAAA21BMVEUAAAD/3hr/1h//sy3/uSr/2hP/szH/4BP/6Az/tjP/uTX/0i7/yC//uCv/uyj/0Rr/0Rn/yR7/7Ab/5gn/4A7/2hL/wCX/sjD/2xP/tS7/ti7/vSf/3BP/7gb/4xP/3CP/2U7/2hP/2RL/1Rb/1xT/1Rf/yxz/vif/yxz/7wX/vif/3Q//sjD/xSP/yiL/8wT/tS3/xyP/4RL/1xP/1Bb/0Rf/zhr/yxv/vSb/wCT/xiD/yB7/uij/tyr/wyL/2RH/3Q//4A3/wiL/tCz/2hL/4gv/5Qn/6Af/6gVxifuoAAAAM3RSTlMAExD26dBIOTIcEw0K8ODLxcC5tK6qlY2FfXFsXjsaDgb088/MycbEwMC8tWplQ0I+OysNsGBzAAAAzklEQVQoz3XP1w6CMBSA4Sog7r2Z7r33ABRQeP8nspwL0iL90uRc/D1piigbBbHNquym+H6aGaueV2M18YuxVmsfrB7f0m+wj2vq4gXqKiIkRLndEHqu61quFegLjbYsJqAJh1jDJNTBMcYIt0CydPpT1iBBPUeUcyikjS+UaR4RcpUHoYIbaX0n7BBNMm0TH9sO5ioSmzdCMxInV8I8EgvPQLEIg6dbxsB4Sde7vIFlqZhynEInD5/qcI6zpWKXa4W3sy1uSW9mqEdSCPwAXoU11dOj5rgAAAAASUVORK5CYII=) repeat-x left center;
  background-size: 14px 12px;
  position: static;
}
.info .rate_bar .rate-stars.level1 {
  width: 20%;
}
.info .rate_bar .rate-stars.level2 {
  width: 40%;
}
.info .rate_bar .rate-stars.level3 {
  width: 60%;
}
.info .rate_bar .rate-stars.level4 {
  width: 80%;
}
.info .rate_bar .rate-stars.level5 {
  width: 100%;
}
.info p {
  font-size: 15px;
  line-height: 20px;
  padding-right: 16px;
  text-align: justify;
  margin-top: 15px;
}
.market .hot_box {
  margin-left: 21px;
  border-bottom: 1px solid #eee;
}
.tit {
  line-height: 15px;
  font-size: 15px;
  padding-top: 19px;
  position: relative;
  color: #ef7f21;
  font-weight: bold;
}
.tit span {
  width: 7px;
  height: 7px;
  display: inline-block;
  background: #f08429;
  font-size: 0;
  position: absolute;
  top: 23px;
  left: -12px;
}
.market .hot_box .legend {
  margin: 17px 12px 20px 0;
  line-height: 12px;
}
.market .hot_box .legend img {
  width: 13px;
  height: 3px;
  vertical-align: middle;
}
.market .hot_box .legend span {
  font-size: 12px;
  color: #666;
}
.market .hot_box .hot_chart {
  height: 200px;
  margin-right: 12px;
  margin-bottom: 15px;
}
.attention {
  margin-left: 21px;
  padding-bottom: 26px;
}
.attention .legend {
  line-height: 12px;
  overflow: hidden;
  margin-top: 9px;
  margin: 20px 12px 20px 0;
}
.attention .legend span {
  font-size: 12px;
  color: #666;
}
.attention .unit {
  color: #999;
  font-size: 12px;
  display: block;
  margin-top: 10px;
}
.attention .legend .legend_icon {
  width: 6px;
  height: 6px;
  display: inline-block;
  vertical-align: 1px;
}
.attention .legend > span:first-child .legend_icon {
  background: #6db3ff;
}
.attention .legend > span:nth-child(2) .legend_icon {
  background: #6db3ff;
}
.attention .attention_chart {
  height: 196px;
  margin-right: 12px;
}
.skill {
  background: #fff;
}
.skill .price_trend {
  margin-left: 21px;
}
.skill .price_trend .legend {
  margin: 17px 12px 20px 0;
  line-height: 12px;
}
.skill .price_trend .legend span {
  font-size: 12px;
  color: #666;
}
.skill .price_trend .legend img {
  width: 14px;
  height: 3px;
  vertical-align: middle;
  margin-left: 14px;
  margin-right: 1px;
}
.skill .price_trend .price_chart {
  height: 145px;
  margin-right: 12px;
}
.skill .strength {
  margin-left: 21px;
}
.skill .strength .strength_info {
  margin-right: 12px;
  margin-top: 25px;
  padding-bottom: 30px;
}
.skill .strength table {
  width: 100%;
  height: 50px;
  margin-right: 12px;
  border: 2px solid #f4f4f4;
}
.skill .strength tr th {
  font-size: 12px;
  height: 38px;
  text-align: center;
  background: #f1f7fc;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.skill .strength tr td {
  height: 40px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.skill .strength tr td:first-child {
  font-size: 12px;
  color: #333;
  text-align: center;
  background: #f9f9f9;
}
.skill .strength tbody tr:nth-child(1) td:nth-child(3) {
  background: #f9f9f9;
}
.skill .strength tbody tr:nth-child(2) td {
  background: #f3f9fe;
}
.skill .strength tbody tr:nth-child(3) td:nth-child(3) {
  background: #f9f9f9;
}
.skill .strength table div {
  font-size: 0;
}
.skill .strength table p {
  width: 50%;
  display: inline-block;
}
.skill .strength table p:first-child {
  text-align: right;
}
.skill .strength table p:first-child span {
  margin-right: 4px;
}
.skill .strength table p:nth-child(2) span {
  margin-right: 4px;
}
.skill .strength table p span {
  font-size: 14px;
  padding-right: 8px;
}
.skill .strength table span.up {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOAgMAAABm0xV/AAAADFBMVEUAAAD/////o5j/RjEqCSyeAAAAA3RSTlMAGYMVx79cAAAAKUlEQVQI12NgyGRgYNznwMD2fwKD9P8nDPn/fzLs//+PIfQ/UBw7BgEAItYRc11EICUAAAAASUVORK5CYII=) no-repeat right center;
  background-size: 6px 7px;
}
.skill .strength table span.down {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOAgMAAABm0xV/AAAADFBMVEUAAAD///9/2qUAtEvq+LV0AAAAA3RSTlMABGNKoTE4AAAAK0lEQVQI12Ng/O+AFYf+D2XY//8fQ/7/nwzS/58wsP2fwMC4z4GBIZMBBAA6rxNIhowjjgAAAABJRU5ErkJggg==) no-repeat right center;
  background-size: 6px 7px;
}
.skill .strength table span.fall {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMAgMAAAAv7mRJAAAADFBMVEUAAAD19fXExMSTk5PLuch1AAAAA3RSTlMADpJ69Bs4AAAALklEQVQI12NgYHNgYGBgnwAinjAwhIb/ZGD4//+fA5D43wAmwFyQBFgJRDFYGwBjuhRNx1rxPQAAAABJRU5ErkJggg==) no-repeat right center;
  background-size: 7px 6px;
}
/*.skill .info .position{margin-right: 12px;height: 27px;position: relative;padding:0 90px;margin-bottom: 5px;margin-top: 17px;}
.skill .info .position .low{line-height: 27px;font-size: 12px;position: absolute;left: 0;top:0;}
.skill .info .position .height{line-height: 27px;font-size: 12px;position: absolute;right: 0;top:0;}
.skill .info .position .progress_box{position: relative;padding-top: 12px;}
.skill .info .position .progress_box .progress{width: 100%;height: 3px;border-radius: 3px;overflow: hidden;}
.skill .info .position .progress_box .progress .progress_left{height: 3px;background: #6db3ff;float: left;}
.skill .info .position .progress_box .progress .progress_right{height: 3px;background: #ffa04f;float: left;}
.skill .info .position .progress_box .point{width: 10px;height: 7px;}
.skill .info .position .progress_box .left_point{background: url(../img/icon_point02.png) no-repeat;background-size: 10px 7px;position: absolute;left: 0;bottom: -12px;}
.skill .info .position .progress_box .right_point{background: url(../img/icon_point01.png) no-repeat;background-size: 10px 7px;position: absolute;right: 0;top:0;}*/
.skill .info .position {
  width: 283px;
  margin: 13px auto 0;
  overflow: hidden;
  padding-right: 16px;
}
.skill .info .position .low,
.skill .info .position .height {
  width: 50%;
  float: left;
  font-size: 15px;
  color: #333;
  line-height: 20px;
  -webkit-box-sizing: border-box;
}
.skill .info .position .low {
  border-right: 1px solid #eeefef;
  text-align: left;
}
.skill .info .position .height {
  text-align: right;
}
.skill .info .position img {
  width: 12px;
  height: 10px;
  margin-right: 7px;
}
.main_force {
  background: #fff;
}
.main_force .funds {
  margin-left: 21px;
  border-bottom: 1px solid #eee;
}
.main_force .funds p {
  font-size: 12px;
  line-height: 9px;
  color: #999;
  margin-top: 20px;
  margin-bottom: 20px;
}
.main_force .funds .funds_chart {
  height: 158px;
  margin-right: 12px;
  margin-bottom: 15px;
}
.main_force .partner {
  margin-left: 21px;
  padding-bottom: 34px;
}
.main_force .partner .legend {
  margin: 17px 12px 4px 0;
  line-height: 12px;
}
.main_force .partner .legend > span:first-child {
  margin-right: 28px;
}
.main_force .partner .legend span {
  font-size: 12px;
  color: #666;
}
.main_force .partner .legend img {
  width: 14px;
  height: 3px;
  vertical-align: middle;
}
.main_force .partner .legend .legend_icon {
  width: 6px;
  height: 6px;
  display: inline-block;
  background: #ffa04f;
  vertical-align: 1px;
}
.main_force .partner .unit {
  overflow: hidden;
  margin-right: 12px;
  margin-top: 10px;
  margin-bottom: 15px;
}
.main_force .partner .unit p {
  font-size: 12px;
  line-height: 12px;
  color: #a2a2a2;
}
.main_force .partner .unit p:first-child {
  float: left;
}
.main_force .partner .unit p:nth-child(2) {
  float: right;
}
.main_force .partner_chart {
  margin-right: 12px;
  height: 141px;
  margin-top: 5px;
}
.tab_content .no_data {
  height: 147px;
  text-align: center;
  background: #fff;
}
.tab_content .no_data img {
  width: 28px;
  height: 28px;
  margin-top: 32px;
}
.tab_content .no_data p {
  font-size: 14px;
  line-height: 14px;
  color: #999;
  margin-top: 20px;
}
.theme {
  background: #fff;
}
.theme .about_theme {
  margin-left: 21px;
  border-bottom: 1px solid #eee;
}
.theme .about_theme .theme_cont {
  margin-right: 12px;
  margin-top: 20px;
}
.theme .about_theme .theme_cont table {
  width: 100%;
}
.theme .about_theme .theme_cont th {
  height: 30px;
  background: #eee;
  font-size: 12px;
  color: #666;
  text-align: right;
}
.theme .about_theme .theme_cont th:first-child {
  padding-left: 3px;
  text-align: left;
}
.theme .about_theme .theme_cont th:last-child {
  padding-right: 3px;
}
.theme .about_theme .theme_cont td {
  font-size: 14px;
  height: 50px;
  border-bottom: 1px dashed #ccc;
  text-align: right;
}
.theme .about_theme .theme_cont td:first-child {
  color: #3e6bad;
  text-align: left;
}
.theme .about_theme .theme_cont td:nth-child(1) {
  font-size: 16px;
}
.theme .about_theme .theme_cont td:nth-child(1) p {
  line-height: 40px;
}
.theme .about_theme .theme_cont td:nth-child(1) p:active {
  background: #eee;
}
.theme .about_theme .theme_cont tr:last-child td {
  border-bottom: 1px solid #eee;
}
.theme .about_theme .theme_cont td:nth-child(1) .up {
  color: #e94d2e;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOAgMAAABm0xV/AAAADFBMVEUAAAD/////o5j/RjEqCSyeAAAAA3RSTlMAGYMVx79cAAAAKUlEQVQI12NgyGRgYNznwMD2fwKD9P8nDPn/fzLs//+PIfQ/UBw7BgEAItYRc11EICUAAAAASUVORK5CYII=) no-repeat right center;
  background-size: 6px 7px;
  padding-right: 9px;
}
.theme .about_theme .theme_cont td:nth-child(1) .down {
  color: #38ab48;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOAgMAAABm0xV/AAAADFBMVEUAAAD///9/2qUAtEvq+LV0AAAAA3RSTlMABGNKoTE4AAAAK0lEQVQI12Ng/O+AFYf+D2XY//8fQ/7/nwzS/58wsP2fwMC4z4GBIZMBBAA6rxNIhowjjgAAAABJRU5ErkJggg==) no-repeat right center;
  background-size: 6px 7px;
  padding-right: 9px;
}
.theme .about_theme .theme_cont td:nth-child(1) .fall {
  color: #666;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMAgMAAAAv7mRJAAAADFBMVEUAAAD19fXExMSTk5PLuch1AAAAA3RSTlMADpJ69Bs4AAAALklEQVQI12NgYHNgYGBgnwAinjAwhIb/ZGD4//+fA5D43wAmwFyQBFgJRDFYGwBjuhRNx1rxPQAAAABJRU5ErkJggg==) no-repeat right center;
  background-size: 7px 6px;
  padding-right: 9px;
}
.theme .about_theme .theme_cont td:nth-child(3) .up {
  color: #e94d2e;
}
.theme .about_theme .theme_cont td:nth-child(3) .down {
  color: #38ab48;
}
.theme .about_theme .theme_cont td:nth-child(3) .fall {
  color: #666;
}
.theme .about_theme .theme_cont td:last-child {
  width: 22.35%;
}
.theme .about_theme .theme_cont td .progress_box {
  width: 100%;
  height: 3px;
  background: #e3e4e5;
  overflow: hidden;
}
.theme .about_theme .theme_cont td .progress_box .progress {
  height: 3px;
  float: right;
  background: #ffa04f;
}
.theme .about_theme .theme_cont .relativity {
  margin-left: 16px;
}
.theme .about_theme .theme_cont .relativity p {
  margin-right: 5px;
}
.theme .quotes {
  margin-left: 21px;
}
.theme .quotes p {
  font-size: 15px;
  line-height: 20px;
  margin-top: 11px;
  margin-bottom: 20px;
}
.theme .quotes .quotes_chart {
  height: 175px;
  margin-right: 12px;
  margin-top: 5px;
  margin-bottom: 43px;
}
.finance {
  background: #fff;
}
.finance .profit {
  margin-left: 21px;
  padding-bottom: 12px;
}
.finance p {
  font-size: 15px;
  line-height: 20px;
  margin-top: 11px;
  margin-bottom: 8px;
}
.finance .info p {
  margin-bottom: 0;
}
.finance .no_data {
  text-align: center;
  height: 147px;
}
.finance .no_data img {
  width: 28px;
  height: 28px;
  margin-right: 0px;
  margin-top: 32px;
}
.finance .no_data p {
  font-size: 14px;
  line-height: 14px;
  color: #999;
  margin-top: 20px;
}
.finance .profit .legend {
  font-size: 0;
  height: 12px;
  line-height: 12px;
  margin: 16px 12px 20px 0;
}
.finance .profit .legend img {
  vertical-align: 3px;
}
.finance .profit .legend span {
  margin-right: 12px;
}
.finance .profit .legend span:last-child {
  margin-right: 0px;
}
.finance img {
  width: 14px;
  height: 3px;
}
.finance span {
  font-size: 12px;
  color: #666;
  margin-right: 10px;
}
.finance .legend .legend_icon {
  width: 6px;
  height: 6px;
  display: inline-block;
  vertical-align: 1px;
  margin: 0 5px;
}
.finance .legend .legend_icon:first-child {
  background: #957bd2;
}
.finance .legend .legend_icon:nth-child(3) {
  background: #6db3ff;
}
.finance .legend p:nth-child(2) .legend_icon {
  background: #ffa04f;
}
.finance .profit .profit_cont .profit_chart {
  height: 185px;
  margin-right: 12px;
}
.finance .growing {
  margin-left: 21px;
  padding-bottom: 22px;
}
.finance .growing .legend p {
  margin: 0;
  height: 12px;
  line-height: 12px;
  margin-bottom: 2px;
}
.finance .growing .legend img {
  vertical-align: 3px;
}
.finance .growing .legend p:first-child {
  margin-bottom: 20px;
  margin-top: 15px;
}
.finance .growing .growing_cont .growing_chart {
  height: 184px;
  margin-right: 12px;
}
.finance .assets {
  margin-left: 21px;
}
.finance .assets .legend {
  margin: 15px 12px 17px 0;
}
.finance .assets .legend p {
  margin: 0;
  height: 12px;
  line-height: 12px;
  margin-bottom: 2px;
}
.finance .assets .legend img {
  vertical-align: 3px;
}
.finance .assets .legend p:first-child {
  margin-bottom: 10px;
}
.finance .assets .legend p:last-child {
  position: relative;
}
.finance .assets .legend p:last-child span {
  display: inline-block;
  min-width: 104px;
}
.finance .assets .legend .unit {
  color: #999;
  margin-top: 3px;
  line-height: 12px;
  display: block;
  margin-top: 10px;
}
.finance .assets .assets_chart {
  margin-right: 12px;
  height: 183px;
}
.finance .cash_flow {
  margin-left: 21px;
}
.finance .cash_flow .legend {
  margin: 15px 12px 20px 0;
}
.finance .cash_flow .legend p {
  margin: 0;
  height: 12px;
  line-height: 12px;
  margin-bottom: 2px;
}
.finance .cash_flow .legend img {
  vertical-align: 3px;
}
.finance .cash_flow .legend p:first-child {
  margin-bottom: 10px;
}
.finance .cash_flow .legend p:last-child {
  position: relative;
}
.finance .cash_flow .legend .unit {
  color: #999;
  line-height: 12px;
  margin-top: 10px;
  display: block;
}
.finance .cash_flow .cash_chart {
  height: 135px;
  margin-right: 12px;
  margin-bottom: 21px;
}
/*操作说明*/
.operate {
  background: #fff;
  padding-left: 21px;
}
.operate .info {
  margin-left: 0;
  padding-bottom: 20px;
}
.operate .info p {
  font-size: 15px;
  line-height: 20px;
  padding-right: 16px;
  text-align: justify;
  margin-top: 15px;
}
/*搜索页*/
.yc_search {
  padding-left: 4%;
}
.yc_search .history {
  padding-top: 15px;
  overflow: hidden;
}
.yc_search .history p {
  font-size: 15px;
  color: #333;
  line-height: 1;
  margin-bottom: 15px;
  font-weight: bold;
}
.yc_search .history a {
  display: inline-block;
  min-width: 25px;
  height: 24px;
  line-height: 24px;
  font-size: 13px;
  color: #333;
  border: 1px solid #dcdcdc;
  float: left;
  margin-right: 10px;
  padding-left: 12px;
  padding-right: 12px;
  border-radius: 4px;
  margin-bottom: 9px;
}
.yc_search .history a:hover {
  background: #f5f5f5;
}
.yc_search .all_search {
  overflow: hidden;
}
.yc_search .all_search p {
  font-size: 15px;
  color: #999;
  line-height: 1;
  margin-top: 15px;
  margin-bottom: 15px;
}
.yc_search .all_search a {
  display: inline-block;
  min-width: 25px;
  height: 24px;
  line-height: 24px;
  font-size: 13px;
  color: #333;
  border: 1px solid #dcdcdc;
  float: left;
  margin-right: 10px;
  padding-left: 12px;
  padding-right: 12px;
  border-radius: 4px;
  margin-bottom: 9px;
}
.yc_search .all_search a:hover {
  background: #f5f5f5;
}
.yc_search .search {
  position: relative;
  overflow: hidden;
}
.yc_search .search li {
  height: 50px;
  border-bottom: 1px solid #dedfe1;
}
.yc_search .search li:hover {
  background: #e1e1e1;
}
.yc_search .search .li_bg {
  background: #e1e1e1;
}
.yc_search .search .g_none {
  line-height: 50px;
}
.yc_search .search .g_name {
  font-size: 16px;
  color: #333;
  padding-top: 7px;
}
.yc_search .search .g_code {
  font-size: 11px;
  color: #999;
  line-height: 1;
}
.yc_search .search a {
  display: block;
  width: 100%;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
}
.search_box {
  width: 100%;
  height: 70px;
  line-height: 70px;
  border-bottom: 10px solid #f0f0f0;
}
.search_box input {
  width: 82.4%;
  height: 40px;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  margin-left: 4%;
  background: #fbfbfb url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAWlBMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmb09q6AAAAHXRSTlMA9QzQW+lq2SMZEu/fkMG2fHVPLbCZQTiriIJIob2VPT4AAAD5SURBVCjPjZLbkoMgEEQzclXEuzHG9P//5lLFQkRZaudpxoM9TReP/1UtFyYgmH3m4EoIpfiVTgagbpdy+AgAfZNQ6aCtfV8dDFD1iXI3z6d5AFgVJ01gqRoHPnF4weiLlzewhZ8BebVaKSxxk/CLUrP0+7HDes+hIRy+E+CZnBhG3xByMfbYy/jtm/YPcRmube+0IswhoszFONpw0IDfY3Grv7nUFzzCNPEoA0vlJzoLagGmz4lS6la3MGMQ2DoAfSLXvADqRz5JqwBhCV26blsIvlqnwyP/KkzDuu5yDubCC8rW4Xhd4E+CKvHNoNUFPgsXfImr5fEDP6gQRSRTMJwAAAAASUVORK5CYII=) no-repeat 8px center;
  background-size: 15px 15px;
  text-indent: 31px;
  font-size: 15px;
  color: #333;
  padding: 0;
}
.search_box input::-webkit-input-placeholder {
  color: #b8b8b8;
}
.search_box input:hover {
  background: #eee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAWlBMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmb09q6AAAAHXRSTlMA9QzQW+lq2SMZEu/fkMG2fHVPLbCZQTiriIJIob2VPT4AAAD5SURBVCjPjZLbkoMgEEQzclXEuzHG9P//5lLFQkRZaudpxoM9TReP/1UtFyYgmH3m4EoIpfiVTgagbpdy+AgAfZNQ6aCtfV8dDFD1iXI3z6d5AFgVJ01gqRoHPnF4weiLlzewhZ8BebVaKSxxk/CLUrP0+7HDes+hIRy+E+CZnBhG3xByMfbYy/jtm/YPcRmube+0IswhoszFONpw0IDfY3Grv7nUFzzCNPEoA0vlJzoLagGmz4lS6la3MGMQ2DoAfSLXvADqRz5JqwBhCV26blsIvlqnwyP/KkzDuu5yDubCC8rW4Xhd4E+CKvHNoNUFPgsXfImr5fEDP6gQRSRTMJwAAAAASUVORK5CYII=) no-repeat 8px center;
  background-size: 15px 15px;
}
.search_box a {
  font-size: 15px;
  color: #999;
  float: right;
  margin-right: 2.5%;
}
.search_box .jump {
  display: none;
}

/*另外加的搜索框的样式*/
.yc_search {
  padding: 0;
}
.search_box input {
  outline: none;
}
.yc_search .history {
  border-bottom: 10px solid #eee;
}
.yc_search .search ul,
.yc_search .my_choose_shares ul {
  padding-left: 15px;
}
.yc_search .search li,
.yc_search .my_choose_shares li {
  position: relative;
}
.match_info {
  position: absolute;
  right: 10px;
  top: 0px;
  height: 50px;
  line-height: 50px;
  font-size: 13px;
  color: #999;
}
.prompt_text {
  width: 55px;
  height: 18px;
  border: 1px solid #fff;
  color: #55a32d;
  font-size: 13px;
  position: absolute;
  right: 10px;
  top: 15px;
  text-align: center;
  border-radius: 3px;
}
.prompt_text.risk {
  border: 1px solid #55a32d;
  color: #55a32d;
}
.prompt_text.chance {
  border: 1px solid #fe4433;
  color: #fe4433;
}
.my_choose_shares .title {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #e6e6e6;
  padding-left: 10px;
  color: #333;
  font-weight: bold;
}
.my_choose_shares .title span {
  font-size: 13px;
  color: #999;
  margin-left: 8px;
  font-weight: normal;
}
.yc_search .history {
  padding-left: 15px;
}
.yc_search .my_choose_shares {
  position: relative;
  display: none;
  overflow: hidden;
}
.yc_search .my_choose_shares li {
  height: 50px;
  border-bottom: 1px solid #dedfe1;
}
.yc_search .my_choose_shares li:hover {
  background: #f5f5f5;
}
.yc_search .my_choose_shares .li_bg {
  background: #f5f5f5;
}
.yc_search .my_choose_shares .g_none {
  line-height: 50px;
}
.yc_search .my_choose_shares .g_name {
  font-size: 16px;
  color: #333;
  padding-top: 7px;
}
.yc_search .my_choose_shares .g_code {
  font-size: 11px;
  color: #999;
  line-height: 1;
}
.yc_search .my_choose_shares a {
  display: block;
  width: 100%;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
}
.yc_search .history p .delete_icon {
  float: right;
  margin-right: 10px;
  width: 14px;
  height: 15px;
}
.search_wrap .like_input_btn {
  width: 82.6%;
  height: 40px;
  display: block;
  margin: 0 auto;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 100%;
  margin-left: 4%;
  float: left;
}
.yc_search .history,
.my_choose_shares,
.yc_search .search,
.search_box {
  background-color: #fff;
}
body,
button,
input {
  font: 15px 'PingFangSC-Regular', 'Microsoft Yahei';
}
.search_box input:hover {
  box-shadow: none;
}
.search_box input {
  box-shadow: none;
}
.search_box input {
  width: 74.3%;
  padding-left: 8.13%;
  text-indent: 0;
}
@media screen and (max-width: 320px) {
  .main .main_bottom .list p {
    font-size: 12px;
    line-height: 12px;
    margin-top: -5px;
    margin-left: -42px;
  }
}
@media screen and (min-width: 321px) and (max-width: 360px) {
  .main .main_bottom .list p {
    font-size: 12px;
    line-height: 12px;
    margin-top: -5px;
    margin-left: -42px;
  }
}
@media screen and (min-width: 361px) and (max-width: 639px) {
}
@media screen and (min-width: 640px) and (max-width: 719px) {
}
@media screen and (min-width: 720px) and (max-width: 1079px) {
}
@media screen and (min-width: 1080px) and (max-width: 1279px) {
}
@media screen and (min-width: 1280px) and (max-width: 1920px) {
}