body{ background: #fafbfd; font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, "Microsoft YaHei",sans-serif,"SimSun"!important;}

/* select style start */
.mod_select{position:absolute;font-familY:Arial, Helvetica, sans-serif;}
.mod_select ul{margin:0;padding:0;}
.select_box{float:left;border:solid 1px #33C7F3;color:#fff;position:relative;cursor:pointer;width:80px;height:42px;border-right: none;border-top-left-radius: 4px;border-bottom-left-radius: 4px;background: rgba(0,0,0,.3);}
.select_box i{color:#fff!important;}
.selet_open{display:inline-block;position:absolute;right:0;top:0;width:26px;height:42px;}
.select_txt{display:inline-block;width:54px;cursor: pointer;overflow:hidden;margin-left: -22px;}
.option{width:618px;border:solid 1px #33C7F3;position:absolute;top:41px;left:-1px;z-index:2;overflow:hidden;display:none;text-align:left; padding:10px;background:#fff; border-radius:0 0 4px 4px;}
.option a{display:inline-block;height:30px;width:62px;line-height:30px;background:#fff;text-align:center;border-radius:4px;}
.option a:hover{background:#70d5f3;text-decoration: none;color:#fff;}
.select_box_time{border-radius:0!important;}
.option-time,.option-time .time-list{width: 618px;background:#fff;left:-79px;}
.option-time a{width: 62px;/* float: left; */text-align: center;}
/* .option-time .time-title{background: #FAFAFA;border-bottom: 1px #B8B8B8 solid;}
.option-time .time-title span {border:none;color: #333;width: 70px;line-height: 20px;background:#FAFAFA;border-radius:2px;color: #333;display:inline-block;}
.option-time .time-title b{color: #333;} */
/* .time-list a:last-child{width:160px;} */
/* select style end */

#dropdown-menu{ z-index: 999999999!important;}
.navbar{ background: #fff!important; margin-bottom: 0!important; border-bottom: 2px #33C7F3 solid!important;}
a{ color: #2f3d4a; }
.a,.time-list a,.option-ver a{color: #2f3d4a;}
textarea{ resize: none; border-color: #33C7F3!important;}
a:focus{outline: none!important;}
.btn-success{ background-color: #02cdba!important; color: #fff!important; border: 1px #02cdba solid!important;}
.btn-success:hover{ background-color: #08d6c3!important; }
.btn-success1:hover{ background-color: #40cdf7!important;}
.logo-box img{ margin-top: 10px!important; }
.bs-docs-nav .nav > li > a{ border: none!important; color:#333;}
.bs-docs-nav .nav li a{ padding:0 25px!important; }
.bs-docs-nav .nav > li > a:hover{ color: #33c7f3!important; background-color: #fff!important; }
.navbar-nav > li > a{ line-height: 50px!important; }
.navbar-nav > li > a:hover{ background-color: none!important; border: none!important; }
.navbar-toggle i{ color: #33c7f3!important; font-size: 18px; }
.navbar-right .usernamelink{ color:#33c7f3!important; margin-right:5px!important;}
.navbar-right .usernamelink:hover{text-decoration: none!important;}
.navbar-right .quitlink{ color:#999!important; padding:0 10px;}
.navbar-right .usernamelink img{ display: inline-block;width: 30px;height: 30px;margin-right: 5px;}
.nav-input{width: 22%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 34px; border-radius: 4px; margin-right: -6px; border: 1px #33C7F3 solid;}
.nav-form-control{ width: 80px;height: 34px;padding: 0px 12px;font-size: 14px;line-height: 34px; border-radius: 4px; margin-right: -6px;}
.nav-search-btn{ background: #fff!important; border: 1px #33C7F3 solid!important; border-bottom-left-radius: 0!important; border-top-left-radius: 0!important; margin-bottom: 5px!important;}
@media screen and (-webkit-min-device-pixel-ratio:0){ .nav-search-btn {margin-bottom: 4px!important;} }  /*for Chrome/Safari*/  
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .nav-search-btn {margin-bottom: 4px!important;} } /* IE10-specific styles go here */
.nav-input{ padding: 6px 12px 5px 12px!important;}
@media screen and (-webkit-min-device-pixel-ratio:0){ .nav-input {padding: 6px 12px 4px 12px!important;} }  /*for Chrome/Safari*/  
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .nav-input {padding: 0px 12px 6px 12px!important;} } /* IE10-specific styles go here */
.nav-search{ line-height: 50px; margin-left: 15px!important;}
.btn-default{ border: 1px #33c7f3 solid!important;}
.btn-default:hover{ color: #33c7f3!important; background-color: #fff!important; }
.btn-spac{ margin-right: 10px!important; }
.list-group-item{ padding: 5px 15px!important; }
.btn1{ height: 45px!important; width:45px!important; line-height: 45px!important; text-align:center!important; vertical-align: middle!important; display: inline-block;border-radius: 100%;margin:0px!important; border: none; padding: 0!important;}
.btn-primary1{ background: #337AB7;color: #fff!important; }
.btn-primary1:hover{ background: #56a3e5!important; }
.search{ margin-bottom: 20px!important;  }
.form-control1{ border: 1px #33c7f3 solid!important; }
.search-input{ padding: 0!important; }
.search-btn-left{ float: left!important; border: 1px #33c7f3 solid!important; border-bottom-left-radius: 0!important; border-top-left-radius: 0!important; background: rgba(0,0,0,.3)!important; color: #fff!important; height:42px!important;}
.search-btn-left i{ margin-right:6px!important;}
.btn-success1{ background-color: #33c7f3!important; color: #fff!important; border: none!important;}
.middle-title{ margin-bottom:20px!important;}
.fixedRight{width: 50px;position: fixed; left: 50%; bottom: 20px; z-index: 10; display: block; margin-left: 580px;}
.fixedRight .pagetop{width:50px;height:50px; background-color: #ddd!important; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAJCAYAAADtj3ZXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZGNDRCMDUzQUZDRTExRTZBM0MxRUE1MDJCQURBMUJEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZGNDRCMDU0QUZDRTExRTZBM0MxRUE1MDJCQURBMUJEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkY0NEIwNTFBRkNFMTFFNkEzQzFFQTUwMkJBREExQkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkY0NEIwNTJBRkNFMTFFNkEzQzFFQTUwMkJBREExQkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7PJl6MAAAAmUlEQVR42mL4//8/Aw6sBsQHoTRWNbg06gPxi/8QAKINiNVsBcTvoRrfQun3UHG8mt2B+CtUwyog5oHS/6Hi7rg0hwDxT6jC2UDMDBUH0XOg4iD5UHTNyUD8B6qgG4gZ0VwE4vdA5f9A1YM1FwPxP6hENZ7QZ4DK/4eqLwYJdADxXyDOIqARhrOg6jtgTjIjUiMMg9QzAgQYANxouJaSk05sAAAAAElFTkSuQmCC);
background-repeat: no-repeat!important; background-position: center!important; }
.fixedRight .pagetop:hover{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAJCAYAAADtj3ZXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVCREY4Mzk4QUZDRTExRTZBNkEyRDI4NDM1QzEyOTA1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVCREY4Mzk5QUZDRTExRTZBNkEyRDI4NDM1QzEyOTA1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUJERjgzOTZBRkNFMTFFNkE2QTJEMjg0MzVDMTI5MDUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUJERjgzOTdBRkNFMTFFNkE2QTJEMjg0MzVDMTI5MDUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6+6UM2AAAAuUlEQVR42ozRoQrCUBTG8U3EYFoZRptVs8G6F9BgFi1GLYLRJV0VhpoVBIPVoBjVJ/AhtFiH/i98QWRXduDHgXvOx4V73TiOHUtVsEAX97SFnCVYxRkN9VrWcB0nlPBQP+r8bzjAAR62KKt7Og9s4Sb2KGKJNl7qK52bees33MEGBczQQ6JZokeLNF9r38ljgClcjBGmvMMbQzwx0S945mZfw74l+F2h9sy+b24eYYeLk63muOH6EWAAhNclYEaLy9cAAAAASUVORK5CYII=);}
.fixedRight .bds_QQ{}
.fixedRight .bds_QQ:hover{ background-color: #33c7f3!important;}
.fixedRight a {display: inline-block;vertical-align: middle;zoom: 1;width: 50px;height: 50px;margin-bottom: 6px;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px; color: #fff!important;}
.fixedRight a:hover{ text-decoration: none!important; }
#feedback{ background-color: #33c7f3!important; font-size: 14px;line-height: 18px;text-align: center;padding: 6px 10px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; width:50px;height:50px;text-indent:0;background-image:none;}
#feedback:hover{ background-color: #40cdf7!important; }
.affix1{ position: fixed; right: 50px!important; bottom: 100px;}
.footer{ background: #2F3239; border-top: 2px #c1bfbf solid; text-align: center!important; }
.footer a{ color: #666!important; margin-right: 24px; line-height: 31px; font-size: 12px!important;}
.footer a:hover{ color: #cdcdcf!important; text-decoration: none;}
.list-group{ margin-top: 20px!important; }
.list-group-item.active{ background-color: #fff!important; color: #373D41!important; border: none!important;}
.list-group-item1{ background-color: #fff!important; color: #373D41!important; border: none!important; }
.table th{text-align: center!important;}
.bs-docs-sidenav>li:hover{background-color: #33C7F3;color: #fff!important; cursor: pointer;}
.table .text-center{ text-align: center!important; vertical-align: middle; width: 100px!important;}
.table a:hover{ text-decoration: none; color: #33c7f3!important; }
.table p{ margin: 0px!important;letter-spacing: 1px!important; }
.table small,.table .click-look{ margin-right: 30px; font-size: 13px!important; color: #33C7F3; background-color: rgba(21,199,243,0.1); padding: 2px 4px; }
.table .click-look{ margin-left: 30px;}
.table h4{ font-size: 16px!important; margin: 0!important; padding: 8px 0 8px 0!important; letter-spacing: 1px; font-weight: normal!important; font-family: 'Microsoft YaHei', sans-serif!important;font-weight: normal;
line-height: 1.2em;}
.table .btn-danger1{ background: rgba(217,83,79,.1); color: #D9534F; }
.table .btn-warning1{ background: rgba(240,73,78,.1);color: #F0AD4E; }
.table .btn-info1{ background: rgba(91,192,222,.1);color: #5BC0DE; }
.table .btn-success1{ background: rgba(92,184,92,.1)!important;color: #5CB85C!important; }
.table .btn-primary1{ background: rgba(51,122,183,.1)!important;color: #337AB7!important; }
/*.table a{ font-size: 18px; font-family: Microsoft Yahei, Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif!important;}*/
.table .text-vis{ line-height: 75px!important; }
.sider-height{ padding: 0!important; margin: 0!important;}
.remove-edge{ margin: 0!important; padding: 0!important;  }
.list-group a{ display: inline-block!important;  }
.list-group a:hover{ color: #33c7f3!important; }
.no-margin{ margin-top: 0!important; }
/*login-reg*/
.product-list span{ display: inline-block; width:180px; height:50px;}
.product-list span img{width: auto; height: auto; max-width: 100%; max-height: 100%;}
.btn-group-justified .is-player{ border-right:2px #5BC0DE solid!important;}
.banner-box{ background: url(../img/banner.png) repeat center center; height:500px; opacity: 1; text-align: center!important; line-height: 40px!important;}
.banner-box h1{ color: #fff;line-height: 1;letter-spacing: 6px; margin-top: 20px;margin-bottom: 10px; font-size: 80px!important;}
.banner-box h4{ color: #fff!important; font-weight: 200; line-height: 2; }
.banner-box input,.banner-box select{ color: #fff!important; border-color: #fff!important; background: rgba(0,0,0,.3); border: 1px #33c7f3 solid!important; }
.banner-box select,.banner-box input,.nav-search select,.nav-search input{ border-right: 0!important; border-bottom-right-radius: 0!important; border-top-right-radius: 0!important;}
.search-state:visited,.search-state:hover,.search-state:active{ color: #33C7F3!important;}
.search-select{ height:42px!important;}
.nav-search select,.banner-box select{ border: 1px #33C7F3 solid!important; appearance:none; -moz-appearance:none; -webkit-appearance:none; padding-right: 15px!important; background: url(../img/arrow-nav.png) no-repeat scroll right center transparent;}
.banner-box select{ background: url(../img/arrow.png) no-repeat scroll right center; border-right: 0!important; background-color: rgba(0,0,0,.3);}
.nav-search select:focus,.nav-search input:focus{ outline: 0!important; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6)!important;}
select::-ms-expand { display: none; }
.banner-box select option{ background: #fff!important; color: #333!important;}
.banner-box input,.nav-search input{ border-bottom-left-radius: 0!important; border-top-left-radius: 0!important;}
.search-select-border{ border-bottom-left-radius: 0!important; border-top-left-radius: 0!important;}
.sm-title a{ color: rgba(255,255,255,.8)!important; letter-spacing: 1px!important;}
.sm-title a:hover{ color: rgba(255,255,255,1)!important; }
.banner-box .banner-cont{ padding-top: 80px!important;}
.btn2{ border-radius: 0px!important; border-right: none!important; }
.input-group-lg > .input-group-btn > .btn{ font-size: 14px!important; }
.input-group-lg > .form-control{ font-size: 14px!important; }
.center-block1{ margin-right: auto!important; margin-left: auto!important; }
.input-group-lg > .form-control{ height: 40px!important; }
.input-group-lg > .input-group-btn > .btn{ height: 40px!important; }
.center-block{ margin: 10px!important; }
.text-muted1{ color: #cdcdcf!important; font-size: 12px!important; letter-spacing: 1px;}
.loginh a{ color: #d36f16!important; }
.thirdlogin a{ color: #fff!important; }
.input-lg1{ height: 40px!important; font-size: 14px!important;}
.quicklogin_socical{ margin-top: 20px!important; }
.quicklogin_socical a{ color: #fff!important; }
.reg-mt{ margin-top: 100px!important; }
.reg-mt h1{ color: #fff!important; }
.btn-default1{border: 1px #EFEFEF solid!important; background-color: #EFEFEF!important; color: #B5B5B5!important;}
.btn-default1:hover{border: 1px #eceaea solid!important; background-color: #eceaea!important; color: #B5B5B5!important;}
.btn-default3{border: 1px #33c7f3 solid!important; background-color: #33c7f3!important; color: #fff;}
.btn-default3:hover{ background-color: #40cdf7!important; color: #fff!important; }
.btn-default3:visited{ border: 1px #33c7f3 solid!important; background-color: #33c7f3!important; color: #fff; }
.btn-group i{ margin-right: 6px!important; }
#reg_setp h4{ color:#fff!important; }
.bs-example-tabs{ height: 320px!important; width: 100%;}
.gm-info-box .nav-tabs > li.active > a{ color: #555!important;cursor: default!important;background-color: #fff!important;border: 1px solid #999!important; border-bottom-color: rgb(221, 221, 221)!important;border-bottom-color: transparent!important; }
.gm-info-box .nav-tabs > li {float: left!important;margin-bottom: -1px!important; height: 50px!important;}
.gm-info-box .nav-tabs > li>a{ line-height: 48px!important; color: #999!important;}
.gm-info-box .nav-tabs > li>a:hover{ background-color: #131416!important; color: #999!important;}
.bs-example-tabs .nav-tabs {/*margin-bottom: 15px!important;*/}
.gm-info-box .nav-tabs {border-bottom: 1px solid #999!important;}
.gm-info-box .nav-tabs{ width: 100%!important;}
.bs-example {margin-right: 0;margin-left: 0;background-color: #fff; border-color: #ddd;border-width: 1px;border-radius: 4px 4px 0 0;-webkit-box-shadow: none;box-shadow: none;}
/*default-table*/
.table-type{height: 20px; width:38px; line-height: 20px; padding: 0 5px; display: inline-block; border-radius: 2px; margin-right: 10px; color: #fff!important; font-size: 12px;}
.table .table-type-color1{ background-color: #FF4C4C;}
.table .table-type-color2{ background-color: #FB0A2A;}
.table .table-type-color3{ background-color: #0099E5;}
.table .table-type-color4{ background-color: #00405D;}
.table .table-type-color5{ background-color: #062F3C;}
.table .table-type-color6{ background-color: #CC7A00;}
.table .table-type-color7{ background-color: #8A7967;}
.table .table-type-color8{ background-color: #00A78E;}
.table .table-type-color9{ background-color: #49176D;}
.table .table-type-color10{ background-color: #49A942;}
.table .table-type-color11{ background-color: #00A78E;}
.table .table-type-color12{ background-color: #FF4C4C;}
/* .table a:visited {color:#888888!important;} */
.table thead{ background-color: rgba(21,199,243,0.1); font-size:14px!important; /*border-top:2px #dddddd solid;*/}
.table-border tr td{ line-height: 51px!important; vertical-align: middle!important; margin: 0!important; padding: 0!important; padding: 0 10px!important; font-size: 13px!important; color: #525252!important;}
#click-check{ color:#fff!important;}

/* default detail */
.detail_bg{ background: url(../img/detail-bg.jpg) no-repeat top center; width: 100%; position: relative;}
.detail_bg .col-xs-3{padding: 0; height: 280px; background-color: #131416;}
.detail_bg .col-xs-6{ padding: 0;}
.detail_bg .col-xs-8{ padding: 0;}
.cont-btn{ width: 100%; text-align: center;}
.dlq-down{ background:url(../img/dlq_down.png) no-repeat; width: 289px!important; height: 130px!important; display: inline-block!important;}
.downs{ width: 142px!important; height: 65px!important; display: inline-block!important; opacity: 0.7;}
.payment{ background:url(../img/payment.png) no-repeat; }
.bd-down{ background:url(../img/bd-down.png) no-repeat; }
.downs:hover{ opacity: 1;}
.cont-info{ margin-top: 400px;}
.QR-Code{ width: 280px; height: 323px; overflow: hidden; padding-left: 15px!important;}
.QR-Code img{ width: auto; height: auto; max-width: 100%; max-height: 100%;}
.gm-info-box .tab-pane{ background: #131416; color: #999; overflow-y: auto; overflow-x: auto; /*width: 877px;*/ height: 270px; padding: 10px;}
.gm-info-box .tab-pane p{ padding:10px; display: block;}
.gm-info-box .nav-tabs{ background-color: #262728!important}
.gm-info-box .nav-tabs > li.active > a{ background-color: #131416!important; color: #999!important;}
.detail_bg h2{ color: #ADADAD;}
.banner-info{ overflow: hidden; height: 280px;}
.gm-info-box .col-md-9{ padding: 0;}
.gm-img{ width: 301px; height: 320px; overflow: hidden;}
.gm-img-box{ position: relative;}
.gm-img-tools{ position: absolute; bottom: 20px; left: 20px;}
.gm-img-tools li{ display: inline-block!important;height: 25px; width: 39px; cursor: pointer;}
.gm-img-tools .zs-default{ background: url(../img/zs-default.png) no-repeat;}
.gm-img-tools .zs-active{ background: url(../img/zs-active.png) no-repeat;}
.gm-img-tools .fs-default{ background: url(../img/fs-default.png) no-repeat;}
.gm-img-tools .fs-active{ background: url(../img/fs-active.png) no-repeat;}
.gm-img-tools .ds-default{ background: url(../img/ds-default.png) no-repeat;}
.gm-img-tools .ds-active{ background: url(../img/ds-active.png) no-repeat;}
.banner-info{ position: relative;}
.toolsBox{ position: absolute;width: 100%;bottom: 20px;text-align: center;}
.toolsBox .tools{list-style: none;padding: 4px;display: inline-block;border-radius: 18px;margin: 0;}
.toolsBox .tools li{width: 10px;height: 10px;background: #fff;float: left;margin-left: 10px;margin-right: 10px;border-radius: 100%;cursor: pointer;}
.toolsBox .tools li:hover{background: #33c7f3;transition: background 0.3s linear;}
.img-title{ border-bottom: 1px #999 solid;}
.sm-tt{ font-size: 14px; margin-left: 30px; cursor: pointer;}
.sm-tt:hover{ color:#33c7f3;}
.sm-tt i{ margin-right: 6px;}
.img-list{ margin-top: 10px; text-align: center;}
.img-list .solo{float: left; margin: 0 5px 10px 5px; width: 224px; height: 224px;overflow: hidden; text-align: center; line-height: 224px; border: 1px #999 solid;}
.img-list .solo img{ width: auto; height: auto; max-width: 100%; max-height: 100%;}
.img-list-lg{ margin-top: 10px; text-align: center;}
.img-list-lg .solo-lg{ float: left; margin: 0 5px 10px 5px; width: 1160px; height: auto;overflow: hidden; text-align: center; border: 1px #999 solid;}
.img-list-lg .solo-lg img{ width: auto; height: auto; max-width: 100%; max-height: 100%;}
.fixed-right{position: fixed; top: 0; right: -100px; height: 100%; transition: right 0.4s ease; -moz-transition: right 0.4s ease; -webkit-transition: right 0.4s ease; -o-transition: right 0.4s ease; width: 135px;  /* z-index: 9999; */ }
.fixed-right:hover{ right: 0px;}
.fixed-right a{ margin-right: 0px!important; text-decoration: none!important;}
.fixed-right-box{ width: 135px; height: 100%; position: relative; background: #2F3239; /* z-index: 999; */}
.fixed-right-info{ position: absolute; top: 200px; width: 135px;}
.fixed-right-1{ width: 135px; height: 35px; line-height: 35px; cursor: pointer; margin: 5px 0; text-align: left; padding-left: 10px; color: #999; font-size: 12px;}
.fixed-right-1:hover{ background-color: #131416;}
.fixed-right-1 i{ color: #999; font-size: 16px; margin-right: 12px;}
.return-top{ background: url(../img/return-top.png) no-repeat; text-indent: 26px;}
.fixed-right-foot{ position: absolute; bottom: 20px;}
.fixed-right .fixed-right-foot .share-qq{ background: url(../img/qq-xqy.png) no-repeat 8px; text-indent: 26px; width:135px;color:#999;}
.fixed-right .fixed-right-foot .share-qq:hover,.fixed-right .fixed-right-foot .share-weixin:hover{background-color: #131416;}
.fixed-right .fixed-right-foot .share-weixin{ background: url(../img/weixin-xqy.png) no-repeat 8px; text-indent: 26px; width:135px;color:#999;}
.fixed-right-top{ position: absolute; top: 50px;}
.gm-title{margin: 80px auto;background-image: url(../img/fire.gif);background-position: -50px -90px;-webkit-text-fill-color: transparent;-webkit-background-clip: text;}
.gm-title h1{font-family: "arial black";font-weight: bold;text-transform: uppercase;font-size: 70px;text-align: center;margin: 0; letter-spacing: 1px;}
.input-group-addon{ padding: 0px 12px!important;}
.comment{ width: 435px; height: 100%; position: relative; border: 1px #999 solid; background-color: #fff; position: fixed; right: 35px; top: 0; padding: 6px 12px; overflow-y: auto; z-index: 10;}
.fixed-right:hover .comment{ right: 135px;}
.close{line-height: 1.5!important;}
.modal-header{ border: 0!important;}
.new-com{ margin-bottom: 50px;}
.new-com a:hover{ text-decoration: none;}
.new-com-info{ border-bottom: 1px dashed #e4e7ea; padding: 20px 0px 10px 0px;}
.com-info textarea{ border-color: #33C7F3!important;}
.vip01{ background: url(../img/vip1.png) no-repeat left center;}
.comments_left_img{ float: left;}
.comments_content{ margin-left: 60px;}
.comments_content h5{ margin-right: 10px; margin-top: 0px;}
.comments_content h5 a{ font-size: 15px; color: #33c7f3!important; font-weight: bold;}
.comments_content .user_head_grade{ padding-left: 24px; margin-top: 0px; color: #768696;font-size: 12px;font-weight: 400;padding-left: 24px; margin-left: 10px;}
.comments_content h5 p{ margin-top: 10px; color: #768696; font-size: 12px; }
.comments_content .text{ font-size: 14px; line-height: 22px; padding-top: 10px; color: #525252;}
.comments_content .click-ding{ text-align: right;}
.comments_content .click-ding a{ color: #999!important;}
.comments_content .click-ding a:hover{ color: #33c7f3!important; text-decoration: none;}
.comments_content .click-ding a:hover i{ background: url(../img/ding-hover.png) no-repeat;}
.comments_content .click-ding i{ background: url(../img/ding.png) no-repeat; display: inline-block; width: 16px; height: 15px; overflow: hidden;}
.new-com .new-com-title{ position: relative; border-bottom: 1px solid #33c7f3;}
.new-com .new-com-title ul{ height: 40px; line-height: 40px;}
.new-com .new-com-title li{ margin-bottom: -1px!important; height: 40px; background: #fff; position: absolute;left: 0; bottom: -1px; /* z-index: 999999; */}
.new-com-title li a{ line-height: 38px; background-color: #fff; padding: 0 15px; display: inline-block; border-radius: 10px 10px 0 0; border: 1px solid #33C7F3; box-sizing: border-box; border-bottom: none;}
.new-com .pagination a{ color: #33C7F3!important;}
.comments_left_img img{ width:42px; height:42px;}
.com-foot{ width: 434px; height: 50px; background: #fff; position: fixed; bottom: 0; right: 35px; padding: 0 10px;}
.com-foot .pagination{ margin: 10px 0!important;}
.feedback-box{ width: 300px; height: 300px; position: fixed; right: 45px; top: 275px; padding: 6px 12px; border: 1px #999 solid; background-color: #fff; display: none; font-size: 12px!important; z-index: 10;}
.feedback-box::after{ display: block;width: 0px;height: 0px;content: "";position: absolute;right: -18px;top: 16px;border: 9px solid transparent;border-left-color: #fff; }
.feedback-box input{ border-color: #33C7F3!important;}
.share-weixin-qrcode-box{ width: 300px; height: 300px; position: fixed; right: 45px; bottom: 50px; padding: 6px 12px; border: 1px #999 solid; background-color: #fff; font-size: 12px!important;}
.share-weixin-qrcode-box::after{ display: block;width: 0px;height: 0px;content: "";position: absolute;right: -18px;bottom: 60px;border: 9px solid transparent;border-left-color: #fff; }