@font-face {
font-family: 'ProximaNova';
src: url("../fonts/ProximaNova-Regular.eot");
src: url("../fonts/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Regular.woff2") format("woff2"), url("../fonts/ProximaNova-Regular.woff") format("woff"), url("../fonts/ProximaNova-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'BigNoodleTitling';
src: url("../fonts/big_noodle_titling-webfont.eot");
src: url("../fonts/big_noodle_titling-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/big_noodle_titling-webfont.woff2") format("woff2"), url("../fonts/big_noodle_titling-webfont.woff") format("woff"), url("../fonts/big_noodle_titling-webfont.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Glyphicons Halflings';
src: url("../fonts/glyphicons-halflings-regular.eot");
src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
a:link,a:hover,a:visited,a:active{text-decoration: none;outline: none;}
.list-btn a{cursor: initial;}
.comtent-reply .com-text .list-btn a{cursor: pointer;} 
.list-btn .btn-share{cursor: pointer;}
.header,.container,.footer{padding: 0 4%;}
.max-img{width: 100%;}
.mr10{margin-right: 10px;}
.clear{clear: both;}
.h{display: none;}
.m0{margin: 0;}
*:focus{outline: none;}
ul{padding: 0; margin: 0;}
li{list-style: none; }
#myEditor li{
list-style: inherit;
}
.fixedTop{
    position: fixed;
    top: 60px;
    width: 380px;
}
/* #bottom_box{
	z-index: 9;
    position: relative;
} */
.max-container{min-height:800px;}
.user-messName{padding-left: 10px;line-height: 86px;}
.messageImg{width: 50px;height: 50px;line-height: 50px;text-align: center; background: #ccc;border-radius: 100%;float: left; overflow: hidden;margin-right: 20px;}
.text .user-messName .user-messpan{font-size: 16px; font-weight: bold;color: rgba(51,122,183,1);}
.com-text div.short-desc{margin-bottom: 10px !important;}
.com-text .short-desc p{margin-bottom:0px !important;}
.short-desc li{
list-style: inherit;
}
.title-text{background:#f9f9f9;}
/* 帖子标识 start*/
.container .text .list-r .list-title{width:auto;max-width:80%;}
.cookie_content{float: left;width:80%;word-break: break-all; word-wrap:break-word;}

.sign_images{padding-left: 8px;margin-top: 50px;}
#sign_clearfix .list-title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 80%;display: block;float: left;}
#sign_clearfix0 img{min-width:46px;min-height:16px;max-width: 72px;max-height: 24px;padding-left: 0px;margin-top: 0px !important;}
#sign_clearfix .sign_images{height:28px;width:auto;margin-top: 50px !important;}
#sign_clearfix0 .list-title{overflow: hidden;word-break: break-word;display: block;float: left;}
.list-item .list-user{ width: 100%; height: auto; overflow: hidden;float:left;}
#sign_clearfix1 img{min-width:46px;min-height:16px;max-width: 72px;max-height: 24px;padding-left: 8px;margin-top: 30px !important;margin-bottom: 10px;}
#sign_clearfix1 .list-title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 80%;display: block;float: left;}

.text-body .sign_short .sign_follow img{min-width:42px;min-height:42px;max-width:180px;max-height:90px;float:right;}
.sign_short .sign_follow img{min-width:46px;min-height:16px;max-width: 72px;max-height: 24px;padding-left: 8px;margin-top: 0px;}
.text-box .text-title .sign_follow img{min-width:46px;min-height:16px;max-width: 72px;max-height: 24px;padding-left: 0px;margin-top: 0px;}
.sign_follow img{min-width:46px;min-height:16px;max-width: 72px;max-height: 24px;padding-left: 8px;margin-top: 50px;}
.details-left .details-cont .text-body{position: relative;}
.sign_short{position: absolute;right: 0;top: 0;width: 180px;height: 42px;}
td{max-width: 160px;border: 1px solid #ccc;text-align: center !important;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.text-body .short-desc p{margin-top:10px;}
/* 帖子标识end */
body{ font-family:"ProximaNova"; color: #333;background: #f9f9f9;}
/* a{ color: #000;} */
.deg180{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;}
.deg90{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);transform: rotate(90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
.deg18{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
.deg-90{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);transform: rotate(-90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-1);}
.top-banner{position: relative; overflow: hidden; width: 100%; height: 70px; background: #666;}
.top-banner-title{font-size: 65px;font-family: "BigNoodleTitling"; color: #fff; text-align: center; position: absolute; z-index: 10; top: 40%; left: 0; width: 100%; z-index: 8; }
.font-Heart-fill{color: #00b2e6;}
.com-item .list-btn span.font-Heart-fill{color: #00b2e6;}
.com-item .com-text .list-btn a .f-Comment{word-break: break-word;}
/*头部*/
.header{background: #1d1d1d; width: 100%; height: 60px; color: #fff;}
.header .tool{ width: 100%; height: 100%; font-size: 12px;}
.header .tool a{color: #fff; display: inline-block;}
.header .tool a.logo-link{position: absolute;    left: 47%;}
.header .tool .link-r .link-item a{font-size: 20px;}
.header .tool .link-r .link-item.one a{font-size: 14px;}
.header .tool .link-r .link-item > a span{ font-size: 14px;}
#video-dialog .modal-dialog .modal-content .close-video-btn, .header .tool .link-r .link-item > a span{ font-family:"ProximaNova" !important;}
.header .tool .link-r .link-item > a{ line-height: 60px;}
.header .tool .link-r .link-item .font-sign{ margin-left: 40px;}
.header .tool .link-l{width:45%;float: left;}
.header .tool .link-l a{margin-right: 30px;}
.header .tool .link-r{width:45%;float: right;height: 60px;text-align: right;cursor: pointer;}
.header .tool .link-r .link-item{display: inline-block; margin: 0; position: relative;}
.header .tool .link-r .link-item:hover a{color: #00b2e6;}
.header .tool .link-r .link-item a{margin-left: 12px;}
.header .tool .link-r .link-item .user-nav{width: 230px; padding: 0 40px; height: 220px;background: #fff; position: absolute;top: 60px;right: 0; z-index: 99;}
.header .tool .link-r .link-item .arrow{width: 55px;height: 4px;background: #00b2e6; position: absolute;top: -4px;right: 0;}
.header .tool .link-r .link-item .user-nav li{text-align: center; border-top: 1px solid #ececec; line-height: 50px;}
.header .tool .link-r .link-item .user-nav li a{color: #666; font-size: 14px;}
.header .tool .link-r .link-item .user-nav li a:hover{color: #00b2e6;}
.header .tool .link-r .link-item .user-nav a.btn-log,.header .tool .link-r .link-item .cart-info a.btn-log{background: #00b2e6;    border-radius: 25px; color: #fff; width: 100%; text-align: center; margin: auto; height: 50px; line-height: 50px;    font-size: 16px;}
.header .tool .link-r .link-item .user-nav a.btn-log:hover,.header .tool .link-r .link-item .cart-info a.btn-log:hover{color: #fff;}
.header .tool .link-r .link-item .cart-info{width: 300px;height: auto; color: #333; padding-bottom: 200px;  background: #fff; position: absolute;top: 50px;right: -15px; z-index: 99; line-height: 1;}
.header .tool .link-r .link-item .cart-info .cart-title{text-align: center; font-weight:bold; font-size: 14px; line-height: 50px; margin: 0 30px; border-bottom: 1px solid #dadada;}
.header .tool .link-r .link-item .cart-info li{width: 100%; float: left;overflow: hidden; padding: 20px 30px;}
.header .tool .link-r .link-item .cart-info li .font-Delete{ position: absolute; right: 0; top: 20px; cursor: pointer;color: #1d1d1d;}
.header .tool .link-r .link-item .cart-info .cart-text{overflow: auto; padding-left: 20px; position: relative; color: #00b2e6;}
.header .tool .link-r .link-item .cart-info .cart-text p{width: 60%; line-height: 1.2;font-weight: bold;}
.header .tool .link-r .link-item .cart-info .cart-text .num{color: #1d1d1d;}
.header .tool .link-r .link-item .cart-info .cart-img{width: 80px; height: 60px; float: left; border: 1px solid #dadada;}
.header .tool .link-r .link-item .cart-info .cart-foot{background: #dadada;width: 100%; height: 200px; color: #333; text-align: center; padding: 10px 20px 0 20px; position: absolute;bottom: 0;left: 0;}
.header .tool .link-r .link-item .cart-info .cart-foot p{text-align: left;line-height:1.5; margin: 0;}
.header .tool .link-r .link-item .cart-info .cart-foot p.zj{font-weight: bold;font-size: 14px; margin-bottom: 20px;}
.header .tool .link-r .link-item .cart-info .cart-foot p.zj span{float: right;}
.header .tool .link-r .link-item .cart-info .cart-foot p.tip{height: 30px; line-height: 30px; margin-top: 20px;}
.header .tool .link-r .link-item .cart-info .cart-foot p.tip span{margin-right: 5px;}
.header .tool .link-r .link-item .cart-info a.btn-log{max-width: 180px;}
.header .tool .link-r .link-item a .totalMessageCount{position: absolute;top: 15px;left: 30px;width: 15px;height: 15px;background: red;line-height: 15px;text-align: center;border-radius: 50%;}
.link-item .icon-search,.link-item .icon-user,.link-item .icon-cart{background: url(../img/icon.png) no-repeat; width: 20px; height: 20px; float: left;}
.link-item .icon-search{background-position: 0 -30px; margin-top: 18px;}
.link-item .icon-user{background-position: 0 -60px; margin-top: 18px;}
.link-item .icon-cart{background-position: 0 -90px;}
.header .tool .link-r .line{height: 24px; line-height: 24px; margin-top:18px; margin-left: 15px;  width: 1px; background: #999; display:inline-block;}
.header .nav{padding: 0 4%; position: absolute;/* top: 120px; */left: 0; width: 100%; height: 70px;background:url(../img/nav-bg.png) repeat; z-index: 9;}
.header .nav .nav-list{ float: left; padding: 0;}
.header .nav .nav-list ul{padding: 0; margin: 0;}
.header .nav .nav-list li{float: left; font-size: 12px; line-height: 70px; color: #666;}
.header .nav .btn-box .msg-box .tabs-cont .cont #messageul li div a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.header .nav .nav-list li.more{position: absolute;right: 6.25%;top: 0;}
.header .nav .nav-list li a.logo-link{ padding: 0 20px 0 0;}
.header .nav .nav-list .sub-menu{border-top:1px solid #dadada; position: absolute; width: 100%; background: #fff;left: 0;padding: 0 4%;}
.header .nav .nav-list .sub-menu.pro{height: 250px; padding-right:250px;overflow: hidden;}
.header .nav .nav-list .sub-menu.pro a.more{margin-top: 50px; color: #00b2e6;}
.header .nav .nav-list .sub-menu.pro a{padding-top: 40px;    text-align: center;    line-height: 30px;}
.header .nav .nav-list .sub-menu.pro a img{width: 120px; height: 120px;}
.header .nav .nav-list .sub-menu li{border: 0; float: left; line-height: 50px; height: 50px;}
.header .nav .nav-list li .sub-menu a{color: #333; width: 100%; overflow: hidden;white-space: nowrap;text-overflow:ellipsis; display: inline-block;}
.header .nav .nav-list li a{color: #fff;padding: 0 20px; display: inline-block;    width: 100%;}
.header .nav .nav-list li a .fa{margin-left: 10px; font-size: 12px;}
.header .nav .nav-list li a .nav-text{max-width: 120px; float: left; overflow: hidden;white-space: nowrap;text-overflow:ellipsis; display: inline-block;}
.header .btn-box{ float: right; position: relative;}
.btn-box .btn-msg{width: 24px; height: 24px; margin-top: 23px; float: left;color: #fff; font-size: 24px; display: inline-block; position:relative;}
.btn-box .btn-msg i,.msg-box .tabs li i{position: absolute;width: 18px; height: 18px;line-height: 18px; font-style: normal;border-radius: 100%;right: -6px; top: -6px; background: #ff0000; color: #fff; font-size: 12px; text-align: center;}
.btn-create{ font-size: 14px; font-weight: bold; margin-top: 15px; margin-left: 40px; padding: 0 20px; color: #fff; background: #02b4e1; border-radius: 25pt; display:inline-block; /* min-width: 170px; */ height: 40px; line-height: 40px;}
.btn-create:hover{ color: #fff;}
.form-control{border:0px;padding: 6px 5px;}

.msg-box{width: 395px;  background: #fff; position: absolute;right: 140px;top:70px; z-index: 999;}
.msg-box .arrow{width: 40px; height: 5px; background: #fff; position: absolute;top: -5px;right: 0; text-indent: -99999px;}
.msg-box .tabs{border-bottom: 1px solid #dadada; overflow: hidden; margin: 0;}
.msg-box .tabs li{width: 50%; float: left; text-align: center;}
.msg-box .tabs li a{color: #666; font-weight: bold; height: 65px; line-height: 65px; display: inline-block; position: relative;}
.msg-box .tabs li.on a{color: #00bce8;}
.msg-box .tabs li i{top: 10px;right: -30px;}
.msg-box .tabs-cont ul{height: 430px; overflow-y: auto; color: #000;}
.msg-box .btn-bottom{background: #00b2e6; height: 70px; line-height: 70px;width: 100%;text-align: center;}
.msg-box .btn-bottom a{color: #fff;padding:0 20px;font-size: 12px;text-transform: uppercase; border-left: 1px solid #fff;}
.msg-box .btn-bottom a:first-child{border:0;}
.msg-box .cont li{padding:20px;border-bottom: 1px solid #dadada; width: 100%;min-height: 100px;}
.msg-box .cont li a{color: #00b2e6; display: block;overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
.msg-box .cont li:hover a{background: #f9f9f9; }
.msg-box .msg-pic{border-radius: 100%; width: 48px; height: 48px;  overflow: hidden; float: left; margin-right: 20px;}
.msg-box .msg-text{overflow: auto;}
.msg-box .msg-text p{margin: 0; font-size: 14px;}
.msg-box .msg-text .msg-i{font-size: 14px; color: #00b2e6;}
.col-md-6 .row{padding-left:0px !important;}	
.col-md-6 .row .col-xs-3{padding-left:0px !important;}


.msg-box .msg-text .msg-i a img{
	width:20px;
	height:20px;
}
.title-name h1{margin-top:0;white-space: nowrap; text-overflow: ellipsis;width: 100%;height: 70px;overflow: hidden;font-size:28px;}
.navbar-header{float: left; font-size: 20px; color: #ccc; margin-top: 18px;}
.navbar-right{ float: right; padding: 15px 0;}
.navbar-right li{ display: inline-block;}
.state-box{ width: 100%; height: 200px; padding-top: 20px; text-align: center;}
.state-box span{color: #00b2e6; font-size: 50px;}
.state-box p{ color: #1d1d1d; font-weight: bold; line-height: 30px;}
/*弹窗改造*/
.modal-footer .fa{font-size: 45px; color: #999; float: left;display:none; }
.modal-footer .fa.other{font-size: 45px;margin-left: 20px;line-height: 48px;}
.btn-send{padding: 0 40px; height: 50px; line-height: 50px; text-align: center;background: #00b2e6; display: inline-block; color: #fff; font-weight: bold; font-size: 14px;border-radius: 25px; min-width: 170px;}
.btn-send:hover{color: #fff;}
.msg-to{margin-bottom: 10px; }
.txt-parent #header_msg_error{padding: 0 15px;}
.txt-parent #msg_error{padding: 0 15px;}
.modal-dialog .modal-content .modal-body .msg-to{padding-left: 30px;}
.msg-to .to{display: inline-block; margin-right: 10px;}
.msg-to .msg-select{ display: inline-block; width: 93%;position: relative;}
.msg-to .sel-user-list{position: absolute; right: 0; top: 30px; width: 100%; height: 200px; overflow: auto; background: #fff; display: none; z-index: 99;}
.msg-to .sel-user-list li{height: 40px; line-height:40px; padding: 0 10px; cursor: pointer;}
.msg-to .sel-user-list li:hover{background: #f0f0f0;}
.msg-to .sel-user-list li .icon-user{width: 35px; height: 35px; border-radius: 100%; overflow: hidden; display:inline-block; float: left; margin-right: 10px;}
.msg-to .sel-user-list li .icon-user img{width: 100%; height: 100%;}
.msg-to .sel-user-list li .font{background: #e8e8e8; font-style: normal;}
.msg-to .sel-user{width: 100%; padding: 0 10px; border: 0; border-bottom: 1px solid #ccc; height: 30px; line-height: 30px;}
.msg-to .msg-user{display:none; border: 1px solid #00b2e6; color: #00b2e6; height: 24px; line-height: 24px; border-radius: 10px; padding: 0 15px; }
.msg-to .msg-user i{ margin-left: 10px;font-style: normal; font-size: 20px; float: right; cursor: pointer;}
.modal-title{font-size: 28px;font-family: "BigNoodleTitling"; color: #1d1d1d; text-align: center; }
.txt-parent{position: relative;}
.txt-body{border-radius: 10px; border: 0px; height: 200px; background: #f0f0f0; padding: 15px;resize: none;overflow-y: auto;width:94%;margin:0 3%;}
.txt-body img{width: 30px; height: 30px;}
.txt-parent .smiley-box{display: none; position: absolute; left: 0; top: 0; background: #f0f0f0; border-radius: 10px; width: 100%; height: 100%; padding-top: 20px;}
.txt-parent .smiley-box li{width: 20%; text-align: center; float: left; height: 80px; padding-top: 15px; cursor: pointer;}
.font-smiley.on{color: #00b2e6;}
.update-box{background: #f0f0f0; color: #1d1d1d; font-size: 14px; border-radius: 10px; height: 320px; padding-top: 50px; margin-bottom: 20px; text-align: center; }
.update-box p{margin: 20px 0 30px 0;}
.update-box .btn-select{ padding: 0 40px; height: 50px; line-height: 50px; background: #00b2e6;display: inline-block; color: #fff; font-weight: bold; font-size: 14px;border-radius: 25px; min-width: 170px;}
#updateimg{padding-right: 17px;}
.update-box .font-upload{font-size: 120px; color: #666;}
.modal-backdrop.in{filter:alpha(opacity=80);opacity:.8}
.close{filter: alpha(opacity=100); opacity:1; color: #eee; font-weight: normal; font-size: 30px;}
.close:hover{filter: alpha(opacity=100); opacity:1; color: #fff; font-weight: normal; font-size: 30px;}
.modal-header .close {    margin-top: -70px; }
.modal-footer,.modal-header{border: 0;}
.modal-header{padding: 40px 0 30px 0;}
.modal-body{padding: 0;overflow: hidden;}
.search-box{width: 100%; height: 100%; background: #fff; display: none; position: fixed; left: 0;top: 0; z-index: 999;}
.search-box .search-tool{width: 960px; margin:150px auto 0 auto;color: #999; position: relative;}
.search-box .search-tool .font-Cross{position: absolute;top: -70px;right: 0; cursor: pointer; color: #666; font-size: 20px;}
.search-box .search-tool .font-Search{position: absolute;top: 12px;right: 0;z-index: 99;cursor: pointer;}
.search-box .search-tool .search-text{width: 100%;padding: 10px 30px 10px 0; border: 0; position: absolute;left: 0;top: 0;border-bottom: 1px solid #1d1d1d; color:#000;}
.search-box .search-list{width: 960px; margin:auto;padding-top: 50px;}
.search-box .search-list p a{color: #7cd5ef; width: 100%; display: inline-block;}
.font-UserPic img{ border-radius: 100%; width: 24px; height: 24px; margin-top: -4px;}
#queryDiv .tabs-cont .title .sign_images{display:none;}
#sign_choose th,td{border:1px solid #ccc;}
.sign_button input{width:80px;margin: 15px 10px;border: 1px solid #02b4e1;color: #02b4e1;border-radius: 10px;padding: 0px 10px;background: rgb(247, 247, 247);}
.sign_button input:first-child{background:#02b4e1;color:rgb(247, 247, 247);}
#sign_choose table thead tr{height:35px;}
.date-time #sign_choose th{text-align:center;}
.com-text .short-desc p{word-break: break-word;}
/* 首页视频 */
.clearfix .user-info{line-height:32px;}
.tabs-cont .cont ul li .row .col-md-3 a{cursor: inherit;}
#video-dialog .modal-dialog .modal-content{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin-top: -60px;}
#createmsg .modal-dialog .modal-content{height: 500px !important;}

/*banner*/
.banner{font-family: "BigNoodleTitling"; position: relative; /*height: 435px;*/ overflow: hidden;}
.banner a{ width: 100%;}
.banner .banner-text{ position: absolute;width: 100%; left: 0; top: 0; color: #fff;text-align:center;padding-top: 8%;}
.banner .banner-text h1{font-size: 64px;}
.banner .banner-text h2{font-size: 38px;}
.banner .swiper-container {width: 100%;height:100%;}
.banner .swiper-slide {text-align: center; font-size: 18px;background: #fff; overflow: hidden;
  /* Center slide text vertically */
  display: -webkit-box;display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;
  -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center;align-items: center;}
 .Country_Region{font-family: 'BigNoodleTitling';font-size: 38px;line-height: 40px;color: #1d1d1d;}
 
.swiper-container-vertical>.swiper-pagination-bullets{right: 6.25%;}
.banner.two .swiper-container-vertical>.swiper-pagination-bullets{top: 40%}
.banner .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 10px 0;width: 75px; height: 75px;}
.banner .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{border: 2px solid #fff;opacity: 0;}
.swiper-pagination-bullet{ background: #fff; width: 16px; height: 16px; opacity: 1;}
.swiper-pagination-bullet-active{ background: #02b4e1;}
/*内容*/
.container{width: 100%; min-height: 500px; max-width: 1280px; background: #f9f9f9;}
.container.home{ margin-top: 2%;}
.cont-list .tabs{width: 50%;padding: 0;margin: 0px auto 30px auto;height: 40px; line-height: 30px; background: #f9f9f9;}
.cont-list .tabs li{width: 50%; float: left; text-align: center;}
.cont-list .tabs li a{position: relative; letter-spacing: 2px; font-size: 12px; padding:0 5px 10px; font-weight: bold; color: #666;}
.cont-list .tabs li.on a{border-bottom: 2px solid #00b2e6;color: #00b2e6;}
.cont-list .tabs li a .fa{display: none; position: absolute; bottom: -8px;left:45%;color: #00b2e6;}
.cont-list .tabs li.on a .fa{display: block;}
.container .item li{width: 100%; overflow: hidden; border-bottom: 1px solid #ddd; padding: 20px 0;}
.container .list-l{ overflow: hidden;padding: 20px 0 0 0; position: relative;}
.container .list-l img{width: 100%; height: 210px; border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.container .list-name{position: absolute;left: 0; top: 20px;padding: 0 30px; height: 30px; line-height: 30px; background: #1d1d1d; color: #fff;border-top-left-radius:10px;}
.container .text .list-name{top: 0;}
.container .text .list-r .list-title{height: 28px; margin-top: 45px;white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.container .text .list-r{width: 100%;}
.container .list-r{border: 1px solid #dadada; background: #fff; height: 244px;border-radius: 10px; padding: 0 20px; position: relative;}
.container .list-r .list-title{font-size: 24px; font-weight: bold; color: #00b2e6; margin: 25px 0 10px 0; float: left; line-height: 1.2;width: 100%; max-height: 56px; overflow: hidden;}
.container .list-r .list-detail{ font-size: 14px; height: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.container .list-r .list-user{ margin-top: 20px;}
.container .list-r .list-user img{border-radius: 100%; width: 44px; height: 44px; margin-right: 10px;}
.container .list-r .list-user .user-name{color: #00b2e6;}
#userTopics .list-r .list-user .user-name{cursor: auto;}
.container .list-r .list-user .user-pic{float: left;}
.container .list-r .list-user .user-info{display: inline-block; float: left; margin-top: 15px;}
.container .list-r .list-btn{ margin-top: 20px;}
.container .list-r .list-btn span[class^="font-"]{color: #666; float: left;margin-left: 10px;font-size: 22px;}
.container .list-r .list-btn span.font-Heart-fill{color: #00b2e6;}
.container .list-r .list-btn .num{ float: left; margin-left: 10px; color: #666;text-decoration: underline;}
.more-line{margin-bottom: 50px;}
.btn-more{font-size: 14px; font-weight: bold; margin: 0 auto; padding: 0 40px; letter-spacing: 2px; color: #1d1d1d; border:2px solid #1d1d1d; border-radius: 25pt; display:inline-block; min-width: 170px; height: 50px; line-height: 50px;}
.btn-more .fa{margin-right: 10px;}
.container .sidebar{width: 94%; float: right; margin-bottom: 40px;}

.login-box{border-radius: 10px; background: #fff; border: 1px solid #ddd; color: #1d1d1d; overflow: hidden;width: 100%; padding: 30px 0; text-align: center;}
.login-box h2{display: none;}
.login-box h2.before-title{ font-size: 14px; margin: 20px 0 30px 0; text-align: center; display: block; }
.login-box h2.after-title{color: #fff; font-size: 24px;font-family: "BigNoodleTitling"; text-align: center;margin: 20px 0 30px 0; }
/* .login-box .login-cont{width: 100%; float: left; line-height: 56px;} */
.login-box .btn-login{border-radius: 30px; color: #fff; height: 50px; line-height: 50px; display:block; background: #02b4e1; font-size: 16px; margin: 20px auto 0; min-width: 240px;display:inline-block;*display:inline;*zoom:1; }



.tags-box{ margin-top: 40px;width: 100%; text-align: center; }
.tags-box h2.tags-title{color: #333; font-size: 38px; margin-bottom: 20px;font-family: "BigNoodleTitling";}
.tags-box a{color: #fff;display: inline-block; font-size: 12px; padding: 0 30px; margin:10px; height: 30px; line-height: 30px;border-radius: 25pt;}
.tags-box a.tags-a{background: #1d1d1d;}
.tags-box a.tags-b{background: #1d1d1d;}
.tags-box a.tags-c{background: #999;}

.video-box{border-radius: 10px;border:1px solid #dadada; overflow: hidden; margin-top: 30px; background: #fff; position: relative;}
.video-box img{width: 100%;}
.video-play-btn img{width: 100%;min-height: 173px !important;}
.video-box .fa{ font-size: 78px; position:  absolute; left: 42%; top: 30%; background:  #fff; border-radius:  100%; display: block; width: 64px; height: 64px; line-height: 64px; opacity:  0.6;}
.video-box a:hover .fa{ color: #000; opacity: 0.8;}
.video-box .video-text{margin: 20px 10px; height: 60px; overflow: hidden;}
.video-box h4{ padding: 5px 10px; color: #676767;}
.r-title{ font-size: 17px; text-align: center; height: 60px; line-height: 60px; border-bottom: 1px solid #ddd; margin: 0; text-transform: uppercase;}
.tab-box,.users-box{ border-radius: 10px;border:1px solid #dadada;margin-top: 40px; overflow: hidden; background: #fff;}
.users-box .user-otherInfo{ margin-bottom: 0; font-size: 16px;}
.container .tabs{width: 100%;padding-top: 30px; height: 65px; line-height: 30px;}
.container .tabs li{width: 50%; float: left; text-align: center;}
.container .tabs li a{position: relative;
    letter-spacing: 2px;
    font-size: 18px;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #1d1d1d;
    display:block;
    height: 35px;
    font-family: "BigNoodleTitling";
    margin: 0;}
    
.user-pic-delete{width: 85px;height: 85px;}
.container .tabs li.on a{border-bottom: 2px solid #00b2e6;color: #00b2e6;}
.container .tabs li a .fa{display: none; position: absolute; bottom: -8px;left:45%;color: #00b2e6;}
.container .tabs li.on a .fa{display: block;}
.com-change-top{float: right;position:relative;}

.tab-box .tabs,.users-box .tabs{ background: #f0f0f0;}
.tab-box .cont, .users-box .cont{padding:0 20px;}
.tab-box .cont li{border-top: 1px solid #ccc; overflow: hidden; padding: 20px 0;font-size: 14px;}
.tab-box .cont li:first-child{ border: 0;}
.tab-box .cont li .pic{width: 72px; height: 72px; border: 1px solid #dadada; border-radius: 10px; overflow: hidden; float: left; margin-right: 10px;}
.tab-box .cont li .text{overflow: auto; color: #333;}
.tab-box .cont li .pic img{width: 100%; height: 100%;}
.tab-box .cont li .text .title{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 20px; margin-bottom: 0;}
.tab-box .cont li .text .sub{max-height: 50px; overflow: hidden; color: #cecece; margin-bottom: 0;}

.tab-box .cont li .author{margin-top: 10px; padding:0 15px;}
.tab-box .cont li .author .col-md-9,.tab-box .cont li .author .col-md-3{padding: 0;}
.tab-box .cont li .author p{color: #666; margin-bottom: 0; line-height: 1;}
.tab-box .cont li .author a{color: #00b2e6;cursor: pointer;}
.tab-box .cont li .author .num{ color: #888; line-height: 24px; font-size: 20px;}
.tab-box .cont li .author .col-sm-4{ margin-top: 10px; text-align: right;}
.tab-box .cont li .author span[class^="font-"]{margin:0 10px 0 0; font-size: 22px;color: #999;line-height:37px;}
.users-box .cont li{ color: #666; font-size: 12px; float: left; width: 100%; padding: 20px 0; border-bottom: 1px solid #ddd;}
.users-box .cont li a{color: #666}
.users-box .cont li .user-pic{width: 74px; height: 74px; position: relative; float: left; margin-right: 10px;}
.home .users-box .cont li .user-pic{width: 64px; height: 64px;}
.users-box .cont li .user-pic .min-img{border-radius: 100%; width: 100%;border: 1px solid #dadada;height: 100%}
.users-box .cont li .user-pic .online{width: 16px; height: 16px; bottom: 2px; left: 2px; background: #14ce21; border: 2px solid #fff; position: absolute; border-radius: 100%;}
.users-box li{ position: relative;}
.users-box .cont li a.followBtn{ color: #00b3d4; font-size: 24px; position: absolute; right: 0; top: 30px;}
.user-text{ font-size: 14px; margin: 10px 0 0; color: #000;}
.users-box .cont li .user-name{ float: left; margin-right: 10px;margin-top:0; width: 50%;}
.home .users-box .cont li .user-name{ width: 70%;}
.users-box .cont li a .user-name {float: left;margin-right: 10px;margin-top: 30px;width: 40%;}
.home .users-box .cont li a .user-name { width: 160px; margin-top: 0;}
.col-md-4 .sidebar .users-box .tabs-cont .cont ul li a .user-name{float: none !important;margin-right: 10px;margin-top: 0 !important;width: 40%;line-height: 40px;}
.users-box .cont li .name{ white-space: nowrap;overflow: hidden;text-overflow: ellipsis; color: #000; margin: 20px 0 0;}
.home .users-box .cont li .name{ margin: 0;}
/* .users-box .cont li .gen{margin-top: 30px; color: #0d0067; line-height: 22px; float: right;} */
.users-box .cont li .gen{ color: #0d0067; line-height: 22px; }
.users-box .cont li .font-batch{font-size: 24px; float: left;}
.padding0{padding: 0;}

.user-infos{display: none; background: #fff; border-radius: 10px; text-align: center; width: 320px; height: 360px; position:absolute;left: 0;top: 0; z-index: 8;    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgba(0,0,0,.5); }
.user-infos .fa{ color: #fff; font-size: 40px; position: absolute; left: 150px; top: -15px;}
.user-infos .info-img{width: 140px; height: 140px;border-radius: 100%; margin: 30px auto;}
.user-infos .info-name{font-size: 24px;color: #00b2e6; }
.user-infos ul{padding:0 35px; overflow: hidden;display:inline-block;}
.user-infos li{width: 25%; float: left; font-size: 14px;display:inline-block;}
.user-infos li a{color: #666;display:block;}
.user-infos li p{font-size: 12px;display:block;}
.user-infos .info-btn{height: 65px; line-height: 65px; background: #00b2e6; border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.user-infos .info-btn a{ color: #fff; padding:0 10%; text-align: center; border-left: 1px solid #fff;}
.user-infos .info-btn a:first-child{border: 0;}

.map-title{ color: #999; margin: 20px 0;}
.map-title a{color: #666;}
.map-title span{color: #666; font-size: 20px; margin: 0 20px 0 5px;}
.map-title span.font-Carousel-arrow-r{color: #666; font-size: 12px; margin: 0 20px 0 5px;}
/*分页*/
.page-box{padding: 25px 0; overflow: hidden;}
.page-box ul{float: right;}
.page-box li{border-radius: 5px; color: #1d1d1d; cursor: pointer; background: #f0f0f0; width: auto;min-width:30px; height: 30px; line-height: 32px; text-align: center; float: left; margin-left: 3px;}
.page-box li a{display:block;color: #1d1d1d;}
.page-box li.on{background: #fff;}
.page-box li.on.normal{ background: #f0f0f0;}
.page-box li:first-child,.page-box li:last-child{ font-size: 12px; line-height: 26px; background: #f0f0f0;}
/*尾部*/
.footer{width: 100%; overflow: hidden; background: #000; color: #ddd; padding: 20px 4%; font-size: 12px;}
.footer.clearfix .col-md-9{padding-left: 0;}
.footer p{ margin-bottom: 0;}
.footer .selectCountry{ border: 1px solid #ddd; border-radius: 30px; display: inline-block; padding: 0 20px; height: 40px; line-height: 40px; font-size: 16px; margin-top: 10px;}
.footer .selectCountry img{ max-height: 16px;}
.footer .selectCountry span{ margin: 0 5px;}
.footer-l ul{padding: 0; margin: 0; overflow: hidden;}
.footer .footer-l li{width: 25%; float: left;}
.footer .footer-l li h2{font-size: 22px;font-family: "BigNoodleTitling";}
.footer a{ color: #ddd; margin-right: 20px;}
.footer .footer-bottom{width: 100%; margin-top: 50px; text-align: center;  padding-top: 30px;font-size: 12px; }
.footer .footer-bottom .link p{color: #1d1d1d; line-height: 50px;}
.footer .footer-bottom .link a{color: #1d1d1d; font-weight: bold; line-height: 1.2; }
.footer .footer-bottom .link .line{margin: 0 5px;}

.tj-box.my{background: no-repeat; height: 90px; padding: 0; margin-top: 20px;}
.tj-box{ width: 100%; color: #fff;}
.bottom-logo p{ font-size: 12px;}
.tj-box .tj{padding: 35px 0; margin: 0;}
.tj-box .num, .tj-box .item-name{font-size: 24px;  text-align: center; margin-bottom: 2px; text-transform: uppercase;}
.tj-box .item-name{ font-size: 12px;}
.tj-line{background: #00b2e6; width: 100%; padding: 30px 4%;position: relative;}
.email-box{border-bottom: 1px solid #fff; margin-top: 20px; padding: 0 5%; width: 80%; float: left;}
.email-box a{color: #fff; font-size: 20px; float: right; margin-top: 5px;}
.id-text{ background: #00b2e6; width: 80%;  height: 30px; line-height: 30px; font-size: 14px; border: 0; color: #fff;}
.f-title{font-size: 12px;font-family: "BigNoodleTitling"; letter-spacing: 2px; margin: 10px 0 0;}
.f-text{ font-size: 12px;}
.line-l{border-left: 1px solid #fff; float: left; height: 50px; margin-right: 30px;}
.share{ margin-top: 10px;line-height: 50px;}
.fa-vk{font-size:30px !important;}
.share a{ color: #fff; font-size: 24px; margin-left: 38px;}
.share a.fa-facebook{margin-left: 0;}
.call-box{border-left: 1px solid #ccc;border-right: 1px solid #ccc; padding:0 20px;}
.call{font-size: 22px;    font-family: "BigNoodleTitling";}
.time p{font-size: 12px; text-align: left;}
.mail-line{color: #666;font-weight: bold; line-height: 30px; letter-spacing: 2px;}
.tel-line{font-size: 20px; color: #666;border-bottom: 1px solid #ccc; padding: 20px 0; margin-bottom: 0; overflow: hidden;}
.tel-line .tel{ float: left;}
.tel-line .fa{font-size: 30px; margin-right: 10px; float: left;}
.p100{padding-top: 100px;}
.p0{padding: 0 0 0 10px;}
.fr-img{float: left; margin-right: 10px; margin-bottom: 10px;}
.fr-text{display: inline-block; font-weight:bold; line-height: 1; margin-right: 10px;float: left;}
.fr-text p{font-weight: normal;color: #666;}
.btn-r{color: #999; font-size: 20px;}
.footer-bottom h2{font-size: 14px; font-weight: bold; margin-top: 0; text-align: center;}
.mb-mail,.mb-msg,.header .tool .navbox{display: none;}

.sharing{position:absolute;background: #fff; left:0;top:0; width: 50px; height:150px; padding: 10px; border-radius: 5px; display: none;  -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgba(0,0,0,.5);}
.sharing span.font-Fill-up-DOWN{position: absolute;left: -10px; top: 10px; color: #fff;}
.sharing a{width: 100%; display: inline-block; color: #00b2e6; text-align: center; height: 50px; font-size: 30px;}
.msg-box .user-pic{width: 50px; height: 50px; line-height: 50px; text-align: center; background: #ccc; border-radius: 100%; float: left; overflow: hidden; margin-right: 20px;}
.msg-box .user-pic img{width: 100%; height: 100%;}
.msg-box .user-pic span{ color: #fff; font-size: 24px; display: inline-block; margin-top: 13px;}

#selectCty .modal-dialog{ width: 970px;}
#selectCty .modal-header{padding: 0;}
#selectCty .modal-header .close{margin-top: -30px;}
.width-container {
	max-width: 972px
}

.width-container .country-selector-popup {
	margin: 0;
}

.width-container .country-selector-popup .cs-title {
	width:117%;
    height: 110px;
    padding: 40px 0;
    padding-left:60px;
}

.width-container .country-selector-popup .cs-title .description-black {
float: left
}

.width-container .country-selector-popup .cs-title .description-black h1 {
font-family: 'BigNoodleTitling';
font-size: 38px;
line-height: 0px;
color: #1d1d1d
}

.width-container .country-selector-popup .cs-title .online-shopping-text {
float: right;
margin-top: 9px
}

.width-container .country-selector-popup .cs-title .online-shopping-text .title-icon {
font-size: 22px;
margin-right: 8px;
float: left;
vertical-align: bottom
}

.width-container .country-selector-popup .cs-title .online-shopping-text .text {
float: left;
vertical-align: bottom;
margin-top: 4px
}

.width-container .country-selector-popup .content {
display: block;
/*width:114.3%;
padding-left: 60px;*/
width: 100%;
padding-left: 30px;
background:#f7f7f7;
height:100%;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
padding-top: 28px;
position: relative;
top: 1px;
overflow: hidden;
}

.width-container .country-selector-popup .content .continent-content {
margin-bottom: 25px
}

.width-container .country-selector-popup .content .continent-content .continent-title {
padding-bottom: 4px;
border-bottom: 1px solid #ccc;
margin-bottom: 20px
}

.width-container .country-selector-popup .content .continent-content .countries {
overflow: hidden
}

.width-container .country-selector-popup .content .continent-content .countries .rows {
overflow: hidden;
padding: 0 10px 0 30px;
}

.width-container .country-selector-popup .content .continent-content .countries .rows:last-child {
margin-bottom: 11px
}
.width-container .country-selector-popup .content .continent-content .countries .rows .country-common:nth-of-type(3n){
	margin-right: 0px!important;
}
.width-container .country-selector-popup .content .continent-content .countries .rows .country-common {
float: left;
/*width: 237px;*/
width: calc((100% - 2*40px)/3);
margin-right: 40px !important;
}

.width-container .country-selector-popup .content .continent-content .countries .rows .country-common:last-child {
margin-right: inherit
}

.width-container .country-selector-popup .content .continent-content .countries .rows .country-common .countries-top {
margin-bottom: 20px;
overflow: hidden
}

.width-container .country-selector-popup .content .continent-content .countries .rows .country-common .countries-top .countries-title {
display: inline-block
}

.width-container .country-selector-popup .content .continent-content .countries .rows .country-common .countries-top .countries-title .country-img {
	display: inline-block;
	width: 52px;
	height: 34px;
	margin-right: 16px;
	vertical-align: middle;
	background-repeat: no-repeat;
}
.india-img {background-image: url(../../images/home/country.png);background-position: 0 0;}
.uk-img {background-image: url(../../images/home/country.png);background-position: -55px 0;}
.france-img {background-image: url(../../images/home/country.png);background-position: -110px 0;}
.de-img {background-image: url(../../images/home/country.png);background-position: 0 -40px;}
.es-img {background-image: url(../../images/home/country.png);background-position: -55px -40px;}
.us-img {background-image: url(../../images/home/country.png);background-position: -110px -40px;}
.malaysia-img {background-image: url(../../images/home/country.png);background-position: 0 -80px;}
.philippines-img {background-image: url(../../images/home/country.png);background-position: -55px -80px;}
.singapore-img {background-image: url(../../images/home/country.png);background-position: -110px -80px;}
.pocc-img {background-image: url(../../images/home/country.png);background-position: 0 -120px;}
.width-container .country-selector-popup .content .continent-content .countries .rows .country-common .countries-top .countries-title .country-img img {
width: 52px;
height: 34px
}

.width-container .country-selector-popup .content .continent-content .countries .rows .country-common .countries-top .countries-title .country-name {

vertical-align: top;
    line-height: 35px;
}

.width-container .country-selector-popup .content .continent-content .countries .rows .country-common .countries-top .cart-symbol {
float: right;
font-size: 16px
}

.width-container .country-selector-popup .content .continent-content .countries .rows .country-common .countries-lang {
overflow: hidden;
height: 24px;
margin-left: -8px;
margin-top: -5px
}

.width-container .country-selector-popup .content .continent-content .countries .rows .country-common .countries-lang .langs {
font-family: 'ProximaNova';
font-size: .875rem;
line-height: 20px;
color: #00b2e6;
float: left;
margin-right: 10px;
text-decoration: none;
padding: 2px 8px 2px 8px
}

.width-container .country-selector-popup .content .continent-content .countries .rows .country-common .countries-lang .langs:hover {
color: #fff;
background-color: #00b2e6;
padding: 2px 8px 2px 8px;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
-ms-border-radius: 22px;
-o-border-radius: 22px;
border-radius: 22px
}

.width-container .country-selector-popup .content .continent-content .countries .rows .country-common .countries-lang .selected {
color: #fff;
background-color: #dadada;
padding: 2px 5px 2px 5px;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
-ms-border-radius: 22px;
-o-border-radius: 22px;
border-radius: 22px;
pointer-events: none
}
.disagreeA{color:#fff;display:block !important;}
.width-container .country-selector-popup .content .continent-content .countries .rows .country-common .countries-lang .selected:hover {
background-color: #dadada
}

/* 新首页内容区 */
.container, .item h3{ font-family: Arial, Helvetica, sans-serif; line-height: 1.68;}
.float-left{ float: left;}
.float-left a:hover{color:#00bce8;}
.float-right{ float: right;}
.article-info .float-right a{cursor: inherit;}
.cont-list{ margin-top: -20px;}
.user-otherInfo{ margin: 0;}
.list-user > div{ float: left; }
.list-user .user-pic img{ width: 64px; border-radius: 100%;}
.img-box{ margin-bottom: 10px;}
.img-box img{ border-radius: 10px; max-width: 100%;}
.item .user-info{ margin-left: 20px;}
.home .user-name{ margin-right: 10px;}
.item h3 a, .home .user-name{ font-size: 24px;}
.item p, .user-otherInfo, .article-info, .article-info a{ color: #9f9f9f; font-size: 18px;}
.article-info{ margin-top: 10px;}
.item h3{ /*overflow: hidden; text-overflow:ellipsis; white-space: nowrap;*/ line-height: 1.2;}
.tj-box .bottom-logo img{max-width:80px;margin-bottom: 5px;}
@media (max-width: 1366px){
.video-box .fa{ font-size: 56px; width: 48px; height: 48px; line-height: 48px; left: 42%;}
}
@media(max-width: 1280px){
.users-box .cont li .user-name{ max-width: 180px;}
.tab-box .cont li .author span[class^="font-"]{ font-size: 20px; margin-right: 5px;}
.tab-box .cont li .author .num{ font-size: 16px;}
}
@media (min-width: 768px){
.Thsign_name{width:120px;}
.Thsign_pic{width:80px;}
.Thstamp_pic{width:80px;}
.Thbegin_date{width:150px;}
.Thend_date{width:150px;}	
	
.date-time #sign_choose{padding: 0 20px;}	
.modal-dialog {width: 460px;height:450px;margin: 5% auto;}
#replymsg .modal-dialog .modal-content{height:450px;}
#createmsg .modal-dialog .modal-content{height:5000px;}
#msg_notes  .modal-dialog .modal-content{height:450px;}
.header .tool{line-height: 60px;}	
.header .tool{position: relative;}	
#logo_center{float:left;}
.header .tool .link-c{width:10%;display:block;float:left;text-align: center;}
.header .tool .link-c img{width: 80px !important;height: auto;}
.row .col-sm-5{text-align:right;margin-right: -30px;margin-top: 2px;}
.tj-box .bottom-logo img{margin-bottom: 7px;margin-top: 5px;}
.header .nav .nav-list ul li:first-child {margin-left:-20px;}
.nav-toggle-button{display: none;}
.footer .footer-l li .collapse{display: block;}
.page-box li{border-radius: 5px; color: #1d1d1d; cursor: pointer; background: #f0f0f0; width: 40px; height: 40px; line-height: 40px; text-align: center; float: left; margin-left: 3px;}
#curPageNum{border-radius: 5px;cursor: pointer;width: 40px !important;height: 40px !important;line-height: 40px !important;text-align: center;float: left;border: 1px #ccc solid;}
.page-box li:first-child, .page-box li:last-child{font-size: 12px;line-height: 40px !important;background: #f0f0f0;font-family:'Roboto','Hel vetica','Arial' !important;}
}
@media (max-width: 1024px){
.container .list-r .list-user .user-pic{width: 20%;}
.container .text .list-r .list-user .user-pic{width: 10%;}
.container .list-r .list-user .user-info{width: 80%; margin-top: 5px;}
.container .list-r .list-user .user-info a{width: 100%; display: inline-block;}
.container .list-r .list-user .user-info i{display: none;}
.icon-look, .icon-like, .icon-link, .icon-relay{margin-left: 20px;}
.users-box .cont li .user-pic{margin-right: 5px;}
.tab-box .cont li .author div{padding: 0;}
#updateimg{padding-right: 0;}
.header .nav .nav-list li a {padding: 0 10px;    }
.container .tabs li a{ letter-spacing: 0px;}
.login-box .icon-lg-1, .login-box .icon-lg-2, .login-box .icon-lg-3{margin-left: 30px;}
.share a{margin-left: 20px;}
.tel-line{font-size: 16px;}
.tel-line .fa{font-size: 20px;}
.mail-line{letter-spacing: 0;}
.header .nav .nav-list li a .nav-text{max-width: 90px;}
.item h3 a, .home .user-name, .login-box .btn-login, .tj-box .num{ font-size: 20px;}
.item p, .user-otherInfo, .article-info, .article-info a, .tab-box .cont li .text .title, .r-title, .video-box h4, .bottom-logo p{ font-size: 16px;}
.tj-box .item-name{ font-size: 12px;}
.login-box .btn-login{ max-width: 180px;}
.video-box .fa{ top: 28%;}
.item h3{ margin: 6px 0 5px;}
.users-box .cont li .user-name{ max-width: 120px;}
}
@media (max-width: 768px){	
.replay-page a .fa{font-size: 20px;line-height: 30px;}	
.replay-page a .fa-chevron-circle-right{float:right;}
.user-pic-delete{width: 36px;height: 36px;}	
.msg-user-list .message-List{height:350px;overflow-y: auto;margin-bottom: 20px;}
/* wap顶部悬浮层 */
.topSuspend .wap_logo{  float: left;width: auto;height: auto;max-width: 60%;max-height: 60%;background: white;border-radius: 3px;margin-left: 4%;margin-top: 4%;}
.topSuspend .wap_font{float:left;font-weight:none;font-size:12px;color:white;margin-top: 5px;margin-left:10px;}
.topSuspend #btnDown{font-size:12px;}
.sign_button input{width:80px;margin: 10px 2px;border: 1px solid #02b4e1;color: #02b4e1;border-radius: 10px;padding: 0px 10px;background: rgb(247, 247, 247);}	
#sign_choose{width:94% !important;}	
.clearfix .user-info{line-height:25px;}	
.disagreeA{color:#000;display:block !important;}
.col-md-6 .row .bottom-logo{display:none !important;}	
.col-md-6 .row .col-xs-3{width:32% !important;margin-left:1% !important;padding-right: 0px;padding-left: 0px;}	
.edui-emotion-smileytable td{width: auto !important;}
#countryName .country-common{margin-bottom:0px;}
.width-container .country-selector-popup .content .continent-content .countries .rows .country-common:first-child{margin-bottom: 0px !important;}	
.width-container .country-selector-popup .content .continent-content .countries .rows .country-common {
float: left;
/*width: 237px;*/
width: calc((100% - 2*40px)/3);
margin-left: 40px;
}
.width-container .country-selector-popup .content .continent-content .countries .rows {
overflow: hidden;
padding: 0 10px 0 0;
}
.width-container .country-selector-popup .content .continent-content{margin-bottom:0px;}
.width-container .country-selector-popup .content .continent-content .countries{margin-top:0px;}
.width-container .country-selector-popup .content .continent-content .countries .rows:last-child {
margin-bottom: 20px
}
#logo_center{display:none;}
.item .user-info{ margin-left: 5px !important;width: 80%;}
.topSuspend #btnDown{
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    margin-top: 15px;
    float: right;
    background: #02b4e1;
    margin-right: 0px;
    border: 0px solid black;
    border-radius: 15px;
    font-weight: bold;
    color: #fff;}
    .cookie_content{
		line-height:20px;
		width:120% !important;
		margin-left: -10%;
	}
	.max-container .postlist{
		    padding: 0;
	}	
.width-container .country-selector-popup .content .continent-content .countries .rows .country-common{width: 100%;margin-left: 40px !important;}
 .footer .col-md-9 .visible-sm{padding-top: 17px;}  
.tj-box .tj-line{background: #00b2e6;width: 100%;padding: 30px 0;position: relative;}
.tj-box .tj-line .col-md-6{padding-right: 0px;}
#bottom-one{display:none;}
.row{margin: 0 auto;margin-left: 0 !important;}
.header .tool .link-r .link-item span{ display: none;}
#selectCty .modal-dialog{ width: 95%;margin-left: 2.5%;}
.header .btn-box{ float: none; position: relative; display: inline-block!important;}
.container .text .list-r .list-user .user-pic{width: 20%;}
.btn-create{position:fixed; z-index: 99; bottom: 20px; right: 20px;background: url(../img/new.png) no-repeat; min-width: 50px; height: 50px; background-size: cover; text-indent: -99999px; padding: 0;}
.header .tool .link-l{display: none;}
.header .tool .link-r .line{margin-left: 10px;}
.header .tool .link-r .link-item.one{display: none;}
.header .tool .link-r .link-item a{margin-left: 20px;}
.header .tool{background-position: 15%;}
.header .nav{background: #fff; height:0; overflow: hidden;}
.header .nav .nav-list{position: absolute;top: 50px; left: 0; width: 100%; padding: 0 5%; z-index: 99;background: #f9f9f9; }
.header .nav .nav-list li{display: block; width: 100%;text-align: left;border-bottom: 1px solid #dadada; line-height: 50px;}
.header .nav .nav-list li a{ color: #666;letter-spacing: 0px;}
.header .nav .nav-list li .sub-menu a{letter-spacing: 0px;}
.banner{width: 100%; height: auto;}
.banner .banner-text{padding-top: 10%;}
.banner .banner-text h1{font-size: 32px; margin-top: 0;}
.banner .banner-text h2{font-size: 20px;}
.swiper-pagination-bullet{ width: 10px; height: 10px;}
.swiper-button-next, .swiper-button-prev{ max-height: 28px;}
.cont-list .tabs{width: 100%;}
.container .list-l img { width: 100%;   border-top-left-radius: 10px; border-bottom-left-radius: 0px;   border-top-right-radius: 10px;}
.container .list-r{border-top: 0;  border-top-left-radius: 0px; border-top-right-radius: 0px;}
.container .text .list-r{border-top: 1px solid #dadada;  border-top-left-radius: 10px; border-top-right-radius: 10px;}
.container .list-r .list-user .user-pic{width: 20%;}
.container .list-r .list-user .user-info{width: 80%;}
.container .list-r .list-user .user-info a{width: 100%; display: inline-block;}
.container .list-r .list-user .user-info i{display: none;}
.container .list-name{top: 0;}
.container .sidebar{width: 100%;}
.tj-box .item-name{font-size: 12px;word-wrap: break-word;}
.tj-box.my .tj-line{width: 100%;}
.f-title{font-size: 24px; text-align: center; margin-top: 0; padding-top: 30px;}
.email-box{width: 100%;}
.share a{color: #777;margin: 0 20px !important;}
.share-box{margin-top: 50px; color: #1d1d1d;  background: #f0f0f0; width: 100%;}
.share a{color: #777;}
.call-box{border: 0; text-align: center;padding: 0;}
.login-box{border-radius: 0; margin-top: 0; height: 130px;}
.login-box h2{display: inline-block; font-size: 14px; font-weight: bold;margin: 30px 0 0 20px;}
.login-box .after h2{margin-left: 0; color: #fff;}
.login-box .btn-login{margin-left: 20px;}
.login-box .icon-lg-1, .login-box .icon-lg-2, .login-box .icon-lg-3{margin-left: 20px; margin-top: 30px; width: 75px; height: 75px; background-size: 75px;}
.login-box .icon-lg-2 {    background-position: 0 -75px; margin-right: 10px;}
.login-box .icon-lg-3{  background-position: 0 -160px;}
.mb-tab{overflow: hidden; width: 100%; background: #fff; margin-bottom: 20px;}
.mb-tab li{float: left; height: 70px; line-height: 70px; padding: 0 20px; font-size: 12px;}
.mb-tab li.on{ border-bottom: 2px solid #00bce8;color: #00bce8; font-weight: bold;}
.btn-box .icon-msg{background-position: 0 -270px; margin-top: 13px;}
.btn-mb{color: #333; float: left;line-height: 50px;}
.btn-mb .fa{margin-left: 10px;}
.container .item li{margin-bottom: 20px;}
.container .list-l{padding-top: 0;}
.nav .fa.visible-xs{ margin-top: 18px; margin-right: 10px; float: right;}
.header .nav .nav-list li .sub-menu{padding: 10px 0;background: none;    position: initial;    width: auto;}
.header .nav .nav-list li .sub-menu li{line-height: 30px; text-indent: 5px;}
.header .nav .nav-list li .sub-menu li.more{position: inherit;}
.modal-dialog{margin: 50px 10px;}
#updateimg{padding-right: 0;}
.msg-box{top: 0px; right: 0px; position: fixed;}
.msg-box .tabs{margin-top: 60px;}
.msg-box .arrow{ text-indent: 0px;height: 60px; line-height: 60px; color: #666;font-size: 20px; top:0;right: 10px; text-align: center; }
.footer{ background: #efefef; text-align: center; padding: 5% 0; font-size: 16px;}
.footer .col-md-9{ padding: 0;}
.footer, .footer a{ color: #666; margin-right: 0;}
.footer .footer-l li{width: 100%; background: #fff; padding:0 5%; border-bottom: 1px solid #ccc;}
.footer .footer-l li h2{ height: 70px; line-height: 70px; font-size: 16px; margin: 0; }
.footer .footer-l li h2 .fa.visible-xs{display: inline-block!important; margin-right: 10px;}
.footer .footer-l li .collapse{border-top: 1px solid #ccc; padding-left: 20px; line-height: 30px;}
.footer .footer-r{background: #f0f0f0; }
.footer .footer-r .time{display: none;}
.footer .footer-r .tel-line{text-align: center; padding: 20px 0 0 0; border: 0; font-size: 14px;}
.tel-line .fa,.tel-line .tel{float: none; font-size: 14px;}
.footer .footer-bottom{background: #f0f0f0;width: auto; margin-top: 0; padding-top: 0;}
.footer .footer-bottom .link{text-align: center; padding: 20px 0 0 0;border-top: 1px solid #ccc;margin-top: 30px;}
.footer .footer-bottom .link a{display: inline-block; line-height: 30px;}
.footer .footer-bottom .link p{margin: 20px 0 0 0;border-top: 1px solid #ccc; }
.footer-bottom h2{margin-top: 40px;}
.mb-mail,.mb-msg{width: 50px; height: 50px; line-height: 55px; margin:20px 5px; text-align: center; font-size: 20px; display: inline-block; color: #1d1d1d; background: #fff; overflow: hidden; border-radius: 100%;display:inline-block;}
.share{ padding-bottom: 20px; text-align: center;  }
.f-title{ font-size: 16px;}
.f-text{ font-size: 14px;}
.f-text{text-align: center;}
.footer h2{ margin: 0;}
.md-bottom-contact, .footer p.bottom-copyright{ padding: 20px 0;}
.share, .bottom-link, .md-bottom-contact{ border-bottom: 2px solid #ccc; }
.footer p{ padding: 0 5%;}
.footer p.bottom-link{ padding: 20px 5%;}
.col-md-9 .bottom-link a{display:block;}
.share a{margin: 0 20px;}
.header .nav .nav-list .sub-menu.pro a img{display: none;}
.header .nav .nav-list .sub-menu.pro a {    padding-top: 0;    text-align: left;    line-height: 1;}
.header .nav .nav-list .sub-menu.pro a.more{margin-top: 0;}
.header .nav .nav-list .sub-menu.pro{height: auto;}
.btn-box .btn-msg{color: #666; margin-top: 22px;}
.search-box{    padding: 0 5%;}
.search-box .search-tool,.search-box .search-list{width: 100%;}
.header .tool .link-r .link-item .user-nav{width: 100%; height: 100%; top: 0;left: 0; position: fixed; padding: 0;}
.user-nav .mb-header{background: #00b2e6; color: #fff; width: 100%; height: 200px; position: relative; text-align: center; float: left;}
.user-nav .mb-header .mb-pic{width: 74px; height: 74px; border-radius: 100%; overflow: hidden; margin:30px auto 10px auto;}
.header .tool .link-r .link-item .user-nav .mb-header a{color: #fff;line-height: 30px; margin-left: 0; width: 100%; float: left; text-align: center;}
.user-nav .mb-header .font-Cross{ position: absolute;right: 20px; top: 20px; font-size: 20px;}
.user-nav .mb-header .adr{height: 30px; line-height: 30px;}
.header .tool .link-r .link-item .user-nav ul{padding:20px 20% 0 20%; overflow: hidden;}

.header .tool .navbox{position:fixed;width: 90%;height: 100%; top:60px;left: -90%; background: #f0f0f0; z-index: 99; display: none;box-shadow: 5px 5px 5px #666;}
.header .tool .navbox ul{padding: 0 10%; overflow-y: auto;}
.header .tool .navbox ul li{border-bottom: 1px solid #dcdcdc; line-height: 50px; overflow: hidden;}
.header .tool .navbox ul li a{color: #333; font-weight: bold; width: 100%; display: inline-block;}
.header .tool .navbox ul li .navbox-sub a{height: 30px; line-height: 30px; width: 100%; padding-left: 20px; float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.header .tool .navbox ul li a span{float: right; margin-top: 18px;}
.navbox .navfoot{background: #1d1d1d; width: 100%; position: absolute; bottom: 0; left: 0; padding:30px;}
.navbox .navfoot p{margin-bottom: 0; line-height: 30px; color: #999;}
.navbox .navfoot p.phone{color: #fff;}
.navbox .navfoot p.phone span{margin-right: 10px;}
.header .tool .navbox .navfoot p a{color: #fff; font-size: 14px;}
.header .tool .navbox .navfoot .btn-mb-box{position: absolute;right: 30px; top: 0;width: 50px;}
.header .tool .navbox .navfoot .btn-mb-box a{color: #1d1d1d;margin: 30px 0 0 0; float: left;}
.header .nav .nav-list .sub-menu.pro{padding-right:0;}
#swiper1.swiper-container .swiper-slide{float: left;width:auto !important;padding: 0 15px!important; text-align: center; height: 50px; line-height: 50px;font-size: 12px !important; font-weight: bold; cursor: pointer;}
.edui-modal {
  width: 100% !important;
  z-index: 1001;
  margin-left: auto !important;
  left: 0 !important;
}
.edui-modal-body {
  width: 100% !important;
  height: auto !important;
  max-height: 288px !important;
}
.edui-tab-content .edui-tab-pane {
  position: static !important;
}
.edui-editor-body .edui-body-container{
  margin: 0 auto;
}
.header .tool a.logo-link img {
  max-height: 30px;
}

/* dong start */
.countries .content .continent-content{margin-bottom: 0px;}
.countries .content .continent-content .countries{margin-top: 0px;}
.countries .content .continent-content .countries .rows{margin-bottom: 0px !important;}
/* dong end */
}
@media (max-width: 640px){
  .width-container .country-selector-popup .cs-title .description-black .Country_Region {
		font-family: 'BigNoodleTitling';
		font-size: 22px;
		line-height: 0px;
		color: #1d1d1d
	}
	.width-container .country-selector-popup .content{padding-left: 0px;}
	.width-container .country-selector-popup .cs-title{width: 117%; height: 110px;margin-left: 40px;padding: 40px 0;padding-left: 0;}
  .container.home{ margin-top: 6%;}
  .header .tool a.logo-link{ left: 40%; margin-top: 12px;}
  .swiper-button-next, .swiper-button-prev{ max-height: 20px;}
  .swiper-pagination-bullet{ width: 8px; height: 8px;}
  .list-user .user-pic img{ width: 50px; height: 50px;}
  .item h3 a, .home .user-name, .login-box .btn-login, .tj-box .num{ font-size: 18px;}
  .item p, .user-otherInfo, .article-info, .article-info a, .tab-box .cont li .text .title, .r-title, .video-box h4, .bottom-logo p{ font-size: 14px;}
  .header .tool .navbox ul li a span{ color: #00b3e1;}
  .navbox{ font-size: 16px;}
  .navfoot img.mr10{ max-height: 16px;}
  .header .tool .link-r .link-item span.font-Cross{ display: block;}
  .header .tool .link-r .link-item a{ margin-left: 14px;}
}
@media (max-width: 360px){
  .page-box li{ width: 26px; height: 26px; line-height: 30px;}
  
  .header .tool a.logo-link img{ max-height: 24px;}
  .header .tool a.logo-link{ margin-top: 18px;}
  .item p, .user-otherInfo, .article-info, .article-info a, .tab-box .cont li .text .title, .r-title, .video-box h4, .bottom-logo p{ font-size: 12px;}
  .tj-box .bottom-logo img{ max-width: 60px;}
}
@media (max-width: 320px){
.container .list-r{padding: 0 10px;}
.icon-look, .icon-like, .icon-link, .icon-relay{margin-left: 10px;}
.container .list-r .list-user .user-info{margin-top: 3px;}
.modal-header {    padding: 10px 0 0 0;}
.modal-header .close {    margin-top: -50px;}
.btn-send{min-width: 150px;}
.msg-box .btn-bottom a{padding: 0 20px;}
.login-box h2{margin-left: 0;}
.login-box .btn-login{margin-left: 0;}
.login-box .icon-lg-3{margin-right: 10px;}
.page-box li{ width:auto;min-width: 30px; height: 30px; line-height: 30px; padding:0 2px;}
}

#video-dialog .modal-dialog {
width: 80%;
}
@media only screen and (max-width: 767px) {
	#video-dialog {
		padding: 0 !important;
	}
	#video-dialog .modal-dialog {
		width: auto;
	}
}

#video-dialog .modal-dialog .modal-content {
background-color: transparent;
box-shadow: none;
border: none;
}

#video-dialog .modal-dialog .modal-content .modal-header {
text-align: right;
border: none;
padding: 0 15px;
}

#video-dialog .modal-dialog .modal-content .modal-body {
padding: 0;
}

#video-dialog .modal-dialog .modal-content .close-video-btn {
background: #ed1b24;
font-size: 18px;
font-family: "bignoodletitlingregular";
color: #fff;
padding: 10px 20px 0 20px;
line-height: 15px;
display: inline-block;
height: 30px;
}
#video-dialog .modal-dialog .modal-content .close-video-btn.close-video-btn-a {
background: none;
font-size: 18px;
font-family: "bignoodletitlingregular";
color: #fff;
padding: 10px 0 0 50px;
line-height: 15px;
display: inline-block;
position: relative;
margin-right: -30px;
height: 30px;
}

#video-dialog .modal-dialog .modal-content .close-video-btn.close-video-btn-a img {
z-index: 99;
position: relative;
}
#windowBox .modal-header{
padding: 0px;
}
#bodyContents {
font-size: 20px;
}
.btnall{
padding: 0 20px; 
height: 30px;
line-height: 30px;
text-align: center;
display: inline-block;
color: #333;
background: #eee;
font-weight: bold;
font-size: 14px;
border-radius: 25px;
min-width: 80px;
}
#okAlertButton.btnall{
background:#00b2e6;
color: #fff;
}
#cancelAlertButton.btnall{
background:#eee;
color: #333;
}

.upload-left{
text-align:left;
display:inline-block;
width:50%;
position:relative;
overflow:hidden;
}
.upload-left a{
margin-top:10px;
margin-bottom: 20px;
}
.upload-item-box{
text-align:left;
margin-top:10px;
}
.upimg-item{
display:inline-block;
background-color:#e5f1fa;
padding:5px;
min-width:5px;
margin-right:5px;
margin-bottom: 5px;
}
.upimg-item img,
.file-list li img{
width:24px;
height:24px;
display: inline-block;
vertical-align:middle;
margin-right:5px;
}
.upimg-item span,
.upimg-item i,
.file-list li span{
display: inline-block;
vertical-align:middle;
color:#999;
}
.upimg-item i{
font-size:14px;
margin-left:5px;
}
.file-name{
max-width:88%;
white-space:nowrap;
overflow:hidden;
text-overflow: ellipsis;
}
.close-up{
width:18px;
height:18px;
display: inline-block;
vertical-align:middle;
margin-left:5px;
cursor:pointer;
background:url(../img/close_grey.png) no-repeat;
}
.upimg-item:hover .close-up{
background:url(../img/close_blue.png) no-repeat;
}
.show-uploadbox{
text-align:left;
background-color:#fff;
width:100%;
max-width:600px;
}
.upload-top{
position:relative;
padding-top:10px;
border-bottom:1px solid #ddd;
}
.upload-top h2,
.upload-top p{
padding-left:10px;
padding-right:10px;
}
.close-top{
width:12px;
height:12px;
position:absolute;
right:10px;
top:10px;
background:url(../images/home/close_black.png) no-repeat;
}
.file-list{
margin-top:20px;
padding:10px;
margin-bottom:0;
max-height:170px;
overflow-y:auto;	
}
.file-list li{
display:block;
padding:10px;
margin-bottom:10px;
background-color:#e5f1fa;
position:relative;
}
.delete-up{
position:absolute;
right:10px;
top:12px;
cursor:pointer;
}
.file-list .file-name{
max-width:60%;
white-space:nowrap;
overflow:hidden;
text-overflow: ellipsis;
}
.file-bottom{
text-align:right;
margin-bottom:10px;
padding:10px;
}
.file-bottom a{
width:100px;
height:26px;
color:#999;
line-height:26px;
text-align:center;
display:inline-block;
border:1px solid #ddd;
margin-left:10px;
padding:0 5px;
white-space:nowrap;
overflow:hidden;
text-overflow: ellipsis;
}
.uploadfilebtn{
width: 131px;
height: 43px;
display:block;
line-height:43px;
position:absolute;
top:10px;
left:0;
opacity:0;
filter:Alpha(opacity=0);
cursor: pointer;
}
.show-timeout{
position:relative;
text-align:center;
width:90%;
margin:0 auto;
}
.text-error{
color:#fff;
padding:20px;
z-index:1000;
position:relative;
display:inline-block;
}
.bg-black{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:999;
border-radius:40px;
background-color:#000;
opacity:0.8;
filter: Alpha(opacity=50);
}
.upload-item-box.no-review {
display: inline-block;
}
.upload-item-box.no-review .upimg-item {
background-color: transparent;
}

.details-left .details-cont .text-body .upimg-item img{margin:0 5px 0 0;}
/* 2016-03-17 18:30 eof */
/* 2016-03-29 bof */
.btn-icon-box{
padding:5% 10px 10px;
text-align:center;
overflow:hidden;
position:relative;
border-bottom: 1px solid #ddd;
}
.btn-uploaditem{
overflow:hidden;
position:relative;
}
.upload-icon{
width:40px;
height:40px;
display:block;
line-height:40px;
margin:0 auto;
text-indent:-9999px;
transition: all 1s linear;
-ms-transition: all 1s linear;
-o-transition: all 1s linear;
-moz-transition: all 1s linear;
-webkit-transition: all 1s linear;
background:url(../img/add_attachment_a.png) no-repeat;
}
.uploadfilebtn:hover + .upload-icon,
.uploadfilebtn.active + .upload-icon,
.upload-icon:hover,
.upload-icon.active{
transform:rotate(-360deg);
background:url(../img/add_attachment_b.png) no-repeat;
}
.btn-icon-box .uploadfilebtn{
width:40px;
height:40px;
display:block;
margin:0 auto;
text-indent:-9999px;
top:50%;
left:50%;
margin-left:-20px;
margin-top:-20px;
}
.show-uploadbox p{
color:#999;
margin-bottom:0;
}
.progress-barbox{
width:60%;
position:relative;
overflow:hidden;
border-radius:10px;
height:10px;
background-color:#b8d3e7;
}
.progress-baritem{
position:absolute;
top:0;
left:0;
border-radius:10px;
height:10px;
background-color:#0078cb;
transition: all 2s linear;
-ms-transition: all 2s linear;
-o-transition: all 2s linear;
-moz-transition: all 2s linear;
-webkit-transition: all 2s linear;
}
#swiper1.swiper-container{border: 1px solid #dadada; border-width: 1px 0; margin-bottom:20px; background: #fff; padding-top: 15px; overflow: hidden;}
#swiper1.swiper-container .swiper-slide{float: left;text-align: center; padding: 0 10px; height: 50px; line-height: 50px; font-weight: bold; cursor: pointer;}
#swiper1.swiper-container .swiper-slide a{color: #333; padding-bottom: 16px;}
#swiper1.swiper-container .swiper-slide.swiper-slide-active a{border-bottom: 2px solid #00b2e6; color: #00b2e6;}

#myText{
width: 100%;
height: 100px;
margin: 10px 0;
padding: 5px;
border: 1px solid #ccc;
resize: none;
}
.reply-on-post-frm{
text-align: right;
}
.cancel-lnk#cancelNode{
background: #eee;
padding: 5px 10px;
color: #666;
}
.txt{
background: #00b2e6;
color: #fff;
padding: 5px 10px;
}
.serch-peotitle {
color: #999;
font-size: 12px;
line-height: 20px;
padding: 5px 10px;
}
.serch-peotitle .return-link {
visibility: hidden;
}
.atwho-view ul {
width: 240px;
max-height: 180px;
}
.atwho-view .cur, .atwho-view ul li:hover, .select-peo:hover {
background-color: #eff9fb;
}
.serchicon-item {
position: relative;
}
.serchicon-head {
position: absolute;
top: 0;
left: 0;
}
.serchicon-txt {
line-height: 30px;
padding-left: 40px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.atwho-view ul li {
position: relative;
padding: 5px 10px;
color: #000;
border-bottom: none;
}
.searchhead, .serchicon-head img {
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid #ddd;
padding: 1px;
background-color: #fff;
vertical-align: middle;
}




/*9-27*/
.potintbox.container {
max-width: 800px;
}

.point-valuebg {
width: 250px;
height: 250px;
margin-left: auto;
margin-right: auto;
border-radius: 50%;
overflow: hidden;
}

.rotatext {
text-align: center;
}

.redpoint-box {
width: 88%;
height: 88%;
background-color: #fee8ee;
margin: 6% auto;
border-radius: 50%;
overflow: hidden;
position: relative;
}

.aimation-pointbox {
width: 100%;
height: 100%;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
}

.redpoint-img {
width: 250px;
height: 70px;
background: url(../img/point_bg.png) center 0 no-repeat;
}

.under-redpoint {
background: url(../img/point_bgone.png) repeat;
width: 100%;
height: 100%;
}

.wrap-all-content h1, h1.section-heading, .related-posts .section-heading, .page-personal-center .wrapper .user-info-summary li .number, h2.title, .wrap-all-content h2.title {
font-size: 28px;
font-family: Arial, Helvetica, CenturyGothic, AppleGothic, sans-serif,'Microsoft YaHei';
line-height: 110%;
padding-bottom: 5px;
overflow: hidden;
text-overflow: ellipsis;
}

.point-itembox {
padding-bottom: 30px;
width: 100%;
}

.point-detailmobile {
overflow-x: scroll;
}

.point-detailpic {
padding-top: 30px;
margin-left: auto;
margin-right: auto;
}

.point-list {
padding: 20px 10px;
}
ol, ul {
list-style: none;
}
.wrap-all-content, .wrapper {
overflow: hidden\9;
font-size: 13px;
}
.user-pointsbox {
padding: 30px 5%;
}
.wrap-all-content h1, h1.section-heading, .related-posts .section-heading, .page-personal-center .wrapper .user-info-summary li .number, h2.title, .wrap-all-content h2.title {
font-size: 28px;
font-family: Arial, Helvetica, CenturyGothic, AppleGothic, sans-serif,'Microsoft YaHei';
line-height: 110%;
padding-bottom: 5px;
overflow: hidden;
text-overflow: ellipsis;
}
.user-pointsbox>h1, .user-pointsbox>h2 {
font-weight: 700;
}
.user-pointsbox>h1, .user-pointsbox>h2 {
font-weight: 700;
}
.user-pointsbox table {
border-bottom: 1px solid #ddd;
margin-bottom: 40px;
}
.user-pointsbox th {
color: #999;
}

.point-list>li {
margin-bottom: 10px;
}

.my-top .my-name h2 .gen a {
color:#fff;
}

.b_class{
font-weight:bold;
font-size:20px;
color:#999;
}
.point-date{
  line-height:20px;
}
.point-list .point-num{
color:#00b2e6;
}
.point-itembox .container h2{
border-bottom:1px solid #ddd;
color:#999;
padding:0 10px 10px;
}
#error_msg{   float: left;
overflow: hidden;
font-size: 12px;
height: 50px;
line-height: 1.2;
margin-top: 10px;
}
.post-date{float:right}

.history-content-item{padding:20px;border-bottom:1px solid #dadada;}

/* 内边距调整 */
.home .col-lg-1, .home .col-lg-10, .home .col-lg-11, .home .col-lg-12, .home .col-lg-2, .home .col-lg-3, .home .col-lg-4, .col-lg-5, .home .col-lg-6, .home .col-lg-7, .home .col-lg-8, .home .col-lg-9, .home .col-md-1, .home .col-md-10, .home .col-md-11, .home .col-md-12, .home .col-md-2, .home .col-md-3, .home .col-md-4, .home .col-md-5, .home .col-md-6, .home .col-md-7, .home .col-md-8, .home .col-md-9, .home .col-sm-1, .home .col-sm-10, .home .col-sm-11, .home .col-sm-12, .home .col-sm-2, .home .col-sm-3, .home .col-sm-4, .home .col-sm-5, .home .col-sm-6, .home .col-sm-7, .home .col-sm-8, .home .col-sm-9,  .home .col-xs-1, .home .col-xs-10, .home .col-xs-11, .home .col-xs-12, .home .col-xs-2, .home .col-xs-3, .home .col-xs-4, .col-xs-5, .home .col-xs-6, .home .col-xs-7, .home .col-xs-8, .home .col-xs-9{ padding: 0 5px;}
.home .row{ margin: 0 -5px;}

#div_video_html5_api{ background: #000;}
#myEditor img{ max-width: 100%;}

/* shenfenshibie */
.user-info .topic_special{
	margin:3px 0 0 10px !important;
}
.topic_special img{
	width:16px;
	height:16px;
	margin: -5px 0 0 -5px !important;
}
.gen .follower_gen img{
	width:16px;
	height:16px;
	margin-left: 5px;
}
.info-name .pl .follower_gen{
	width:16px !important;
	display: inline-table !important;
}
.info-name .pl .follower_gen img{
	width:16px;
	height:16px;
	margin-left: 5px;
}
#countryName .country-common{margin-bottom:-25px;}
/*** header start ***/
.over_loading {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: 0.6;
	filter: Alpha(opacity = 60);
	z-index: 9998;
}
i.fa.fa-spinner {
	color: #01b4e1;
}
.loading-showbox {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9999;
}
.layout_loading {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	margin-top: -25px;
	margin-left: -25px;
	height: 50px;
	text-align: center;
}
.topnav li {
    display: inline-block;
    width: 13%;
    float: left;
    font-size: 18px;
    vertical-align: middle;
}
.topSuspend {
    width:100%;
    position:fixed;
    top:60px;
    background-color:#000;
    opacity:0.8;
    height:60px;
    line-height:50px;
    z-index:1000;
}
.clsTopSuspend {
   float:right;
   margin-top:20px;
   margin-right:10px;
   width:auto;
   height:auto;
   max-width:50%;
   max-height:50%;
   width:20px;
}
.btnDown {
   padding:0 20px;
   height:40px;
   line-height:22px;
   margin-top:10px;
   float:right;
   margin-right:15px;
   background:#02b4e1;
   border: 0px solid black;
   border-radius: 20px;
   font-weight: bold;
   color:#fff;
   font-size:16px;
}
@media only screen and (min-width:850px){
	.topnav li {    font-size: 14px;}
}
@media (min-width: 992px){
	.acceptBTN{
		min-width: 120px;
		height:40px;
		line-height:35px;
		border:0;
		border-radius:20px;
		color: #fff;
		background: #02b4e1;
		float:  right;
		margin: 20px 0;
		margin-right: 6%;
	}
	.cookie_txt i{
		font-size: 16px;
	}
}
@media (max-width: 992px){
	.acceptBTN{
		min-width: 120px;
		height:40px;
		line-height:35px;
		border:0;
		border-radius:20px;
		color: #fff;
		background: #02b4e1;
		float:  right;
		margin-top: 10px;
		margin-bottom: 4px;
	}
	.cookie_txt i{
		font-size: 14px;
	}
}
/*** header end ***/
/*** baseTab start ***/
.tabs{width: 100%;padding-top: 10px; height: 65px; line-height: 30px;}
.tabs li{width: 50%; float: left; text-align: center;}
.tabs li a{position: relative; font-size: 12px; padding:0 5px 10px; font-weight: bold; color: #666;}
.tabs li.on a{border-bottom: 2px solid #00b2e6;color: #00b2e6;}
.tabs li a .fa{display: none; position: absolute; bottom: -8px;left:45%;color: #00b2e6;}
.tabs li.on a .fa{display: block;}
/*** baseTab end ***/