@charset "utf-8";

 /* CSS Document */
 html {
     font: 12px "microsoft yahei";
 }

 body {
     margin: 0;
 }

 div,
 /*ul,li,ol,*/
 dt,
 dd,
 dl,
 p,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 img,
 input {
     margin: 0;
     padding: 0;
     font-weight: normal;
     font: inherit;
 }

 ul,
 li,
 ol {
     margin: 0;
     list-style: none;
     padding: 0;
 }

 form {
     margin: 0;
     padding: 0;
 }

 img {
     border: none;
 }

 input,
 textarea,
 select {
     font-family: "microsoft yahei";
 }

 address,
 i,
 cite,
 code,
 dfn,
 em,
 var {
     font-style: normal;
 }

 a {
     color: #333;
     text-decoration: none;
 }

 a:focus,
 a:hover,
 a:active {
     outline: none;
 }

 p {
     /*line-height:18px;*/
     font-family: "microsoft yahei";
     color: #000;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 h7 {
     font-family: "microsoft yahei";
     font-weight: bold;
 }

 hr {
     border: 0.1em #111 solid;
     padding: 0;
     margin: 0;
 }

 .clearfix {
     zoom: 1;
 }

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

 .floatL {
     float: left;
 }

 .floatR {
     float: right;
 }

 .t_left {
     text-align: left;
 }

 .t_center {
     text-align: center;
 }

 .t_right {
     text-align: right;
 }

 .bigtips {
     text-align: center;
     font-size: 18px;
     display: block;
     padding: 25px 0;
 }

 .nomarginb {
     margin-bottom: 0 !important;
 }

 .margin20 {
     margin: 20px 0;
 }

 .navLeft1 {
     margin-left: 205px;
 }

 .navLeft2 {
     margin-left: 415px;
 }

 .navLeft3 {}

 /* public */
 .header,
 .content,
 .footer {
     position: relative;
     width: 100%;
 }

 .logo {
     padding: 60px 0;
 }

 .logobox {
     width: 161px;
     height: 65px;
     display: block;
     margin: 0 auto;
 }

 .navbar {
     position: relative;
     background-color: #111111;
 }

 .nav {
     margin: 0 auto;
     position: relative;
     display: table;
 }

 .nav ul li,
 .snav ul li {
     float: left;
     text-align: left;
 }

 .nav ul li a {
     padding: 18px 0;
     font-size: 18px;
     font-family: "microsoft yahei";
     display: block;
     width: 220px;
     color: #fff;
     text-align: center;
     position: relative;
 }

 .nav ul li a:hover {
     color: #EA1C77;
 }

 /*.nav ul li:first-child a{text-align: left;}
.nav ul li:last-child a{text-align: left;}*/
 .nav ul li i {
     font-size: 14px;
     padding: 0 8px;
     font-style: italic;
     font-family: arial;
 }

 .nav ul li .subnav {
     display: none;
 }

 /*.nav ul li:hover .subnav,.nav ul li:hover .blockwhite{display: block;}*/
 .nav ul li:hover .subnav,
 .nav ul li:hover .blockwhite {
     display: block;
 }

 .nav ul li:nth-child(1) .blockwhite {
     left: 74px;
 }

 .nav ul li:nth-child(2) .blockwhite {
     left: 100px;
 }

 .nav ul li:nth-child(3) .blockwhite {
     left: 80px;
 }

 .nav ul li:nth-child(4) .blockwhite {
     left: 85px;
 }

 .nav ul li:nth-child(2) .subnav {
     padding-left: 10px;
     left: 180px;
     background-color: #ebebeb;
 }

 /* .nav ul li:nth-child(3) .subnav{padding-left: 405px;} */
 .nav ul li:nth-child(4) .subnav {
     padding-left: 602px;
 }

 .subnav {
     background-color: #ebebeb;
     z-index: 20;
     position: absolute;
     overflow: hidden;
     width: 38.5em;
 }

 .subnav ul li {
     float: left;
 }

 .subnav ul li a {
     padding: 20px 10px;
     font-size: 14px;
     font-family: "microsoft yahei";
     display: block;
     color: #111;
     width: auto;
 }

 .subnav ul li a:hover {
     color: #EA1C77;
 }

 .snavbar {
     width: 100%;
     background-color: #fff;
     height: 60px;
     line-height: 60px;
 }

 .snavbarB {
     width: 1070px;
     margin: 0 auto;
     position: relative;
     display: table;
 }

 .snav {
     width: 670px;
     float: left;
     padding: 0 2em;
 }

 .snav ul li a {
     color: #EA1C77;
     font-size: 14px;
     margin-right: 8px;
     display: block;
     line-height: 60px;
 }

 .snav ul li:last-child a {
     margin-right: 0;
 }

 .leadlist {
     width: 670px;
     float: left;
     line-height: 60px;
 }

 .leadlist i {
     color: #6a6a6a;
     font-size: 20px;
     float: left;
     display: block;
     margin: 20px 5px 0 0;
 }

 .leadlist_main {
     float: left;
     display: block;
 }

 .leadlist_main a {
     font-size: 12px;
     color: #666;
 }

 .leadlist_main a:hover {
     color: #EA1C77;
 }

 .leadlist_main b,
 .leadlist_main span {
     color: #666;
 }

 .snavbar_linkR {
     float: right;
     overflow: hidden;
     margin-left: 12px;
 }

 .snavbar_qr {
     width: 120px;
     height: 120px;
 }

 .ind_weibo {
     width: 34px;
     height: 27px;
     background: url(../images/slink.png) 0 -50px;
     display: block;
     float: left;
     margin: 16px 8px 17px 8px;
 }

 .ind_QR {
     width: 34px;
     height: 25px;
     background: url(../images/slink.png) 0 -77px;
     display: block;
     float: right;
     margin: 17px 8px 18px 8px;
 }

 /* .friend_link{background-color: #434343;} */
 .friend_link {
     background-color: #FF7DA9;
 }

 .friend_link_main {
     width: 1020px;
     margin: 0 auto;
     position: relative;
     overflow: hidden;
     padding: 25px 0;
 }

 .friend_linklogo {
     width: 74px;
     float: left;
     padding: 0 35px;
 }

 .friend_linklist {
     float: right;
 }

 .friend_linklist ul {
     overflow: hidden;
     width: 875px;
     margin-bottom: 17px;
 }

 .friend_linklist ul li {
     float: left;
 }

 .friend_linklist ul li a {
     color: #fff;
     display: block;
     margin-right: 15px;
     font-size: 12px;
 }

 /* .copyright{width: 100%;background-color: #EA1C77;} */
 .copyright {
     width: 100%;
     background-color: #FF669A;
 }

 .copyright_main {
     width: 1020px;
     margin: 0 auto;
     overflow: hidden;
     padding: 40px 0 90px 0;
 }

 .copyright_L {
     width: 145px;
     float: left;
 }

 .copyright_L img {
     margin-left: 8px;
 }

 .copyright_C {
     overflow: hidden;
     float: left;
     width: 500px;
 }

 .copyright_C p {
     font-size: 12px;
     color: #fff;
     margin-bottom: 8px;
 }

 .copyright_R {
     float: right;
 }

 .copyright_R ul {
     width: 230px;
     overflow: hidden;
     margin-bottom: 15px;
 }

 .copyright_R ul li {
     float: left;
 }

 .copyright_R ul li a {
     color: #fff;
     display: block;
     margin: 0 10px;
     font-size: 14px;
 }

 .blockwhite {
     width: 12px;
     height: 12px;
     transform: rotate(45deg);
     background-color: #f0f0f0;
     position: absolute;
     left: 10px;
     top: 56px;
     display: none;
 }


 /* search */
 .searchlist {
     position: relative;
     width: 0%;
     min-width: 34px;
     height: 35px;
     float: right;
     overflow: hidden;
     -webkit-transition: width 0.3s;
     -moz-transition: width 0.3s;
     transition: width 0.3s;
     -webkit-backface-visibility: hidden;
     margin-top: 12px;
 }

 .searchlist-input {
     position: absolute;
     top: 0;
     right: 35px;
     outline: none;
     background: #fff;
     width: 180px;
     height: 31px;
     margin: 0;
     z-index: 8;
     padding: 0 8px;
     font-size: 12px;
     text-align: right;
     border: 1px #EA1C77 solid;
 }

 .searchlogo,
 .searchlist-submit {
     width: 34px;
     height: 25px;
     display: block;
     position: absolute;
     right: 0;
     top: 5px;
     padding: 0;
     margin: 0;
     line-height: 60px;
     text-align: center;
     cursor: pointer;
 }

 .searchlist-submit {
     background: url(../images/slink.png) 0 -24px no-repeat;
     border: none;
     outline: none;
     z-index: -1;
 }

 .searchlogo {
     background: url(../images/slink.png) 0 1px no-repeat;
     z-index: 9;
     font-size: 22px;
     font-family: 'icomoon';
     speak: none;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     -webkit-font-smoothing: antialiased;
 }

 .searchlist.searchlist-open,
 .no-js .searchlist {
     width: 237px;
 }

 .searchlist.searchlist-open .searchlogo,
 .no-js .searchlist .searchlogo {
     background: #fff;
     z-index: 8;
 }

 .searchlist.searchlist-open .searchlist-submit,
 .no-js .searchlist .searchlist-submit {
     z-index: 9;
 }

 .theQRshow {
     background-color: #fff;
     border: 1px #f0f0f0 solid;
     padding: 10px;
     position: absolute;
     top: -150px;
     right: 0;
     display: none;
 }

 .theQRshow img {
     display: block;
     margin-bottom: 10px;
 }

 .theQRshow p {
     display: block;
     font-size: 14px;
     color: #333;
     text-align: center;
     line-height: 16px;
 }

 /* banner */
 .banner {
     overflow: hidden;
     zoom: 1;
     position: relative;
 }

 .bannermain {
     width: 858px;
     height: 480px;
     margin: auto;
     position: relative;
 }

 .bannermain img {
     width: 858px;
     height: 480px;
 }

 .bannermain .bannerblock {
     overflow: visible;
     position: absolute;
 }

 .bannermain .bannerlist {
     width: 858px;
     height: 480px;
 }

 .bannermain .next,
 .bannermain .prev {
     filter: alpha(Opacity=70);
     opacity: .7;
     position: absolute;
     top: 0;
     margin-left: -70px;
     z-index: 5;
     padding: 205px 0;
 }

 .bannermain .next {
     margin-right: -70px;
     right: 0;
 }

 .bannermain .disabled {
     background-color: #eee;
 }

 .bannermain .mask-left,
 .bannermain .mask-right,
 .bannermain .bannerimg {
     background: #fff;
     z-index: 1;
     position: absolute;
     top: 0;
     left: 0;
     width: 858px;
     height: 480px;
     overflow: hidden;
     left: 1716px;
 }

 .bannermain .mask-right,
 .bannermain .mask-left {
     z-index: 4;
     left: -858px;
     filter: alpha(Opacity=50);
     opacity: .5;
     background: #000;
     overflow: hidden;
 }

 .bannermain .mask-right {
     left: 858px;
 }

 .bannermain .active {
     z-index: 2;
     left: 0;
 }

 .icon-arrow-a-left {
     background: url(../images/left.png) 0 center no-repeat;
     height: 70px;
     width: 50px;
 }

 .icon-arrow-a-right {
     background: url(../images/right.png) 0 center no-repeat;
     height: 70px;
     width: 50px;
 }

 /* second banner */
 .sbanner {
     margin: 0 auto;
     padding: 0;
     width: 670px;
     height: 380px;
     overflow: hidden;
     zoom: 1;
     position: relative;
 }

 .sbanner .sbannerlist {
     width: 670px;
     height: 380px;
     margin: 0;
     padding: 0;
     position: relative;
     list-style: none;
 }

 .sbanner .sbannerlist li {
     float: left;
     width: 670px;
     height: 380px;
 }

 .sbanner .sbannerlist li img {
     border: 0;
 }

 .sbanner .sbannerlist li .sbannerT {
     width: 670px;
     position: absolute;
     bottom: 15px;
     text-align: center;
     z-index: 2;
 }

 .sbanner .sbannerlist li .sbannerT a {
     color: #fff;
     display: block;
     text-decoration: none;
     font-family: "Microsoft Yahei";
     font-weight: normal;
     font-size: 24px;
     zoom: 1;
     text-shadow: 0px 1px #333;
 }

 .sbanner .sbannermask {
     width: 670px;
     height: 60px;
     position: absolute;
     bottom: 0;
     background: #000;
     opacity: 0.7;
     filter: alpha(opacity=70);
     z-index: 1;
 }

 .sbanner .foucs {
     width: 670px;
     height: 22px;
     position: absolute;
     bottom: 3px;
     text-align: center;
     z-index: 3;
     display: none;
 }

 .sbanner .foucs span {
     display: inline-block;
     width: 7px;
     height: 7px;
     margin: 0 5px;
     line-height: 0;
     font-size: 0;
     cursor: pointer;
     overflow: hidden;
 }

 .sbanner .foucsButton {
     width: 30px;
     height: 60px;
     margin-top: -60px;
     position: relative;
     z-index: 4;
 }

 .sbanner .foucsButton span {
     display: inline;
     width: 30px;
     height: 60px;
     cursor: pointer;
     overflow: hidden;
 }

 .sbanner .foucsButton img {
     display: none;
     cursor: pointer;
     border-width: 0px;
     vertical-align: middle;
     width: 100px;
     height: 56px;
 }

 .sbanner .lBtn {
     float: left;
 }

 .sbanner .lBtn span {
     float: left;
     background: url(../images/left_02.png) 0 0 no-repeat;
 }

 .sbanner .rBtn {
     float: right;
 }

 .sbanner .rBtn span {
     float: right;
     background: url(../images/right_02.png) 0 0 no-repeat;
 }

 /* tbanner */
 .flex-control-nav {
     display: none;
 }

 .flex-direction-nav {
     width: 90px;
     height: 36px;
     float: right;
     overflow: hidden;
     margin: -35px 0 0 339px !important;
     position: absolute;
     z-index: 99;
     background-color: #fff;
 }

 .flex-direction-nav a {
     opacity: 1 !important;
     position: relative !important;
 }

 .flex-direction-nav .flex-prev {
     background: url(../images/left_03.png) 0 0 no-repeat;
     left: 0 !important;
     width: 36px;
     height: 36px;
     float: left;
     margin: 0;
 }

 .flex-direction-nav .flex-next {
     background: url(../images/right_03.png) 0 0 no-repeat !important;
     right: 0 !important;
     width: 36px;
     height: 36px;
     float: right;
     margin: 0;
 }

 /* fourth banner */
 .fbanner {
     margin: 0;
     padding: 0;
     width: 320px;
     height: 500px;
     overflow: hidden;
     zoom: 1;
     position: relative;
 }

 .fbanner .fbannerlist {
     width: 320px;
     height: 500px;
     margin: 0;
     padding: 0;
     position: relative;
     list-style: none;
 }

 .fbanner .fbannerlist li {
     float: left;
     width: 320px;
     height: 500px;
 }

 .fbanner .fbannerlist li img {
     border: 0;
 }

 .fbanner .fbannerlist li .fbannerT {
     width: 320px;
     position: absolute;
     bottom: 15px;
     text-align: center;
     z-index: 2;
 }

 .fbanner .fbannerlist li .fbannerT a {
     color: #fff;
     display: block;
     text-decoration: none;
     font-family: "Microsoft Yahei";
     font-weight: normal;
     font-size: 24px;
     zoom: 1;
     text-shadow: 0px 1px #333;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 200px;
     margin: 0 auto;
 }

 .fbanner .fbannermask {
     width: 320px;
     height: 60px;
     position: absolute;
     bottom: 0;
     background: #000;
     opacity: 0.7;
     filter: alpha(opacity=70);
     z-index: 1;
 }

 .fbanner .foucs {
     width: 320px;
     height: 22px;
     position: absolute;
     bottom: 3px;
     text-align: center;
     z-index: 3;
     display: none;
 }

 .fbanner .foucs span {
     display: inline-block;
     width: 7px;
     height: 7px;
     margin: 0 5px;
     line-height: 0;
     font-size: 0;
     cursor: pointer;
     overflow: hidden;
 }

 .fbanner .foucsButton {
     width: 30px;
     height: 60px;
     margin-top: -60px;
     position: relative;
     z-index: 4;
 }

 .fbanner .foucsButton span {
     display: inline;
     width: 30px;
     height: 60px;
     cursor: pointer;
     overflow: hidden;
 }

 .fbanner .foucsButton img {
     display: none;
     cursor: pointer;
     border-width: 0px;
     vertical-align: middle;
     width: 100px;
     height: 56px;
 }

 .fbanner .lBtn {
     float: left;
 }

 .fbanner .lBtn span {
     float: left;
     background: url(../images/left_02.png) 0 0 no-repeat;
 }

 .fbanner .rBtn {
     float: right;
 }

 .fbanner .rBtn span {
     float: right;
     background: url(../images/right_02.png) 0 0 no-repeat;
 }

 /* index */
 .ind_firstB,
 .ind_secondB,
 .ind_thirdB,
 .ind_fourthB,
 .ind_fifthB,
 .ind_sixthB {
     margin: 40px auto 25px auto;
     width: 1020px;
     position: relative;
     overflow: hidden;
 }

 .ind_L,
 .list_mainL {
     width: 670px;
     float: left;
 }

 .ind_R,
 .list_mainR {
     width: 320px;
     float: right;
 }

 .hotline_title {
     overflow: hidden;
     line-height: 28px;
     margin-bottom: 29px;
 }

 .hotline_title .hot {
     margin-right: 20px;
     float: left;
 }

 .hotline_title .message {
     margin-right: 20px;
     float: left;
 }

 .hotline_title a {
     font-size: 14px;
     color: #333;
     display: inline-block;
     float: left;
 }

 .hotline_title a:hover {
     color: #EA1C77;
 }

 .ind_fbanner {
     overflow: hidden;
     width: 670px;
     height: 238px;
 }

 .ind_fbanner img {
     float: right;
     width: 420px;
     height: 238px;
 }

 .hotline_main {
     border-left: 10px #EA1C77 solid;
     background-color: rgba(255, 255, 255, .6);
     margin: 25px 0 0 0;
     width: 335px;
     z-index: 9;
     position: absolute;
     padding: 15px;
 }

 .hotline_main h5 {
     font-size: 28px;
     color: #333;
     line-height: 1.2;
     margin-bottom: 10px;
 }

 .hotline_main p {
     font-size: 14px;
     line-height: 1.6;
     color: #333;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     word-break: break-all;
     overflow: hidden;
     height: 65px;
 }

 .hotline_link {
     padding: 10px 25px;
     z-index: 9;
     position: absolute;
     top: 255px;
     width: 200px;
 }

 .hotline_link i {
     color: #666;
 }

 .hotline_link a {
     color: #666;
     margin: 0 5px;
 }

 .hotline_link a:hover {
     color: #EA1C77;
 }

 .hotline_message {
     overflow: hidden;
     margin: 25px 0;
 }

 .hotline_message ul,
 .choice_message ul {
     width: 330px;
 }

 .hotline_message ul li,
 .choice_message ul li {
     margin-bottom: 10px;
     float: left;
     line-height: 20px;
 }

 /* .hotline_message ul li i,.choice_message ul li i{font-size:x-small;float: left;display:block;margin: 5px 5px 0 0;color: #EA1C77;} */
 .hotline_message ul li i,
 .choice_message ul li i {
     font-size: x-small;
     float: left;
     display: block;
     margin: 5px 5px 0 0;
     color: #EA1C77;
 }

 .hotline_message ul li a,
 .choice_message ul li a {
     display: block;
     width: 310px;
     font-size: 14px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     float: left;
 }

 .hotline_message ul li a:hover,
 .choice_message ul li a:hover {
     color: #EA1C77;
     text-decoration: underline;
 }

 .hotline_images {
     overflow: hidden;
     margin-top: 25px;
 }

 .hotline_images a {
     margin-right: 20px;
     float: left;
     position: relative;
 }

 .hotline_images img {
     width: 210px;
     height: 120px;
     display: block;
 }

 .hotline_images a:last-child {
     margin-right: 0;
 }

 .hotline_images p {
     background-color: rgba(0, 0, 0, .5);
     color: #fff;
     text-align: center;
     position: absolute;
     bottom: 4px;
     padding: 5px 0;
     width: 100%;
     font-size: 14px;
     display: none;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 .hotline_images a:hover p {
     display: block;
 }

 .rank_list {
     overflow: hidden;
     padding: 15px 0 0 0;
     height: 528px;
 }

 .rank_block {
     overflow: hidden;
     margin-bottom: 13px;
 }

 .rank_listR {
     width: 278px;
     float: right;
 }

 .rank_listR h5 {
     font-size: 16px;
     padding: 6px 0 0 0;
     color: #333;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 .rank_listR p {
     font-size: 12px;
     color: #333;
     line-height: 1.6;
     display: none;
     border-bottom: 1px #333 dashed;
     padding: 8px 0;
     text-overflow: ellipsis;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     word-break: break-all;
     overflow: hidden;
     height: 50px;
 }

 .rank_listL {
     width: 42px;
     height: 32px;
     float: left;
     font-weight: normal;
     font-style: italic;
     font-size: 20px;
 }

 .rank_list>div:nth-child(1)>div {
     color: #EA1C77;
 }

 .rank_list>div:nth-child(2)>div {
     color: #EA1C77;
 }

 .rank_list>div:nth-child(3)>div {
     color: #EA1C77;
 }

 .rank1,
 .rank2,
 .rank3,
 .rank4,
 .rank5,
 .rank6,
 .rank7,
 .rank8,
 .rank9,
 .rank10 {
     width: 42px;
     height: 32px;
     float: left;
     background: url(../images/number.png) 0 0 no-repeat;
 }

 .rank2 {
     background-position: 0 -32px;
 }

 .rank3 {
     background-position: 0 -64px;
 }

 .rank4 {
     background-position: 0 -96px;
 }

 .rank5 {
     background-position: 0 -128px;
 }

 .rank6 {
     background-position: 0 -160px;
 }

 .rank7 {
     background-position: 0 -192px;
 }

 .rank8 {
     background-position: 0 -224px;
 }

 .rank9 {
     background-position: 0 -256px;
 }

 .rank10 {
     background-position: 0 -288px;
 }

 .ind_bigtitle {
     width: 1020px;
     height: 43px;
     overflow: hidden;
     margin-bottom: 29px;
 }

 .ind_smalltitle {
     width: 670px;
     height: 43px;
     overflow: hidden;
     margin-bottom: 29px;
 }

 .ind_bigtitle a,
 .ind_smalltitle a {
     float: right;
     display: block;
     margin: 17px 1px 0 5px;
 }

 .ind_littlelink {
     overflow: hidden;
     float: right;
     /*width: 150px;*/
 }

 .ind_littlelink ul li {
     float: right;
 }

 .ind_littlelink ul li:first-child a {
     border-right: none;
 }

 .ind_littlelink ul li a {
     padding: 0 10px;
     font-size: 14px;
     color: #000;
     display: block;
     margin: 12px 0 0 0;
     border-right: 1px #000 solid;
 }

 .ind_littlelink ul li a:hover {
     color: #EA1C77;
 }

 /* .skinbg{background: url(../images/live_bg.png) 0 no-repeat;}
.beautybg{background: url(../images/business_bg.png) 0 no-repeat;}
.keepfitbg{background: url(../images/automobile_bg.png) 0 no-repeat;}
.automobile{background: url(../images/education_bg.png) 0 no-repeat;}
.choicebg{background: url(../images/others.png) 0 no-repeat;} */
 .skinbg {
     background: url(../images/skin_bg.png) 0 no-repeat;
 }

 .beautybg {
     background: url(../images/beauty_bg.png) 0 no-repeat;
 }

 .keepfitbg {
     background: url(../images/keepfit_bg.png) 0 no-repeat;
 }

 .automobile {
     background: url(../images/choice_bg.png) 0 no-repeat;
 }

 .choicebg {
     background: url(../images/choice_bg.png) 0 no-repeat;
 }

 .ind_R_title {
     font-size: 18px;
 }

 .ind_R_tag {
     font-size: 25px !important;
     color: #ffbf3b;
 }

 .ind_bg_group {
     background-color: #ebebeb;
     height: 190px;
 }

 .ind_linklist {
     overflow: hidden;
     padding: 1em 1em 1em 1em;
 }

 .ind_linklist ul li,
 .list_keywordB_main ul li {
     float: left;
 }

 .ind_linklist ul li a,
 .list_keywordB_main ul li a {
     font-size: 14px;
     color: #666;
     border: 1px #666 solid;
     padding: 5px 11px;
     display: block;
     margin: 7px 8px 7px 0;
     font-family: "microsoft yahei";
     background-color: #fff;
 }

 .ind_linklist ul li a:hover,
 .list_keywordB_main ul li a:hover {
     background-color: #ffbf3b;
     color: #666;
     border-color: #ffbf3b;
 }

 .ind_linknews {
     overflow: hidden;
     margin: 25px 0;
 }

 .ind_linknews ul li,
 .list_recommendB ul li {
     margin-bottom: 10px;
     float: left;
     line-height: 20px;
 }

 .ind_linknews ul li i,
 .list_recommendB ul li i {
     font-size: x-small;
     float: left;
     display: block;
     margin: 5px 5px 0 0;
     color: #EA1C77;
 }

 .ind_linknews ul li a,
 .list_recommendB ul li a {
     display: block;
     width: 300px;
     font-size: 14px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     float: left;
 }

 .ind_linknews ul li a:hover,
 .list_recommendB ul li a:hover {
     color: #EA1C77;
     text-decoration: underline;
 }

 .ind_secondB_B {
     width: 1020px;
     margin: 20px 0 0 0;
     overflow: hidden;
 }

 .ind_secondB_B ul li {
     float: left;
     width: 320px;
     height: 184px;
     margin-right: 20px;
     overflow: hidden;
 }

 .ind_secondB_B ul li:last-child {
     margin-right: 0;
 }

 .ind_secondB_B ul li a {
     display: block;
     position: relative;
 }

 .ind_secondB_B ul li img {
     width: 320px;
     height: 184px;
 }

 .ind_secondB_B p {
     background-color: rgba(0, 0, 0, .5);
     color: #fff;
     text-align: center;
     position: absolute;
     bottom: 4px;
     padding: 5px 0;
     width: 100%;
     font-size: 14px;
     display: none;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 .ind_secondB_B a:hover p {
     display: block;
 }

 .ind_L1 {
     width: 430px;
     height: 415px;
     float: left;
 }

 .ind_L2 {
     width: 320px;
     float: left;
 }

 .ind_L3 {
     width: 220px;
     float: left;
 }

 .ind_C1 {
     width: 220px;
     float: left;
     margin-left: 20px;
     overflow: hidden;
 }

 .ind_C2 {
     width: 330px;
     float: left;
     margin-left: 30px;
     overflow: hidden;
 }

 .ind_C3 {
     width: 430px;
     height: 415px;
     float: left;
     left;
     margin-left: 20px;
     overflow: hidden;
 }

 .ind_beautyC {
     overflow: hidden;
     height: 170px;
 }

 .ind_beauty_main {
     overflow: hidden;
     padding: 15px 10px;
 }

 .ind_beauty_main h5 {
     font-size: 28px;
     color: #333;
     line-height: 1.2;
     margin-bottom: 10px;
     font-weight: 400;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 .ind_beauty_main p {
     font-size: 14px;
     line-height: 1.6;
     color: #333;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     word-break: break-all;
     overflow: hidden;
     height: 65px;
 }

 .ind_beauty_link {
     padding: 10px 10px 0 10px;
     z-index: 9;
     position: absolute;
     top: 375px;
     width: 200px;
 }

 .ind_beauty_link i {
     color: #666;
 }

 .ind_beauty_link a {
     color: #666;
     margin: 0 5px;
 }

 .ind_beauty_link a:hover {
     color: #EA1C77;
 }

 .ind_biglink {
     width: 320px;
     height: 184px;
 }

 .ind_biglink a {
     position: relative;
 }

 .ind_biglink img {
     width: 320px;
     height: 184px;
 }

 .ind_biglink p {
     background-color: rgba(0, 0, 0, .5);
     color: #fff;
     text-align: center;
     position: absolute;
     bottom: 4px;
     padding: 5px 0;
     width: 100%;
     font-size: 14px;
     display: none;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 .ind_biglink a:hover p {
     display: block;
 }

 .ind_C1 ul li {
     float: left;
     width: 220px;
     height: 125px;
     overflow: hidden;
     margin-bottom: 20px;
 }

 .ind_C1 ul li:last-child {
     margin-bottom: 0;
 }

 .ind_C1 ul li a {
     display: block;
     position: relative;
 }

 .ind_C1 ul li img {
     width: 100%;
 }

 .textmask {
     position: absolute;
     width: 100%;
     opacity: 0;
     height: 125px;
     z-index: 9;
     background-color: rgba(0, 0, 0, .5);
     top: 0;
     left: 0;
 }

 .textmask1 {
     position: absolute;
     width: 100%;
     opacity: 0;
     height: 235px;
     z-index: 9;
     background-color: rgba(0, 0, 0, .5);
     top: 0;
     left: 0;
 }

 .textmask2 {
     position: absolute;
     width: 100%;
     opacity: 0;
     height: 210px;
     z-index: 9;
     background-color: rgba(0, 0, 0, .5);
     top: 0;
     left: 0;
 }

 .ind_C1 p {
     color: #fff;
     text-align: center;
     font-size: 16px;
     text-shadow: 0px 1px #333;
     top: 40%;
     position: relative;
 }

 .ind_C1 a:hover .textmask,
 .ind_C2 a:hover .textmask1,
 .ind_flist a:hover .textmask2,
 .choice_flist a:hover .textmask2 {
     opacity: 1;
     transition: opacity 1s;
     -moz-transition: opacity 1s;
     -webkit-transition: opacity 1s;
     -o-transition: opacity 1s;
 }

 .ind_C2 ul li {
     float: left;
     width: 150px;
     height: 235px;
     overflow: hidden;
     margin: 0 20px 30px 0;
 }

 .ind_C2 ul li a {
     display: block;
     position: relative;
 }

 .ind_C2 ul li img {
     width: 150px;
     height: 235px;
 }

 .ind_C2 ul li:nth-child(2) {
     margin-right: 0;
 }

 .ind_C2 ul li:nth-child(3) {
     margin-bottom: 0;
 }

 .ind_C2 ul li:nth-child(4) {
     margin-right: 0;
     margin-bottom: 0;
 }

 .ind_C2 p {
     color: #fff;
     text-align: center;
     font-size: 16px;
     text-shadow: 0px 1px #333;
     top: 40%;
     position: relative;
 }

 .ind_fourthB .ind_linknews {
     margin: 18px 0 18px 0;
 }

 .ind_flist {
     overflow: hidden;
 }

 .ind_flist ul li {
     float: left;
     margin: 0 20px 14px 0;
     width: 210px;
     height: 210px;
     overflow: hidden;
 }

 .ind_flist ul li a {
     display: block;
     position: relative;
 }

 .ind_flist ul li img {
     width: 210px;
     height: 210px;
 }

 .ind_flist ul li:nth-child(3) {
     margin-right: 0;
 }

 .ind_flist ul li:nth-child(4) {
     margin-bottom: 0;
 }

 .ind_flist ul li:nth-child(5) {
     margin-bottom: 0;
 }

 .ind_flist ul li:nth-child(6) {
     margin-right: 0;
     margin-bottom: 0;
 }

 .ind_flist p {
     color: #fff;
     text-align: center;
     font-size: 16px;
     text-shadow: 0px 1px #333;
     top: 40%;
     position: relative;
 }

 .ind_fcircle {
     width: 320px;
     height: 500px;
     margin-top: 4px;
     background-color: #ebebeb;
 }

 .ind_fcircle ul {
     padding: 10px 0 0 0;
     overflow: hidden;
 }

 .ind_fcircle ul li {
     float: left;
 }

 .ind_fcircle ul li a {
     display: block;
 }

 .ind_fcircle ul li a:hover p {
     color: #EA1C77;
 }

 .ind_circleB {
     overflow: hidden;
     width: 290px;
     padding: 0 15px;
     margin: 0 0 15px 0;
     vertical-align: middle;
 }

 .ind_circleB p {
     font-size: 14px;
     color: #333;
     line-height: 1.8;
     width: 175px;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     word-break: break-all;
     overflow: hidden;
     float: left;
     padding: 25px 20px 25px 0;
     border-bottom: 1px #333 dashed;
     height: 31px;
 }

 .ind_circleB img {
     width: 72px;
     height: 72px;
     float: right;
     margin-top: 10px;
 }

 .fcircle_more {
     right: 25px;
     top: 52px;
     position: absolute;
 }

 .ind_catalog_name {
     line-height: 37px;
     font-size: 28px;
     margin-left: 1.8em;
     color: #EA1C77;
     font-family: "microsoft yahei";
     font-weight: bold;
 }

 .ind_image_box {
     overflow: hidden;
     height: 15px !important;
     width: 50px !important;
     display: inline-block !important;
 }

 .ind_image_color {
     left: -50px;
     position: relative;
     border-right: 50px solid transparent;
     -webkit-filter: drop-shadow(rgb(0, 165, 231) 51px 0);
     filter: drop-shadow(rgb(0, 165, 231) 51px 0);
     display: inline-block;
 }

 .more_icon {
     background: url(../images/more.png) no-repeat center;
     height: 15px !important;
     width: 50px !important;
 }

 .more_link {
     font-size: 14px;
     font-weight: bold;
     line-height: 14px;
     color: #EA1C77;
 }

 .ind_other_img {
     margin-top: 1em;
 }

 .hot_keyword_H {
     height: auto !important;
 }

 /* list */
 .list_main {
     width: 1020px;
     margin: 0 auto;
     overflow: hidden;
 }

 .searchbox,
 .keywordbox {
     background-color: #dedede;
     padding: 50px;
     overflow: hidden;
 }

 .searchbox_list,
 .keywordbox_list {
     overflow: hidden;
     margin-bottom: 15px;
 }

 .searchbox_list span {
     font-size: 14px;
     color: #666;
     margin-right: 15px;
 }

 .searchbox_list_input {
     width: 300px;
     padding: 8px 5px;
     font-size: 14px;
     color: #666;
     border: 1px #999 solid;
 }

 .searchbox_list_submit {
     cursor: pointer;
     width: 100px;
     text-align: center;
     color: #fff;
     background-color: #EA1C77;
     border: none;
     font-size: 14px;
     padding: 8px 0;
 }

 .searchbox_linklist span {
     font-size: 14px;
     color: #666;
     margin-right: 15px;
     float: left;
 }

 .searchbox_linklistB {
     overflow: hidden;
     float: left;
     width: 485px;
 }

 .searchbox_linklistB ul li,
 .keywordbox_forchoose ul li,
 .keyword_chooselist ul li {
     float: left;
 }

 .searchbox_linklistB ul li a {
     display: block;
     margin-right: 13px;
     color: #333;
     font-size: 14px;
 }

 .searchbox_linklistB ul li a:hover {
     color: #EA1C77;
 }

 .keywordbox_forchoose,
 .keyword_chooselist {
     overflow: hidden;
     width: 485px;
     float: right;
 }

 .keywordbox_list span {
     font-size: 14px;
     color: #000;
     margin-right: 15px;
     float: left;
     line-height: 32px;
 }

 .keywordbox_forchoose ul li a {
     display: block;
     display: block;
     margin: 0 10px 14px 0;
     color: #000;
     font-size: 14px;
     border: 1px #999 solid;
     padding: 5px 10px;
     background-color: #fff;
 }

 .keywordbox_forchoose ul li a:hover {
     color: #000;
     background-color: #ffbf3b;
     border-color: #ffbf3b !important;
 }

 .keyword_chooselist ul li a {
     display: block;
     margin-right: 13px;
     color: #000;
     font-size: 14px;
     background-color: #fff;
     border: 1px #999 solid;
     padding: 5px 10px;
 }

 .keyword_chooselist ul li a:hover {
     color: #000;
     background-color: #EA1C77;
     border: 1px #EA1C77 solid;
 }

 .foucs_keyword {
     color: #000 !important;
     background-color: #EA1C77 !important;
     border: 1px #EA1C77 solid !important;
 }

 .list_bigblock {
     overflow: hidden;
 }

 .list_bigblock ul li,
 .circle_main ul li {
     float: left;
 }

 .list_bigblock ul li img {
     width: 210px;
     height: 120px;
 }

 .list_bigblock ul li a:hover h5,
 .circle_main ul li a:hover h5 {
     color: #EA1C77;
 }

 .thefirst h5,
 .thefirst .list_keyword1 {
     color: #EA1C77 !important;
 }

 .list_block {
     overflow: hidden;
     border-bottom: 1px #333 dashed;
     width: 670px;
     padding: 30px 0;
 }

 .list_blockL {
     width: 210px;
     float: left;
 }

 .list_blockR {
     width: 435px;
     float: right;
 }

 .list_blockR h5 {
     color: #000;
     font-size: 18px;
     margin-bottom: 10px;
     width：435px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     padding: 5px 0;
     font-weight: 400;
 }

 .list_blockR p {
     font-size: 12px;
     color: #999;
     line-height: 2;
     width: 435px;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     word-break: break-all;
     overflow: hidden;
     height: 44px;
 }

 .list_keywords {
     overflow: hidden;
     width: 430px;
     line-height: 18px;
     margin-top: 8px;
 }

 .list_keywords i {
     color: #ffbf3b;
     font-size: 18px;
     float: left;
     margin-right: 10px;
 }

 .list_keywords a {
     color: #666;
     font-size: 12px;
     margin-right: 10px;
     display: block;
     float: left;
 }

 .list_keywords a:hover {
     color: #ffbf3b;
 }

 .list_AD1 {
     background-color: #7f7f7f;
     height: 120px;
     overflow: hidden;
     margin-bottom: 50px;
 }

 .list_AD2 {
     background-color: #7f7f7f;
     height: 240px;
     overflow: hidden;
     margin-bottom: 20px;
 }

 .list_whatnew,
 .list_keywordB,
 .list_recommend {
     overflow: hidden;
     margin-top: 30px;
 }

 .list_whatnew_title,
 .list_keywordB_title,
 .list_recommend {
     overflow: hidden;
     margin-bottom: 20px;
 }

 .list_whatnew_main,
 .list_keywordB_main,
 .list_recommend {
     overflow: hidden;
 }

 .list_whatnew_main a {
     position: relative;
     overflow: hidden;
     display: block;
     margin-bottom: 20px;
 }

 .list_keywordB_main a,
 .list_recommend a,
 .list_bigblock ul li a,
 .circle_main ul li a {
     position: relative;
     overflow: hidden;
     display: block;
 }

 .list_whatnew_main img {
     width: 320px;
     height: 184px;
 }

 .list_recommendT {
     overflow: hidden;
     padding: 20px 0;
 }

 .list_recommendT a:last-child {
     float: right !important;
 }

 .list_recommendT img {
     width: 150px;
 }

 .list_circle {
     overflow: hidden;
     position: relative;
     margin-top: 30px;
 }

 .list_circle_main {
     width: 320px;
     height: 500px;
     margin-bottom: 40px;
     background-color: #ebebeb;
 }

 .list_circle_main2 {
     background: url(../images/hot_show.png) 0 4px no-repeat;
     width: 320px;
     height: 460px;
 }

 .list_circle_main ul {
     padding: 10px 0 0 0;
     overflow: hidden;
     margin-top: -4px;
 }

 .list_circle_main ul li,
 .list_circle_main2 ul li {
     float: left;
 }

 .list_circle_main ul li a,
 .list_circle_main2 ul li a {
     display: block;
 }

 .list_circle_main ul li a:hover p,
 .list_circle_main2 ul li a:hover p {
     color: #EA1C77;
 }

 .list_circle_main img,
 .list_circle_main2 img {
     width: 72px;
     height: 72px;
     float: right;
 }

 .list_circle_main2 ul {
     padding: 45px 0 0 0;
     overflow: hidden;
 }

 .fcircle_more {
     right: 25px;
     top: 52px;
     position: absolute;
 }

 /*company*/
 .line {
     border: 4px solid #ffbf3b;
 }

 .company_box {
     overflow: hidden;
     position: relative;
     margin-top: 30px;
 }

 .company_box_main {
     width: 320px;
     height: auto;
     margin-bottom: 40px;
     background-color: #f5f5f5;
 }

 .company_box_main ul {
     padding: 10px 0 0 0;
     overflow: hidden;
     margin-top: -4px;
 }

 .company_box_main ul li {
     float: left;
     display: block;
     width: 100%;
 }

 .company_box_main ul li a {
     display: block;
     padding: 10px;
     font-size: 15px;
 }

 .company_box_main ul li a:hover p {
     color: #EA1C77;
 }

 .company_main {
     overflow: hidden;
 }

 .company_block {
     overflow: hidden;
     border-bottom: 1px #ccc dashed;
     width: 670px;
     padding: 30px 0;
     float: left;
 }

 .cat_title {
     border-left: 6px solid #434343;
     font-size: 18px;
 }

 .cat_title span {
     margin-left: .6em;
     padding: 10px;
 }

 .cat_sublabel {
     margin-left: 2em;
     width: 670px;
     display: block;
     height: auto;
 }

 .cat_sublabel ul {
     width: 100%;
 }

 .cat_sublabel ul li {
     display: inline-block;
     float: left;
 }

 .cat_sublabel ul li span {
     border: 1px solid #fff;
     display: block;
     font-size: 16px;
     cursor: pointer;
     margin: 1em .8em .8em .8em;
     padding: 10px;
 }

 .cat_sublabel ul li span:hover {
     border: 1px solid #434343;
 }

 .website {
     background-color: #FFFDF5;
     width: 630px;
     display: inline-block;
     min-height: 50px;
     margin-left: 2.5em;
     border-radius: 5px;
     border: 1px solid #FFE2A7;
     min-height: 50px;
 }

 .website ul {
     float: left;
     width: 630px
 }

 .website ul li {
     white-space: nowrap;
     text-overflow: ellipsis;
     margin: .5em .8em .6em .8em;
     display: inline-block;
     font-weight: bold;
     font-size: 14px;
     width: 30%;
 }

 .website ul li a:hover {
     color: #EA1C77;
 }

 .label_select {
     padding: 10px;
     background-color: #ffbf3b;
     color: #454;
     border: 1px solid #ffbf3b !important;
 }

 .label_select:hover {
     background-color: #ffbf3b;
     color: #454;
     border: 1px solid #ffbf3b !important;
 }

 /* circle */
 .circle_main {
     overflow: hidden;
     border-top: 1px #6a6a6a solid;
 }

 .circle_block {
     overflow: hidden;
     border-bottom: 1px #ccc dashed;
     width: 670px;
     padding: 30px 0;
 }

 .circle_blockL {
     width: 212px;
     float: left;
     height: 212px;
 }

 .circle_blockL img {
     border: 1px #ccc solid;
     width: 210px;
 }

 .circle_blockR {
     width: 435px;
     float: right;
 }

 .circle_blockR h5 {
     width: 210px;
     display: inline-block;
     color: #000;
     font-size: 18px;
     margin-bottom: 10px;
     width：435px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     padding: 5px 0;
     font-weight: 400;
 }

 .circle_blockR .line-through {
     color: #ff68ab;
     text-decoration: line-through;
     margin-left: 10px;
     font-size: 18px;
     float: right;
     padding: 5px 0;
 }

 .circle_blockR .theprice {
     color: #ff68ab;
     margin-left: 10px;
     font-size: 18px;
     float: right;
     padding: 5px 0;
 }

 .circle_blockR p {
     font-size: 12px;
     color: #999;
     line-height: 2;
     width: 435px;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical;
     word-break: break-all;
     overflow: hidden;
     height: 92px;
 }

 .circle_B {
     margin-top: 25px;
 }

 .circle_keywords {
     overflow: hidden;
     width: 200px;
     line-height: 37px;
     float: left;
 }

 .circle_keywords i {
     color: #999;
     font-size: 18px;
     float: left;
     margin-right: 10px;
     line-height: 37px;
 }

 .circle_keywords a {
     color: #666;
     font-size: 12px;
     margin-right: 10px;
     display: block;
     float: left;
 }

 .circle_keywords a:hover {
     color: #EA1C77;
 }

 .circle_list {
     float: right;
     width: 210px;
 }

 .circle_list a {
     display: block;
 }

 .circle_list .circle_love {
     float: left;
     margin-right: 15px;
     width: 24px;
     height: 25px;
     margin-top: 6px;
     color: #a7a7a7;
 }

 .circle_list .circle_love:hover,
 .heartOn {
     color: #e96565;
 }

 .circle_list .circle_love i {
     font-size: 24px;
 }

 .circle_list .circle_share {
     background: url(../images/share_bg.png) 0 0 no-repeat;
     width: 24px;
     height: 25px;
     float: left;
     margin: 6px 10px 0 0;
 }

 .circle_list .circle_share:hover {
     background-position: 0 -35px;
 }

 .circle_list .circle_buy {
     background-color: #EA1C77;
     color: #fff;
     border: none;
     padding: 8px 0;
     width: 120px;
     text-align: center;
     float: right;
     font-size: 16px;
 }

 .share_thelist {
     overflow: hidden;
     width: 230px;
     margin: -40px 0 0 0;
     background-color: #fff;
     z-index: 9;
     position: absolute;
     display: none;
     border: 1px #ccc solid;
 }

 .circle_share:hover .share_thelist {
     display: block;
 }

 .share_thelist span {
     color: #333;
     font-size: 12px;
     margin: 0 10px 0 10px;
     float: left;
     line-height: 40px;
 }

 .share_thelist .bds_qzone,
 .share_thelist .bds_weixin,
 .share_thelist .bds_tsina,
 .share_thelist .bds_tqq,
 .share_thelist .bds_more {
     background: url(../images/share_list.png) 0 0 no-repeat !important;
     width: 28px !important;
     height: 28px !important;
     padding: 0 !important;
     line-height: 28px !important;
 }

 .share_thelist .bds_qzone {
     background-position: 0 0 !important;
 }

 .share_thelist .bds_tsina {
     background-position: 0 -28px !important;
 }

 .share_thelist .bds_tqq {
     background-position: 0 -56px !important;
 }

 .share_thelist .bds_weixin {
     background-position: 0 -84px !important;
 }

 .share_thelist .bds_more {
     background-position: 0 -112px !important;
 }

 .circle_forprice {
     overflow: hidden;
 }

 .circle_forprice h5 {
     width: 210px;
     display: inline-block;
 }

 /*.bdshare_popup_box{margin: 280px 0 0 30px;}*/

 /* circle detail */
 .circled_main {
     overflow: hidden;
     border-top: 1px #6a6a6a solid;
 }

 .circled_shop {
     overflow: hidden;
     padding: 40px 0 20px 0;
     border-bottom: 1px #ccc dashed;
 }

 .circled_blockL {
     width: 210px;
     float: left;
 }

 .circled_blockL img {
     border: 1px #ccc solid;
     width: 210px;
 }

 .circled_blockR {
     width: 435px;
     float: right;
 }

 .circled_blockR h5 {
     color: #000;
     font-size: 20px;
     margin-bottom: 10px;
     width：435px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     padding: 5px 0;
     font-weight: 600;
     line-height: 20px;
 }

 .circled_blockR h5 .seepresent {
     color: #9f9f9f;
     margin-left: 15px;
     font-size: 12px;
     font-weight: 400;
 }

 .circled_blockR h5 .seepresent i {
     font-size: 16px;
     margin-right: 5px;
 }

 .circled_blockR p {
     font-size: 12px;
     color: #999;
     line-height: 2;
     width: 435px;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical;
     word-break: break-all;
     overflow: hidden;
 }

 .circled_pricelist {
     overflow: hidden;
     margin-bottom: 18px;
 }

 .circled_pricelistL {
     width: 80px;
     margin-right: 10px;
     float: left;
     font-size: 14px;
     color: #333;
 }

 .circled_pricelistR {
     width: 340px;
     float: right;
     font-size: 14px;
     color: #333;
 }

 .circled_pricelistR .line-through {
     color: #ff68ab;
     text-decoration: line-through;
     margin-right: 20px;
 }

 .circled_pricelistR .theprice {
     color: #ff68ab;
 }

 .circled_pricelistR .thekeyword {
     margin-right: 10px;
 }

 .circled_sharelist {
     overflow: hidden;
     width: 230px;
     margin: 0;
 }

 .circled_sharelist .bds_qzone,
 .circled_sharelist .bds_weixin,
 .circled_sharelist .bds_tsina,
 .circled_sharelist .bds_tqq,
 .circled_sharelist .bds_more {
     background: url(../images/share_list.png) 0 0 no-repeat !important;
     width: 28px !important;
     height: 28px !important;
     padding: 0 !important;
     line-height: 28px !important;
     mar
 }

 .circled_sharelist .bds_qzone {
     background-position: 0 0 !important;
 }

 .circled_sharelist .bds_tsina {
     background-position: 0 -28px !important;
 }

 .circled_sharelist .bds_tqq {
     background-position: 0 -56px !important;
 }

 .circled_sharelist .bds_weixin {
     background-position: 0 -84px !important;
 }

 .circled_sharelist .bds_more {
     background-position: 0 -112px !important;
 }

 .circleshare .circled_pricelistL,
 .circleshare .circled_pricelistR {
     line-height: 40px;
 }

 .circled_blockL .circle_buy {
     background-color: #EA1C77;
     color: #fff;
     border: none;
     padding: 8px 0;
     width: 120px;
     text-align: center;
     font-size: 16px;
     margin: 10px auto;
     display: block;
 }

 .circled_introduce {
     padding: 50px 22px;
     overflow: hidden;
     border-bottom: 1px #ccc dashed;
 }

 .circled_introduce_title {
     font-family: "microsoft yahei";
     font-size: 20px;
     color: #333;
     border-left: 8px #EA1C77 solid;
     padding: 0 10px;
     margin-bottom: 50px;
 }

 .circled_introduce_main {
     overflow: hidden;
 }

 .circled_introduce_main p {
     line-height: 1.6;
     font-size: 14px;
     color: #333;
     margin-bottom: 15px;
 }

 .circled_introduce_main img {
     display: block;
     margin: 15px auto;
     max-width: 100%;
 }

 .circled_introduce_main span {
     color: #666;
     font-size: 14px;
     display: block;
     text-align: center;
     padding: 15px 0;
 }

 .circled_recommend_title {
     padding: 40px 22px 30px 22px;
     overflow: hidden;
 }

 .circled_recommend_title h5 {
     font-family: "microsoft yahei";
     font-size: 20px;
     color: #333;
     border-left: 8px #EA1C77 solid;
     padding: 0 10px;
 }

 .circled_recommend {
     margin-bottom: 30px;
     overflow: hidden;
 }

 /* article */
 .artical {
     overflow: hidden;
     border-top: 1px #6a6a6a solid;
 }

 .artical_title {
     padding: 40px 0;
     text-align: center;
     font-size: 28px;
     color: #333;
     font-family: "microsoft yahei";
 }

 .artical_author {
     overflow: hidden;
     padding: 0 25px;
 }

 .artical_authorB1 {
     font-size: 12px;
     text-align: right;
     width: 150px;
     float: left;
     color: #666;
 }

 .artical_authorB2 {
     font-size: 12px;
     text-align: center;
     width: 140px;
     float: left;
     color: #666;
 }

 .artical_authorB3 {
     font-size: 12px;
     text-align: center;
     width: 130px;
     float: left;
     color: #666;
 }

 .artical_authorB4 {
     font-size: 12px;
     text-align: left;
     width: 200px;
     float: left;
     color: #666;
     text-indent: 25px;
 }

 .artical_leading {
     background: url(../images/article_bg.png) 0 0 no-repeat;
     width: 670px;
     height: 125px;
     margin: 32px 0 0 0;
 }

 .artical_leading p {
     padding: 30px 40px;
     font-size: 1.1rem;
     color: #666;
     line-height: 1.6;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     word-break: break-all;
     overflow: hidden;
     width: 590px;
 }

 .artical_main {
     overflow: hidden;
     width: 600px;
     margin: 32px auto;
 }

 .artical_main p {
     font-size: 1.3rem;
     color: #333;
     line-height: 1.6;
     margin-bottom: 15px;
     text-indent: 2em;
 }

 .artical_main img {
     display: block;
     margin: 15px auto;
     max-width: 100%;
 }

 .artical_main span {
     color: #666;
     font-size: 1.1rem;
     display: block;
     /*text-align: center;*/
     padding: 0 0 15px 0;
 }

 .guid_article {
     height: 30px;
     padding: 10px 0;
     width: 670px;
     text-align: center;
     margin: 0 0 1em 0;
 }

 .guid_article a {
     padding: 10px 25px 10px 25px;
     background-color: #ffbf3b;
     border-radius: 5px;
     border: 1px solid #FFB51B;
     margin: 0 1em 0 1em;
 }

 .guid_dark {
     padding: 10px 25px 10px 25px;
     background-color: #F1DBAE;
     border-radius: 5px;
     border: 1px solid #F1DBAE;
     margin: 0 1em 0 1em;
 }

 .artical_linklist {
     overflow: hidden;
     border-top: 1px #ccc solid;
     border-bottom: 1px #ccc solid;
     padding: 10px 0;
 }

 .artical_keyword {
     overflow: hidden;
     width: 250px;
     float: left;
     line-height: 40px;
 }

 .artical_keyword i {
     color: #ffbf3b;
     margin-right: 5px;
     font-size: 16px;
 }

 .artical_keyword a {
     color: #adadad;
     margin-right: 10px;
     font-size: 12px;
 }

 .artical_keyword a:hover {
     color: #ffbf3b;
 }

 .artical_sharelist {
     overflow: hidden;
     width: 230px;
     margin: 0;
     float: right;
 }

 .artical_sharelist .bds_qzone,
 .artical_sharelist .bds_weixin,
 .artical_sharelist .bds_tsina,
 .artical_sharelist .bds_tqq,
 .artical_sharelist .bds_more {
     background: url(../images/share_list.png) 0 0 no-repeat !important;
     width: 28px !important;
     height: 28px !important;
     padding: 0 !important;
     line-height: 28px !important;
     mar
 }

 .artical_sharelist .bds_qzone {
     background-position: 0 0 !important;
 }

 .artical_sharelist .bds_tsina {
     background-position: 0 -28px !important;
 }

 .artical_sharelist .bds_tqq {
     background-position: 0 -56px !important;
 }

 .artical_sharelist .bds_weixin {
     background-position: 0 -84px !important;
 }

 .artical_sharelist .bds_more {
     background-position: 0 -112px !important;
 }

 .artical_sharelist span {
     color: #333;
     float: left;
     line-height: 40px;
     margin-right: 15px;
 }

 .artical_aboutreadT {
     font-size: 18px;
     background-color: #f2f2f2;
     text-align: center;
     padding: 15px 0;
     margin: 40px 0;
 }

 /* choice */
 .choice_flist {
     overflow: hidden;
     margin-top: 30px;
 }

 .choice_slist {
     overflow: hidden;
     margin-top: 21px;
 }

 .choice_flist ul li {
     float: left;
     width: 210px;
     height: 210px;
     margin: 0 20px 21px 0;
     overflow: hidden;
 }

 .choice_flist ul li a {
     display: block;
     padding: 0;
     margin: 0;
     position: relative;
 }

 .choice_flist ul li img {
     width: 210px;
     height: 210px;
 }

 .choice_flist ul li:nth-child(3) {
     margin-right: 0 !important;
 }

 .choice_flist ul li:nth-child(4),
 .choice_flist ul li:nth-child(5) {
     margin-bottom: 0 !important;
 }

 .choice_flist ul li:nth-child(6) {
     margin-right: 0;
     margin-bottom: 0 !important;
 }

 .choice_slist ul li {
     float: left;
     margin: 0 23px 30px 0;
     width: 150px;
     height: 235px;
     overflow: hidden;
 }

 .choice_slist ul li a {
     display: block;
     position: relative;
 }

 .choice_slist a:hover .textmask1 {
     opacity: 1;
     transition: opacity 1s;
     -moz-transition: opacity 1s;
     -webkit-transition: opacity 1s;
     -o-transition: opacity 1s;
 }

 .choice_slist ul li img {
     width: 150px;
     height: 235px;
 }

 .choice_slist ul li:nth-child(4) {
     margin-right: 0 !important;
 }

 .choice_slist ul li:nth-child(5),
 .choice_slist ul li:nth-child(6),
 .choice_slist ul li:nth-child(7) {
     margin-bottom: 0 !important;
 }

 .choice_slist ul li:nth-child(8) {
     margin-right: 0;
     margin-bottom: 0 !important;
 }

 .choice_list02,
 .choice_list03 {
     overflow: hidden;
     margin-top: 20px;
 }

 .choice_list01 {
     overflow: hidden;
     position: relative;
 }

 .choice_list01 a {
     display: block;
     padding: 0;
     width: 320px;
     margin-bottom: 20px;
     position: relative;
     height: 184px;
 }

 .choice_list01 a:last-child {
     margin-bottom: 0 !important;
 }

 .choice_list01 img {
     width: 320px;
     height: 184px;
 }

 .choice_list04 {
     overflow: hidden;
     margin-top: 24px;
 }

 .choice_message {
     overflow: hidden;
     margin: 20px 0;
 }

 .bigAD {
     width: 1020px;
     height: 90px;
     margin: 0 auto 50px auto;
     position: relative;
     background-color: #7f7f7f;
 }

 /* about */
 .about_mainL {
     width: 150px;
     height: 100%;
     float: left;
     text-align: center;
     overflow: hidden;
     font-family: "microsoft yahei";
 }

 .about_mainR {
     width: 860px;
     height: 100%;
     float: right;
     border-left: 0.1em #111 solid;
     font-family: "microsoft yahei";
 }

 .about_bg {
     background: url("../images/about_bg.jpg") top left no-repeat;
     width: 830px;
     height: 195px;
     position: relative;
 }

 .about_QR {
     width: 120px;
     height: 120px;
     position: absolute;
     margin: -13.45em 40.5em;
 }

 .about_mxb {
     width: 400px;
     z-index: 110;
     margin: 2.25em 18em;
 }

 .about_us {
     float: right;
     margin-top: 4em;
     width: 830px;
     padding: 0 0 5em 0;
 }

 .about_sitemap {
     float: right;
     margin-top: 4em;
     width: 830px;
     padding: 0 0 5em 0;
 }

 .about_disclaimer {
     float: right;
     margin-top: 4em;
     width: 830px;
     padding: 0 0 5em 0;
 }

 .disclaimer_scroll {
     overflow-y: auto;
     height: 100%;
     width: 100%;
     font-size: 16px;
 }

 .disclaimer_scroll>p {
     text-indent: 25px;
 }

 .about_contact {
     float: right;
     margin-top: 4em;
     width: 830px;
     padding: 0 0 5em 0;
 }

 .about_title {
     font-size: 20px;
 }

 .about_content {
     margin-top: 3em;
     width: 830px;
     font-size: 15px;
 }

 .about_content>p {
     margin-top: 1em;
     text-indent: 2em;
 }

 .about_content div {
     width: 50%;
     float: left;
     margin-top: 1.55em;
     font-size: 13px;
 }

 .about {
     position: relative;
     margin: 1.5em 0 0 0;
     font-size: 16px;
 }

 .about li {
     position: relative;
     padding: 1em 0 1em 0;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, .3)
 }

 .about li:hover {
     background: #68BEFF;
     color: #fff;
 }

 .about_select {
     background: #EA1C77;
     color: #fff;
 }

 .about_select:hover {
     background: #EA1C77 !important;
     color: #fff !important;
 }

 .about_sitemap li {
     margin: 0 0 3em 0;
     font-weight: bold;
     font-size: 18px;
 }

 .about_sitemap li a:hover {
     color: #EA1C77;
 }

 .about_sitemap li ul li {
     font-weight: normal;
     margin: 1em 0 0 2em;
     font-size: 15px;
     list-style: none !important;
     list-style-type: none !important;
     float: left;
 }

 .about_sitemap li ul li a:hover {
     color: #ffbf3b;
 }

 /* page */
 .t_page {
     text-align: center;
     margin: 0 auto;
     position: relative;
     width: auto;
 }

 .pagebar {
     text-align: center;
     margin: 40px auto;
     overflow: hidden;
     display: table;
 }

 .pagebar ul {
     text-align: center;
     overflow: hidden;
     margin: 0;
     padding: 0;
 }

 .pagebar ul li {
     float: left;
     margin: 8px;
     list-style: none;
 }

 .pagebar a {
     display: block;
     text-align: center;
     border: 1px #666 solid;
     color: #666;
     float: left;
     margin: 8px;
     line-height: 36px;
     padding: 0 14px;
     font-size: 14px;
 }

 .pagebar strong {
     display: block;
     text-align: center;
     border: 1px #EA1C77 solid;
     color: #666;
     float: left;
     margin: 8px;
     line-height: 36px;
     padding: 0 14px;
     font-size: 14px;
 }

 .pagebar a:hover,
 .pagebar strong {
     background-color: #EA1C77;
     color: #fff;
     border-color: #EA1C77;
 }

 .pagebar ul p {
     text-align: center;
 }

 .active a {
     background-color: #e41f76 !important;
     color: #fff !important;
     border-color: #EA1C77 !important;
 }

 /* hover mask */
 .choice_flist p,
 .choice_slist p {
     color: #fff;
     text-align: center;
     font-size: 16px;
     text-shadow: 0px 1px #333;
     top: 40%;
     position: relative;
 }

 .choice_flist a:hover .textmask2,
 .choice_slist a:hover .textmask1 {
     display: block;
 }

 .list_whatnew_main p {
     background-color: rgba(0, 0, 0, .5);
     color: #fff;
     text-align: center;
     position: absolute;
     bottom: 4px;
     padding: 5px 0;
     width: 100%;
     font-size: 14px;
     display: none;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 .list_whatnew_main a:hover p,
 .list_recommendT a:hover p,
 .choice_list01 a:hover p {
     display: block;
 }

 .list_recommendT p {
     background-color: rgba(0, 0, 0, .5);
     color: #fff;
     text-align: center;
     position: absolute;
     bottom: 4px;
     padding: 5px 0;
     width: 100%;
     font-size: 12px;
     display: none;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 .choice_list01 p {
     background-color: rgba(0, 0, 0, .5);
     color: #fff;
     text-align: center;
     position: absolute;
     bottom: 0px;
     padding: 5px 0;
     width: 100%;
     font-size: 14px;
     display: none;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }