.community-mystuan a { text-decoration: none; cursor: pointer; } .community-mystuan { background-color: #fefefe; } .mystuan_img{ width: 40px; height: 40px; border-radius: 50%; margin:0 10px 0 20px; } .community-mystuan .border{ border:1px solid #ddd; margin-bottom: 15px; } .community-mystuan .border .padd{ padding:10px 20px; } .mystuan-middle{ padding: 0 1% 0 3%; } .mystuan-middle .mall-more a{ color: #35A9F4; } .mystuan-middle-title{ padding-bottom: 5px; margin-top: 30px; } .community-mystuan-top { background-color: #f3f3f3; padding: 12px 0; font-size: 15px; margin-bottom: 20px; } .community-mystuan .row, .community-mystuan .row{ padding-left: 0; padding-right: 0; } .mall-row{ margin-bottom: 10px; } .tmall_box .menu ul{ line-height:29px; border-bottom:1px #ccc solid; padding-left:190px; } .tmall_box .menu ul li{ float:left; } .tmall_box .menu ul li a{ color:#797979; font-weight:bold; text-decoration:none; padding:0 20px 0 20px; } .tmall_cat_nav{ padding-right: 0; width: 20.666667%; } .cate_nav{ color:#797979; margin-bottom: 0; } .cate_nav li{ background: #f3f3f3; text-align: center; margin-bottom: 10px; position: relative; } .cate_nav li a{ color:#797979; text-decoration:none; padding: 15px; line-height: 60px; } .tmall_cat_content{ margin-left: 2%; padding-left: 0; min-height: 420px; background-color: #F3F3F3; } .cat_pannel .cat_detail{ padding:20px 10px; position:relative; } /*��ǰ��Ŀ*/ .cate_nav li.on, .cate_nav li.on a{ color:#fff; } .cate_nav li.on .cat_0_nav, .cate_nav li.on .cat_1_nav, .cate_nav li.on .cat_2_nav, .cate_nav li.on .cat_3_nav, .cate_nav li.on .cat_4_nav, .cate_nav li.on .cat_5_nav, .cate_nav li.on .cat_6_nav{ background:#f96768; } .cate_nav li.on>.cat_0_nav a:after, .cate_nav li.on>.cat_1_nav a:after, .cate_nav li.on>.cat_2_nav a:after, .cate_nav li.on>.cat_3_nav a:after{ content: ''; display: block; position: absolute; right: -16px; top: 22px; width: 0; height: 0; border-left: 8px solid #F96768; border-right: 8px solid transparent; border-bottom: 8px solid transparent; border-top: 8px solid transparent; } .after{ content: ''; position: absolute; left: 100%; top: 20px; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid #f96768; } .grid_col_0, .grid_col_1, .grid_col_2, .grid_col_3, .grid_col_4, .grid_col_5, .grid_col_6{ background:#F3F3F3; } .community-mystuan .grid_col_0 .mystuan-top h4{ color: #00BCFF; } .community-mystuan .grid_col_0 .mystuan-top p{ color: #AAA; } .community-mystuan .grid_col_0 .mystuan-top .location{ width: 23px; height: 35px; background: url('../images/community/location.png') no-repeat; border: none; outline: none; } .community-mystuan .grid_col_0 .mystuan-top .talk_stuan{ border: none; outline: none; margin-top: 5%; padding:10px 6%; background: #33A6E9; color: #fff; font-size: 22px; } .community-mystuan { padding-right: 0; } .community-mystuan { padding-left: 0; } .community-mystuan .hot-cont{ border: 1px solid #D1D1D1; margin-top:-1px; margin-left:-1px; } .community-mystuan .hot-cont:nth-child(2n) { border-left: 1px solid #D1D1D1; border-right: 1px solid #D1D1D1; } .community-mystuan .hot-cont:nth-child(2n+1) { border: 1px solid #D1D1D1; } .community-mystuan .hot-right .hot-cont:nth-child(2n+1) { border: 1px solid #D1D1D1; border-left: none; } .community-mystuan .hot-right .hot-cont:nth-child(2n) { border-right: 1px solid #D1D1D1; } .community-mystuan .hot-cont { padding: 10px 20px; } .community-mystuan .hot-img-div { margin-left: 65px; } .community-mystuan .hot-cont .hot-img{ width: 50px; height:50px; border-radius: 50%; } .community-mystuan .hot-cont .hot-img-div .name{ display: inline-block; padding-top: 6px; color: #6D6D6D; } .community-mystuan .hot-cont .hot-img-div small{ color: #3DB9FF; line-height: 15px; padding-right: 15px; } .community-mystuan .wonderful-info{ font-family: '����'; } .community-mystuan .wonderful-info img{ width:350px; height:200px; } .community-mystuan .wonderful-info .all a{ color: #333; } .community-mystuan .wonderful-info p{ color:#A8A8A8; font-size: 12px; } .community-mystuan .wonderful-info .padd-fr{ padding-right: 10px; } .community-mystuan .wonderful-info .padd-fl{ padding-left: 10px; } .community-mystuan .grid_col_1 .mystuan-top, .community-mystuan .grid_col_2 .mystuan-top, .community-mystuan .grid_col_3 .mystuan-top{ padding: 5% 0 3% 0; } .community-mystuan .grid_col_1 .mystuan-top form label{ font-size: 18px; font-weight: normal; } .community-mystuan .grid_col_1 .mystuan-top form input{ line-height: 30px; outline: none; border:1px solid #D2D2D2; } .community-mystuan .grid_col_1 .mystuan-top form .search-ico{ margin: 10px 0 0 -30px; color: #CFCFCF; } .community-mystuan .grid_col_1 .everjoin{ padding: 0 0 0 12px; } .community-mystuan .grid_col_1 .everjoin a{ display: block; cursor: pointer; } .community-mystuan .grid_col_1 .everjoin p small{ padding-left: 8px; color: #A9A9A9; } .community-mystuan .grid_col_2 .mystuan-top form label{ font-size: 18px; font-weight: normal; } .community-mystuan .grid_col_2 .mystuan-top form input{ line-height: 30px; outline: none; border:1px solid #D2D2D2; } .community-mystuan .grid_col_2 .mystuan-top form .search-ico{ margin: 10px 0 0 -30px; color: #CFCFCF; } .community-mystuan .grid_col_2 .everjoin{ padding: 0 0 0 12px; } .community-mystuan .grid_col_2 .everjoin a{ display: block; cursor: pointer; } .community-mystuan .grid_col_2 .everjoin p small{ padding-left: 8px; color: #A9A9A9; } .community-mystuan .grid_col_3 .mystuan-top form label{ font-size: 18px; font-weight: normal; } .community-mystuan .grid_col_3 .mystuan-top form input{ line-height: 30px; outline: none; border:1px solid #D2D2D2; } .community-mystuan .grid_col_3 .mystuan-top form .search-ico{ margin: 10px 0 0 -30px; color: #CFCFCF; } .community-mystuan .grid_col_3 .everjoin{ padding: 0 0 0 12px; } .community-mystuan .grid_col_3 .everjoin a{ display: block; cursor: pointer; } .community-mystuan .grid_col_3 .everjoin p small{ /* padding-left: 8px; */ color: #A9A9A9; } .community-mystuan .grid_col_3 .everjoin p button{ border:none; color: white; background: #FF8b3c; height: 35px; width: 150px; } .community-mystuan .hot-more .hot .hot-cont a{ cursor: pointer; display: block; } .community-mystuan .hot-more .hot .hot-cont:last-child{ border-bottom: 1px solid #D1D1D1; } .community-mystuan .hot-more .pagination-div .pagination > li > a{ width:30px; height: 30px; padding: 4px 0; } .community-mystuan .hot-more .pagination-div .pagination > li > a, .community-mystuan .hot-more .pagination-div .pagination > li > span { margin: 0 6px; font-family: '����'; color: #000; text-decoration: none; background-color: #fff; border: 1px solid #DFDFDF; } .community-mystuan .hot-more .pagination-div .pagination > li > span{ padding: 4px 0; } .community-mystuan .hot-more .pagination-div .pagination > li > span a{ height: 30px; padding: 4px 20px; color: #000; } .community-mystuan .hot-more .pagination-div .pagination > li > a:hover, .community-mystuan .hot-more .pagination-div .pagination > li > span:hover, .community-mystuan .hot-more .pagination-div .pagination > li > a:focus, .community-mystuan .hot-more .pagination-div .pagination > li > span:focus{ border-color: #4AB9FF; background-color: #fff; color: #4AB9FF; } .community-mystuan .hot-more .pagination-div .pagination > li > span a:hover, .community-mystuan .hot-more .pagination-div .pagination > li > span a:focus{ color: #4AB9FF; } .community-mystuan .hot-more .pagination-div .pagination > .active > a, .community-mystuan .hot-more .pagination-div .pagination > .active > span, .community-mystuan .hot-more .pagination-div .pagination > .active > a:hover, .community-mystuan .hot-more .pagination-div .pagination > .active > span:hover, .community-mystuan .hot-more .pagination-div .pagination > .active > a:focus, .community-mystuan .hot-more .pagination-div .pagination > .active > span:focus{ border-color: #4AB9FF; background-color: #fff; color: #4AB9FF; } .community-mystuan .hot-more .pagination-div .pagination > li:first-child > a, .community-mystuan .hot-more .pagination-div .pagination > li:first-child > span, .community-mystuan .hot-more .pagination-div .pagination > li:last-child > a, .community-mystuan .hot-more .pagination-div .pagination > li:last-child > span{ border-radius: 0; } .signUp-div, .everjoin-div{ font-family: '����'; font-size: 12px; } .signUp-div .modal-content{ border-radius: 0; } .signUp-div .modal-body { padding: 30px; } .signUp-div .signUp-form{ margin-top: 5%; } .signUp-div .signUp-form div.userlist{ border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; } .signUp-div .signUp-form div.userlist a{ display:block; height:60px; line-height: 60px; } .signUp-div .signUp-form div.userlist a:hover{ text-decoration: none; } .signUp-div .signUp-form div.userlist a p{ vertical-align:middle; display: inline-block; line-height: 20px; margin:0px; } .signUp-div .signUp-form div.userlist a p span{ display: block; color: #555; vertical-align:middle; } .signUp-div .signUp-form div.userlist a p span.userName{ color: #333; font-size:14px; font-weight: bold; } .signUp-div .signUp-form div.userlist a+a{ border-top: 1px solid #E6E6E6; } .signUp-div .signUp-form div.userlist img{ width: 35px; height: 35px; border-radius: 50%; } .signUp-div .signUp-form table tr td{ border: 1px solid #E3E3E3; vertical-align: middle; } .signUp-div .signUp-form table tr td:first-child{ width: 20%; text-align: center; } .signUp-div .signUp-form table tr td:last-child{ padding-left: 5%; color: #B1B1B1; } .signUp-div .signUp-form table tr td span{ color:#f60; } .signUp-div .signUp-form table tr td img{ width: 35px; height: 35px; border-radius: 50%; margin-bottom:12px; margin-right:12px; } .launch-div .signUp-form table tr td input{ width:100%; } .signUp-div .signUp-form table tr td input{ border: 1px solid #32A5E6; color: #32A5E6; outline: none; padding: 5px; } .signUp-div .signUp-form .btn-div button, .signUp-div .signUp-form .btnsignup-div button{ outline: none; border-radius: 0; color: #fff; font-size: 16px; font-family: '΢���ź�'; margin-top:10px; } .signUp-div .signUp-form .btn-div a, .signUp-div .signUp-form .btnsignup-div a{ outline: none; border-radius: 0; color: #fff; font-size: 16px; font-family: '΢���ź�'; } .signUp-div .signUp-form .btn-div button{ padding: 12px 12%; background-color: #32A5E6; } .signUp-div .signUp-form .btn-div a{ padding: 12px 12%; background-color: #32A5E6; } .signUp-div .signUp-form .btnsignup-div button{ padding: 12px 8%; background-color: #FD8C3C; } .everjoin-div .modal-content{ border-radius: 0; } .everjoin-div .modal-body { padding: 30px; } .everjoin-div .everjoin-form{ margin-top: 5%; } .everjoin-div .everjoin-form table tr td{ border: 1px solid #E3E3E3; vertical-align: middle; } .everjoin-div .everjoin-form table tr td:first-child{ width: 20%; text-align: center; } .everjoin-div .everjoin-form table tr td:last-child{ padding-left: 5%; color: #B1B1B1; } .everjoin-div .everjoin-form .btn-div button{ outline: none; padding: 12px 12%; border-radius: 0; background-color: #32A5E6; color: #fff; font-size: 16px; } .location-div .modal-dialog{ width: 750px; margin: 12% 34%; } .location-div .modal-content{ font-family: '����'; font-size: 12px; border-radius: 0; padding: 20px; } .location-div{ color:#706E71; } .location-div input{ outline: none; line-height: 22px; border: 1px solid #F76968; } .location-div .city{ padding-top: 5px; } .location-div label{ font-weight: normal; padding:3px 0 0 15px; float: left; } .location-div .search-ico{ margin: 5px 0 0 -22px; color: #F76968; } .location-div .search-city a, .location-div .nav-tabs a{ color: #616266; } .location-div .search-result span{ padding:0 10px; } .location-div .search-result{ margin-bottom: 20px; } .location-div .search-result, .location-div .search-result a, .location-div .tab-content, .location-div .tab-content ul li a{ color: #A8ACAF; line-height: 20px; } .location-div .nav-tabs li{ float: left; padding: 0 11% 0; } .location-div .nav > li > a{ padding: 0; } .location-div .nav-tabs li:first-child{ padding:0 24px 0 0; } .location-div .nav-tabs li:last-child{ padding:0 0 0 34px; } .location-div .nav-tabs { border-bottom: 1px solid #ddd; } .location-div .nav-tabs .font-size{ font-size: 14px; } .location-div .nav-tabs>li.active>a, .location-div .nav-tabs>li.active>a:hover, .location-div .nav-tabs>li.active>a:focus{ color: #F76968; cursor: default; background-color: #fff; border: none; border-bottom:1px solid #F76968; border-radius: 0; padding: 0 2px 7px; } .location-div .nav>li>a:hover, .location-div .nav>li>a:focus { text-decoration: none; background-color: #fff; } .location-div .tab-content ul li{ float: left; padding: 0 8px 0; } .location-div .tab-content .row{ padding: 18px 0; } .location-div .tab-content .font-size{ padding-right: 10px; } .wonderful{ margin-top: 2%; } .wonderful .wonderful-fl{ border:1px solid #D2D2D2; padding: 2% 3%; } .wonderful .join-people{ border:1px solid #D2D2D2; } .wonderful .carousel{ margin-top: 10px; } .wonderful .join-people .join-img{ width: 30px; height: 30px; border-radius: 50%; } .wonderful .join-people div{ padding:0; } .wonderful .join-people>.col-xs-2{ width:12.666667%; } .wonderful .join-people span{ font-size: 15px; color:#A9A9A9; display: inline-block; margin-top: 10px; padding-left: 5px; } .wonderful .carousel-inner{ width: 96%; } .wonderful .carousel-inner > .item{ -webkit-perspective: none; perspective: none; } .wonderful .carousel-inner > .item ul li a{ margin:0 6px; } .wonderful .carousel-control{ width: 15px; font-size: 16px; } .wonderful .carousel-control.left, .wonderful .carousel-control.right{ background-image:none; color: #A9A9A9; } .wonderful .carousel-control.right{ right: 20px; } .wonderful .wonderful-cont{ font-family: '����'; padding: 5% 10%; } .wonderful .evaluate .evaluate-top{ margin-bottom:10px; } .wonderful .wonderful-cont h5, .wonderful .evaluate .evaluate-top span{ font-size: 16px; font-weight: bold; color: #606977; } .wonderful .evaluate .evaluate-top small, .wonderful .evaluate .evaluate-cont small>a{ color: #606977; } .wonderful .wonderful-cont .write-time{ color: #A9A9A9; margin-bottom: 20px; } .wonderful .wonderful-cont .article p{ font-size: 12px; text-indent: 2em; color: #A9A9A9; line-height: 20px; letter-spacing: 2px; text-justify : auto; text-align:justify; } .wonderful .evaluate .join-img{ width: 30px; height: 30px; border-radius: 50%; } .wonderful .evaluate .evaluate-cont small{ color: #A9A9A9; } .wonderful .evaluate p{ font-size: 12px; color: #898989; } .wonderful .evaluate .col-xs-1{ padding:0; } .wonderful .evaluate .col-xs-1 img{ margin-top:8px; } .wonderful .evaluate .evaluate-cont:before{ content: ""; position: absolute; left: 10px; top: -10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #EFEFEF; font-size: 0; line-height: 0; } .wonderful .evaluate .evaluate-cont{ background-color: #EFEFEF; padding: 10px; position: relative; } .wonderful .reply textarea{ font-size: 12px; border:1px solid #EFEFEF; color: #898989; outline: none; } .wonderful .reply textarea:focus{ border:1px solid #009CFF; } .wonderful .reply .howmany{ text-align: right; color: #009CFF; } .wonderful .reply button{ padding: 4px 18px; border:none; background-color: #009CFF; color: #fff; } .wonderful .pagination-div ul li{ float: left; } .wonderful .pagination-div .pagination > li > a, .wonderful .pagination-div .pagination > li > span, .wonderful .pagination-div .pagination > li > span a{ padding: 0 6px; color: #333; border: none; } .wonderful .pagination-div .pagination > .active > a, .wonderful .pagination-div .pagination > .active > span, .wonderful .pagination-div .pagination > .active > a:hover, .wonderful .pagination-div .pagination > .active > span:hover, .wonderful .pagination-div .pagination > .active > a:focus, .wonderful .pagination-div .pagination > .active > span:focus{ background-color: transparent; border-color: transparent; } .wonderful .wonderful-fr{ border: 1px solid #D2D2D2; margin-left: 15px; padding:10px 15px; } .wonderful .wonderful-fr .mystuan-middle-title{ margin-top: 26px; } .wonderful .wonderful-fr .hot-cont{ padding: 10px 0; border-top: 1px solid #D2D2D2; } /*.wonderful .wonderful-fr .hot-cont:last-child{ border-bottom: none !important; }*/ /*//�ϴ�ͼƬ*/ /*.album-old{ position: absolute; }*/ .album-old { width: 100%; height: 300px; background: url(../images/mall/addpic.png) no-repeat; background-position: 100% 100%; background-size: 100% 100%; top:0px; left:15px; z-index: 1; } .upload-btn { /*position: absolute;*/ width: 100%; height: 100%; z-index: 2; } .upload-btn input { width: 100%; height: 100%; cursor: pointer; opacity: 0; } .upload-img { position: absolute; left:0px;top:0px; z-index: 1; overflow: hidden; } .upload-img.loading { background:url(../images/mall/loading.gif) no-repeat center; } .upload-img img { opacity: 0; } .album-old #img0{ height: 300px !important; } .album-old .upload-img { width: 50%; height: 50%; left: 24px; top: 20px; } @media(max-width:1226px){ .location-div .modal-dialog { width: 500px; } .location-div .nav-tabs li{ padding: 0 7% 0; } } @media(max-width:1200px){ .community-mystuan .hot-more .pagination-div .pagination > li > a, .community-mystuan .hot-more .pagination-div .pagination > li > span{ margin: 0 2px; } .community-mystuan .hot-more .pagination-div .pagination > li > span a{ padding: 4px 10px; } .wonderful .join-people span{ font-size: 12px; margin-top: 14px; } .wonderful .carousel-inner > .item ul li a{ margin:0; } } @media(max-width:991px){ .community-mystuan .hot-left, .community-mystuan .hot-right{ padding-left:10px; } .community-mystuan .hot-right{ padding-right: 0; } .community-mystuan .hot-right .hot-cont:nth-child(2n+1), .community-mystuan .hot-right .hot-cont:nth-child(2n){ border-left: 1px solid #d1d1d1; } .community-mystuan .hot-more .pagination-div .pagination > li > span a{ padding: 4px 2px; } .wonderful .join-people>.col-xs-2{ width: 14.666667%; } } @media(max-width:850px){ .location-div .modal-dialog { margin: 12% 24%; } .location-div .nav-tabs li{ padding: 0 7% 0; } } @media(max-width:743px){ .community-mystuan .hot-more .pagination-div .pagination > li > a, .community-mystuan .hot-more .pagination-div .pagination > li > span{ margin: 0 0; } .community-mystuan .hot-more .pagination-div .pagination > li > span a{ padding: 4px 2px; } .community-mystuan .hot-more .pagination-div .pagination > li > a{ width: 24px; } } @media(max-width:757px){ .cate_nav li a{ padding:5px; line-height: 50px; } .location-div .modal-dialog { margin: 12% 16%; } } @media(max-width:618px){ .location-div .modal-dialog { margin: 12% 6%; } } @media(max-width:560px){ .cate_nav li a{ padding:0; line-height: 0; } .location-div .modal-dialog { width: 345px; margin: 12% 10%; } .location-div .nav-tabs li { padding: 0 2% 0; } .location-div .city{ padding: 5px 0 0 12px; } .cate_nav li.on>.cat_0_nav a:after{ top: 2px; } .cate_nav li.on>.cat_1_nav a:after, .cate_nav li.on>.cat_2_nav a:after, .cate_nav li.on>.cat_3_nav a:after{ top: 10px; } }@media(max-width:414px) { .community-mystuan .wonderful-info img { width: 350px; height: auto; } .wonderful-info .padd-fr h5{ font-size: 12px; } } .howmany .suifaLengthTip,.replyLengthTip { font-size: 20px !important; font-family: Constantia, Georgia !important; } .btn-disabled { background-color: #71c6ff !important; }