/*index_top*/
.cw_index_top {width:100%;height:50px;background-color:#1b1f22;min-width:1280px;}
.cw_index_top .top_left {width:565px;height:50px;float:left;}
.cw_index_top .top_left .back_to {float:left;width:50px;padding:0 20px;height:30px;background-color:#25292b;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;line-height:30px;margin-left:30px;cursor:pointer;margin-top:10px;}
.cw_index_top .top_left .back_to a {margin-left:6px;float:left;}
.cw_index_top .top_left .back_to .back_icon {width:16px;height:13px;background-position:-136px -667px;/* position:relative;*/                /* top:9px;*/                float:left;margin-top:9px;}
.cw_index_top .top_left .back_to span {font-size:14px;color:#a8a8a8;}
.cw_index_top .top_left .back_to:hover .back_icon {background-position:-186px -667px;}
.cw_index_top .top_left .back_to:hover span {color:#b5b5b5;}
.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:#c5c9cc;font-size:14px;}
.cw_index_top .top_left .model_type .type_message_icon {float:left;width:14px;height:14px;background-position:-16px -927px;margin-top:7px;margin-left:10px;cursor:pointer;}
.cw_index_top .top_left .model_type .type_message_icon:hover {background-position:-66px -927px;}
.cw_index_top .top_left .terminal_select {float:left;height:30px;margin-left:50px;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 .terminal_select .appImg {background-position:-101px -10px;}
.cw_index_top .top_left .terminal_select .appImg.active,.cw_index_top .top_left .terminal_select .appImg:hover {background-position:-101px -50px;}
.cw_index_top .top_left .terminal_select .weixinImg {background-position:-147px -10px;}
.cw_index_top .top_left .terminal_select .weixinImg.active,.cw_index_top .top_left .terminal_select .weixinImg:hover {background-position:-147px -50px;}
.cw_index_top .top_right {width:365px;height:50px;position:relative;float:right;}

.go_buy {position:absolute;left:-63px;top:18px;cursor:pointer;color:#f5f5f5;}

.cw_index_top .top_right .goto_creative {float:left;width:48px;height:50px;cursor:pointer;}
.cw_index_top .top_right .goto_creative .cretive_icon {width:22px;height:22px;background-position:-17px -969px;margin-top:15px;margin-left:13px;}
.cw_index_top .top_right .goto_creative:hover {background:#25292b;}
.cw_index_top .top_right .goto_creative:hover .cretive_icon {background-position:-66px -969px;}
.cw_index_top .top_right .creative_change {float:left;width:138px;margin:0 25px;height:50px;position:relative;}
.cw_index_top .top_right .creative_change .change_btn {width:138px;}
.cw_index_top .top_right .creative_change .change_btn .icon_bg {width:35px;height:35px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;cursor:pointer;margin-top:8px;}
.cw_index_top .top_right .creative_change .change_btn .pre_icon {background-color:#313638;background-position:-126px -959px;float:left;}
.cw_index_top .top_right .creative_change .change_btn .pre_icon:hover {background-color:#dc3b41;background-position:-126px -925px;}
.cw_index_top .top_right .creative_change .change_btn .next_icon {background-color:#313638;background-position:-167px -925px;float:right;}
.cw_index_top .top_right .creative_change .change_btn .pre_icon.active {background-color:#ee4d53;background-position:-126px -925px;}
.cw_index_top .top_right .creative_change .change_btn .next_icon.active {background-color:#ee4d53;background-position:-167px -959px;}
.cw_index_top .top_right .creative_change .change_btn .next_icon:hover {/*background-color:#3e4446;*/            background-color:#dc3b41;background-position:-167px -959px;}
.cw_index_top .top_right .creative_change .creative_position {width:52px;height:50px;line-height:50px;position:absolute;top:0;left:43px;text-align:center;color:#575d68;}
.cw_index_top .top_left .group_creative {float:left;width:55px;height:50px;cursor:pointer;position:relative;margin-left:11px;}
.cw_index_top .top_left .group_creative:hover {background-color:#25292b;}
.cw_index_top .top_left .group_creative .group_icon {width:23px;height:23px;background-position:-15px -994px;margin-top:13px;margin-left:17px;}
.cw_index_top .top_left .group_creative .gc_list:before {content:'';position:absolute;top:-7px;left:129px;border-right:8px solid transparent;border-left:8px solid transparent;border-bottom:7px solid #292c35;}
.cw_index_top .top_left .group_creative .gc_list:after {content:'';position:absolute;top:-8px;left:0;width:100%;height:8px;opacity:0;background-color:#fff;}
.cw_index_top .top_left .group_creative .gc_list {display:none;width:224px;height:auto;max-height:424px;background-color:#292c35;position:absolute;top:57px;left:-107px;padding:20px;z-index:10;border-bottom-left-radius:5px;border-bottom-right-radius:5px;/*border-radius:5px;*/}
.cw_index_top .top_left .group_creative .gc_list .gc_title {font-size:15px;color:#d2d6dd;padding-bottom:10px;border-bottom:1px solid #3e4048;}
.cw_index_top .top_left .group_creative .gc_list .gc_detail {width:224px;height:auto;}
.cw_index_top .top_left .group_creative .gc_list .gc_detail li {margin-top:20px;width:224px;}
.cw_index_top .top_left .group_creative .gc_list .gc_detail li .c_img {float:left;width:100px;height:58px;overflow:hidden;}
.cw_index_top .top_left .group_creative .gc_list .gc_detail li .c_cont {margin-left:110px;width:100px;height:58px;position:relative;}
.cw_index_top .top_left .group_creative .gc_list .gc_detail li .c_cont .name {font-size:14px;color:#d7dbe6;width:100px;height:23px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cw_index_top .top_left .group_creative .gc_list .gc_detail li .c_cont .type {font-size:12px;color:#848b97;width:100px;height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cw_index_top .top_left .group_creative .gc_list .gc_detail li .c_cont .min_icon_pc {width:18px;height:15px;background-position:-9px -100px;margin-top:8px;}
.cw_index_top .top_left .group_creative .gc_list .gc_detail li .c_cont .min_icon_phone {width:18px;height:15px;background-position:-51px -100px;margin-top:8px;}
.cw_index_top .top_left .group_creative .gc_list .gc_detail li .c_cont .min_icon_app {width:18px;height:15px;background-position:-93px -101px;margin-top:8px;}
.cw_index_top .top_left .group_creative .gc_list .gc_detail li .c_cont .min_icon_wx {width:18px;height:15px;background-position:-135px -100px;margin-top:8px;}
.cw_index_top .top_left .group_creative .gc_list .gc_detail li .c_cont .min_icon_mpc {width:18px;height:15px;background-position:-256px -100px;margin-top:8px;}
.cw_index_top .top_left .group_creative .gc_list .gc_detail li .c_cont .inputcheckbox {position:absolute;right:-20px;top:20px !important;}
.cw_index_top .top_left .group_creative:hover .group_icon {background-position:-15px -994px;}
.cw_index_top .top_left .group_creative:hover .gc_list {display:block;}
.cw_index_top .top_right .try_use {float:right;width:127px;height:50px;background-color:#ee4d53;color:#fff;text-align:center;line-height:50px;font-size:14px;cursor:pointer;}
.cw_index_top .top_right .try_use:hover {background-color:#dc3b41;}
.cw_index_top .top_right .try_buy {float:right;width:127px;height:50px;background-color:#ee4d53;color:#fff;text-align:center;line-height:50px;font-size:14px;cursor:pointer;}
.cw_index_top .top_right .try_buy:hover {background-color:#dc3b41;}

/*index_top*/
.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:375px;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:375px !important;height:calc(100% - 30px) !important;max-height:650px !important;}
    .cw_index_content .content_preview .content {width:375px !important;}
}

@media only screen and (min-width:1367px) and (max-width:1900px) {
    .cw_index_content .content_preview {height:calc(100% - 30px) !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:375px;overflow:auto;max-height:100%;height:100%;background-color:#fff;position:relative;top:-40px;}
.cw_index_content .content_preview .content img {width:375px;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,.app_content_preview,.w_content_preview {height:100%;}
.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;}

/*发布--确认信息弹窗*/
.issue_eidt_Alert {width:566px;height:auto;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#fff;position:fixed;top:150px;left:50%;margin-left:-389px;padding-bottom:15px;}
.issue_eidt_Alert .ie_title {width:546px;padding:0 5px 0 15px;height:36px;border-top-left-radius:5px;border-top-right-radius:5px;background-color:#32353e;}
.issue_eidt_Alert .ie_title span {color:#fff;font-size:14px;}
.issue_eidt_Alert .ie_title .icon_bg {width:31px;height:31px;background-position:-169px -607px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;cursor:pointer;}
.issue_eidt_Alert .ie_title .icon_bg:hover {-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.issue_eidt_Alert .ie_content {background-color:#fff;padding:45px 40px 25px 60px;}
.issue_eidt_Alert .ie_content .hs_type {overflow:hidden;padding-bottom:25px;}
.issue_eidt_Alert .ie_content .hs_type .hs_type_name {float:left;}
.issue_eidt_Alert .ie_content .hs_type .hs_type_name .name {font-size:16px;color:#333;height:23px;line-height:23px;}
.issue_eidt_Alert .ie_content .hs_type .hs_type_name .see_model {height:21px;line-height:21px;}
.issue_eidt_Alert .ie_content .hs_type .hs_type_name .see_model a {font-size:14px;color:#999;text-decoration:underline;cursor:pointer;}
.issue_eidt_Alert .ie_content .hs_type .hs_type_list {float:left;margin-left:3px;}
.issue_eidt_Alert .ie_content .hs_type .hs_type_list .type_li {float:left;width:80px;margin-left:12px;}
.issue_eidt_Alert .ie_content .hs_type .hs_type_list .type_li .img {width:35px;height:25px;margin:0 auto;}
.issue_eidt_Alert .ie_content .hs_type .hs_type_list .type_li .type_name {text-align:center;color:#999;font-size:14px;}
.issue_eidt_Alert .ie_content .hs_type .hs_type_list .type_pc .img {background-position:-3px -9px;}
.issue_eidt_Alert .ie_content .hs_type .hs_type_list .type_phone .img {background-position:-49px -9px;}
.issue_eidt_Alert .ie_content .hs_type .hs_type_list .type_app .img {background-position:-96px -9px;}
.issue_eidt_Alert .ie_content .hs_type .hs_type_list .type_wx .img {background-position:-141px -9px;}
.issue_eidt_Alert .ie_content .site_message {margin-top:20px;}
.issue_eidt_Alert .ie_content .site_message .sn_label,.issue_eidt_Alert .ie_content .site_message .sm_label {font-size:14px;color:#444;}
.issue_eidt_Alert .ie_content .site_message .sn_input {width:340px;height:34px;border:1px solid #e2e2e2;margin-left:10px;outline:none;text-indent:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:14px;color:#333;}
.issue_eidt_Alert .ie_content .site_message:-moz-placeholder {/* Mozilla Firefox 4 to 18 */                color:#999;}
.issue_eidt_Alert .ie_content .site_message::-moz-placeholder {/* Mozilla Firefox 19+ */                color:#999;}
.issue_eidt_Alert .ie_content .site_message input:-ms-input-placeholder {color:#999;}
.issue_eidt_Alert .ie_content .site_message input::-webkit-input-placeholder {color:#999;}
.issue_eidt_Alert .ie_content .site_message input:focus {border:1px solid #84d2ff;}
.issue_eidt_Alert .ie_content .site_message .sm_select {width:340px;height:36px;border:1px solid #e2e2e2;margin-left:10px;outline:none;text-indent:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#333;}
.issue_eidt_Alert .ie_content .site_message .sm_select option:first-child {color:#999;}
.issue_eidt_Alert .ie_content .site_message .necessary {color:#ff6e6e;margin-left:3px;}
.issue_eidt_Alert .ie_content .error_tip {visibility:visible;height:36px;line-height:36px;margin-left:66px;overflow:hidden;}
.issue_eidt_Alert .ie_content .error_tip .tip_icon {float:left;width:20px;height:36px;background-position:-259px -44px;}
.issue_eidt_Alert .ie_content .error_tip span {float:left;color:#ff6e6e;}
.issue_eidt_Alert .ie_bottom {border-top:1px solid #e2e2e2;}
.issue_eidt_Alert .ie_bottom .ie_btn {width:138px;float:right;margin-right:25px;margin-top:15px;}
.issue_eidt_Alert .ie_bottom .ie_btn .btn {width:63px;height:28px;outline:none;border:none;display:block;text-align:center;line-height:28px;font-size:12px;box-sizing:border-box;float:left;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer;}
.issue_eidt_Alert .ie_bottom .ie_btn .ie_cancel_btn {border:1px solid #e2e2e2;color:#444;background-color:#fff;}
.issue_eidt_Alert .ie_bottom .ie_btn .ie_cancel_btn:hover {background-color:#f1f1f1;}
.issue_eidt_Alert .ie_bottom .ie_btn .ie_sure_btn {background-color:#32353e;margin-left:12px;color:#fff;}
.issue_eidt_Alert .ie_bottom .ie_btn .ie_sure_btn:hover {background-color:#434750;}

/*发布--创建完成弹窗*/
.issue_complete {width:883px;height:501px;background:url(../../images/view_new/issue_complete.png) no-repeat;background-size:100%;position:fixed;top:150px;left:50%;margin-left:-441px;}
.issue_complete .ic_containter {width:874px;margin:0 auto;margin-top:250px;}
.issue_complete .ic_containter .ic_list .ic_li {width:205px;height:auto;float:left;margin-left:10px;}
.issue_complete .ic_containter .ic_list .ic_li .content {width:61px;height:61px;position:relative;}
.issue_complete .ic_containter .ic_list .ic_li .content .icon_containter {width:61px;height:61px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#3b404a;cursor:pointer;}
.issue_complete .ic_containter .ic_list .ic_li .content .icon_containter .ic_pc_icon {width:30px;height:30px;background-position:-5px -5px;}
.issue_complete .ic_containter .ic_list .ic_li .content .icon_containter .ic_phone_icon {width:30px;height:30px;background-position:-51px -5px;}
.issue_complete .ic_containter .ic_list .ic_li .content .icon_containter .ic_app_icon {width:30px;height:30px;background-position:-99px -5px;}
.issue_complete .ic_containter .ic_list .ic_li .content .icon_containter .ic_wx_icon {width:30px;height:30px;background-position:-142px -5px;}
.issue_complete .ic_containter .ic_list .ic_li .content .icon_containter:hover {animation-name:rotate3d;animation-duration:0.3s;}
.issue_complete .ic_containter .ic_list .ic_li .content .icon_containter:hover .ic_pc_icon {background-position:-253px -6px;}
.issue_complete .ic_containter .ic_list .ic_li .content .icon_containter:hover .ic_phone_icon {background-position:-359px -7px;}
.issue_complete .ic_containter .ic_list .ic_li .content .icon_containter:hover .ic_app_icon {background-position:-413px -6px;}
.issue_complete .ic_containter .ic_list .ic_li .content .icon_containter:hover .ic_wx_icon {background-position:-306px -6px;}
.issue_complete .ic_containter .ic_list .ic_li .content .cont_containter {width:205px;height:126px;position:absolute;z-index:100;left:-71px;padding-top:25px;}
.issue_complete .ic_containter .ic_list .ic_li .content .cont_containter .img {width:201px;height:126px;overflow:hidden;border:2px solid #393e48;}
.issue_complete .ic_containter .ic_list .ic_li .content .cont_containter .img img {width:201px;display:block;}
.issue_complete .ic_containter .ic_list .ic_li .content .cont_containter .click_to {visibility:hidden;width:201px;height:126px;position:absolute;left:2px;top:27px;background-color:rgba(0,0,0,0.3);}
.issue_complete .ic_containter .ic_list .ic_li .content .cont_containter .click_to .click_link {width:114px;height:53px;display:block;background-color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;line-height:53px;text-align:center;color:#444444;font-size:14px;position:relative;}
.issue_complete .ic_containter .ic_list .ic_li .content .cont_containter .click_to .click_link .click_link_icon {width:28px;height:28px;background-position:-73px -749px;position:absolute;left:12px;top:13px;}
.issue_complete .ic_containter .ic_list .ic_li .content .cont_containter .click_to .click_link span {padding-left:35px;}
.issue_complete .ic_containter .ic_list .ic_li .content .cont_containter:after {content:'';display:block;position:absolute;border-bottom:10px solid #3b404a;border-left:10px solid transparent;border-right:10px solid transparent;left:92px;top:15px;}
.issue_complete .ic_containter .ic_list .ic_li .content:hover .icon_containter {background-color:#ed5853;}
.issue_complete .ic_containter .ic_list .ic_li .content:hover .icon_containter .ic_pc_icon {background-position:-253px -6px;}
.issue_complete .ic_containter .ic_list .ic_li .content:hover .icon_containter .ic_phone_icon {background-position:-359px -7px;}
.issue_complete .ic_containter .ic_list .ic_li .content:hover .icon_containter .ic_app_icon {background-position:-413px -6px;}
.issue_complete .ic_containter .ic_list .ic_li .content:hover .icon_containter .ic_wx_icon {background-position:-306px -6px;}
.issue_complete .ic_containter .ic_list .ic_li .content:hover .cont_containter .img {border-color:#fff;}
.issue_complete .ic_containter .ic_list .ic_li .content:hover .cont_containter:after {border-bottom:10px solid #fff;}
.issue_complete .ic_containter .ic_list .ic_li .content:hover .click_to {visibility:visible;}
.issue_complete .ic_containter:after {display:block;clear:both;content:'';}

/*旋转动画*/
@keyframes rotate3d {0% {-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);}
50% {-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg);}
100% {-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);}
}
@-webkit-keyframes name {0% {-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);}
50% {-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg);}
100% {-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);}
}
@-moz-keyframes name {0% {-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);}
50% {-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg);}
100% {-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);}
}
@-ms-keyframes name {0% {-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);}
50% {-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg);}
100% {-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);}
}
::-webkit-scrollbar {width:4px;height:4px;background-color:#F5F5F5;}
::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px #ccc;border-radius:2px;background-color:#F5F5F5;}
::-webkit-scrollbar-thumb {border-radius:2px;-webkit-box-shadow:inset 0 0 6px #ccc;background-color:#555;}