html {width:100%;height:100%;}
body {width:100%;height:100%;font-size:12px;color:#666;background:#fff;}
*,html,body {padding:0;margin:0;font-family:"微软雅黑","宋体",Arial;}
body,h1,h2,h3,h4,p,ul,ol,dl,dd,form {margin:0;}
body {overflow:hidden;background:url('../../images/view/ycb_box_in_bg.jpg') no-repeat;background-size:100% 100%;}
ul,ol,li {list-style:none}
table {border-collapse:collapse;border-spacing:0;}
a {text-decoration:none;color:#333;}
a:hover {color:#fff;}
h1,h2,h3,h4 {font-size:100%;}
h3 {font-size:14px;}
em,i {font-style:normal;}
ul {margin-bottom:0px;padding-left:0;list-style-type:none;}
input,textarea,select {color:#333;font-size:100%;font-family:inherit;}
input {outline:none;}
img {border:0;}
.icon_bg {background:url(../../images/view/iconImgs.png) no-repeat;}

/*index_top*/
.cw_index_top {width:100%;height:50px;background-color:#1b1f22;min-width:1280px;}
.cw_index_top .top_left {width:100%;height:50px;float:left;}
.cw_index_top .top_left .terminal_select {float:left;height:30px;margin-left:35px;margin-top:10px;}
.cw_index_top .top_left .terminal_select div {width:24px;height:19px;float:left;margin-left:15px;cursor:pointer;margin-top:5.5px;}
.cw_index_top .top_left .terminal_select .pcmImg {margin-left:0;background-position:-195px -10px;}
.cw_index_top .top_left .terminal_select .pcmImg.active,.cw_index_top .top_left .terminal_select .pcmImg:hover {background-position:-195px -50px;}
.cw_index_top .top_left .terminal_select .pcImg {margin-left:0;background-position:-9px -10px;}
.cw_index_top .top_left .terminal_select .pcImg.active,.cw_index_top .top_left .terminal_select .pcImg:hover {background-position:-9px -50px;}
.cw_index_top .top_left .terminal_select .phoneImg {background-position:-55px -10px;}
.cw_index_top .top_left .terminal_select .phoneImg.active,.cw_index_top .top_left .terminal_select .phoneImg:hover {background-position:-55px -50px;}
.cw_index_top .top_left .model_type {float:left;margin-left:25px;height:30px;line-height:30px;margin-top:10px;}
.cw_index_top .top_left .model_type .type_name {float:left;color:#999;font-size:14px;}
.cw_index_top .top_left .model_tip {float:right;margin-right:25px;height:30px;line-height:30px;margin-top:10px;}
.cw_index_top .top_left .model_tip .type_name {float:left;color:#666;font-size:14px;}

@media screen and (max-width:767px){
	.cw_index_top{display:none;}
}

.cw_index_content {width:100%;height:calc(100% - 50px) !important;position:relative;max-width:100%;}
.cw_index_content .pc_content_preview {width:100%;height:100%;display:block;}
.cw_index_content .pc_content_preview > iframe {border:none;}
.cw_index_content .pc_content_preview img {max-width:100%;}
.cw_index_content .content_preview {width:400px;height:calc(100% - 200px);position:relative;top:50%;left:0;right:0;bottom:0;margin:auto;display:none;max-height:650px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-color:#fff;}

@media only screen and (max-width:1366px) {
    .cw_index_content .content_preview {width:400px !important;height:calc(100% - 100px) !important;max-height:calc(100% - 100px) !important;}
    .cw_index_content .content_preview .content {width:400px !important;}
}
@media only screen and (min-width:1367px) and (max-width:1900px) {
    .cw_index_content .content_preview {height:calc(100% - 30px) !important;}
}
@media screen and (max-width:767px){
	.cw_index_content {width:100%;height:100%!important;}
}
.cw_index_content .content_preview .header {position:relative;top:-40px;width:100%;height:40px;background:#f4f5f7;border-radius:40px 40px 0 0;}
.cw_index_content .content_preview .header .header_icon {position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:50px;height:10px;border-radius:10px;background:#ccc;}
.cw_index_content .content_preview .content {width:400px;overflow:hidden;max-height:100%;height:100%;background-color:#fff;position:relative;top:-40px;}
.cw_index_content .content_preview .content img {width:400px;display:block;}
.cw_index_content .content_preview .footer {position:relative;top:-40px;width:100%;height:40px;background:#f4f5f7;border-radius:0 0 40px 40px;}
.cw_index_content .content_preview .footer .footer_icon {position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:30px;height:30px;border-radius:100%;background:#ccc;}
.phone_content_preview {height:100%;display:none;}
.bg_shade {width:100%;height:100%;position:fixed;background-color:rgba(0,0,0,0.3);z-index:100;left:0;top:0;display:none;}

.hide_setting {position:fixed}
.hide_setting {position:absolute;top:0;width:106px;height:16px;overflow:hidden;z-index:9031;left:50%;margin-left:-53px}
.hide_setting .hide_setting_col {display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:#666;transition:all .3s;cursor:pointer;border-radius:0 0 16px 16px;border:1px solid #666;border-top:none;box-sizing:border-box}
.hide_setting .hide_setting_col:hover {background-color:#5874d8;border-color:#5874d8}
.hide_setting .hide_setting_col svg {width:12px;height:12px;fill:#ccc;transition:all .3s;transform:rotate(-90deg)}
.hide_setting .hide_setting_col.hidden svg {transform:rotate(90deg)}
.hide_setting .hide_setting_col:hover svg {fill:#fff}
/*Tips*/
.ui-tips-show{display:inline-block;background:#fff;border:1px solid #d9d9d9;border-radius:4px;padding:4px 12px;box-shadow:1px 2px 10px rgba(0,0,0,0.1);max-width:300px;word-break:break-all;z-index:9032;font-size:14px;line-height:200%;color:#666;}
.ui-tips-show img{max-width:100%;border:1px solid #f3f3f3;margin:8px 0;}
.ui-tips-show:after{content:" ";position:absolute;width:10px;height:10px;border-left:0;border-bottom:0;background:#fff;border:1px solid #d9d9d9;border-bottom:0;border-right:0;}
.ui-tips-left:after{right:-6px;top:50%;transform:translateY(-50%) rotate(-225deg);}
.ui-tips-top:after{left:50%;top:100%;transform:translateX(-50%) translateY(-50%) rotate(-140deg);}
.ui-tips-right:after{left:-6px;top:50%;transform:translateY(-50%) rotate(-45deg);}
.ui-tips-bottom:after{left:50%;top:0;transform:translateX(-50%) translateY(-50%) rotate(45deg);}
.ui-tips-bottom-dim:after{left:50%;top:0;transform:translateX(-50%) translateY(-50%) rotate(45deg);}
.ui-tips-bottom-left:after{left:10px;top:0;transform:translateY(-50%) rotate(45deg);}
.ui-tips-top-left:after{left:10px;top:100%;transform:translateY(-50%) rotate(-140deg);}
.ui-tips-right-top:after{left:-5px;top:15px;transform:translateY(-50%) rotate(-45deg);}
.ui-tips-red{background:#ED4014;border-color:#ED4014;color:#fff;}
.ui-tips-red:after{border-color:#ED4014;background:#ED4014;}
.ui-tips-yellow{background:#F37B1D;border-color:#F37B1D;color:#fff;}
.ui-tips-yellow:after{border-color:#F37B1D;background:#F37B1D;}
.ui-tips-blue{background:#1890FF;border-color:#1890FF;color:#fff;}
.ui-tips-blue:after{border-color:#1890FF;background:#1890FF;}
.ui-tips-green{background:#19BE6B;border-color:#19BE6B;color:#fff;}
.ui-tips-green:after{border-color:#19BE6B;background:#19BE6B;}
.ui-tips-info{background:#2DB7F5;border-color:#2DB7F5;color:#fff;}
.ui-tips-info:after{border-color:#2DB7F5;background:#2DB7F5;}
.ui-tips-black{background:#000;border-color:#000;color:#fff;}
.ui-tips-black:after{border-color:#000;background:#000;}

::-webkit-scrollbar {width:4px;height:4px;background-color:#F5F5F5;}
::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px #ccc;border-radius:0;background-color:#F5F5F5;}
::-webkit-scrollbar-thumb {border-radius:0;-webkit-box-shadow:inset 0 0 6px #ccc;background-color:#555;}